.activity-fields{display:grid;gap:1rem}.activity-fields label{display:grid;gap:.4rem}.activity-fields input,.activity-fields textarea,.activity-fields select{font:inherit;padding:.6rem;border:1px solid #718b9e;border-radius:.4rem;max-width:100%}.activity-fields textarea{min-height:6rem}.map-preview{background:#edf8f6;border-left:5px solid #168278;padding:1rem}.annotation-plane{min-height:240px;background:linear-gradient(135deg,#e6f4f1,#d9e5f2);border:2px solid #274e64;cursor:crosshair}.media-view{perspective:600px;min-height:220px;display:grid;place-items:center;background:#102d43;color:white;padding:1rem}.model-object{width:130px;height:130px;display:grid;place-items:center;border:6px solid #38c6ba;background:linear-gradient(135deg,#225c74,#103346);transform-style:preserve-3d;font-size:1.3rem}.activity-fields iframe{width:100%;min-height:300px;border:0}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #d76743;outline-offset:3px}
.model-object{position:relative;border:0;background:none}.model-face{position:absolute;inset:0;display:grid;place-items:center;background:#14687ee8;border:2px solid #59e0cf;backface-visibility:hidden;font-size:.8rem}
.concept-graph{width:100%;min-width:280px;max-height:700px;background:#f2f7fa;border-radius:12px}.activity-fields .map-preview{overflow:auto}.map-preview{padding:0}.map-preview details{padding:1rem}#lesson>section iframe{max-width:100%;border:0}#lesson>section textarea{width:100%;min-height:6rem}

.annotation-plane{position:relative;min-height:200px}.visual-mark{position:absolute;transform:translate(-50%,-50%);background:#fff1c9;border:2px solid #815900;padding:4px 8px;border-radius:20px;color:#17394e;max-width:140px;overflow-wrap:anywhere}

.map-preview{max-width:100%;overflow:auto}.map-preview>button{position:sticky;left:0}.concept-graph{max-width:none}details input,details textarea{width:100%}

.business-sim{max-width:1100px;margin:auto}.business-sim label{display:block;margin:1rem 0}.business-sim select,.business-sim textarea{width:100%;font:inherit;padding:.6rem}.business-metrics{display:flex;gap:1rem;flex-wrap:wrap}.business-metrics>div{flex:1;min-width:145px;border-top:3px solid #35b4a5;padding:.7rem}.business-metrics strong{display:block;font-size:2rem}.business-metrics span{display:block}
