/* Version 4 — improved teaching usability while retaining MIHA.ICE'26 design. */
:root{--v4-deep:#133c70;--v4-sky:#e7f1fc;--v4-butter:#fff8df;--v4-seaglass:#ecf8f3;--v4-shadow:0 14px 44px rgba(21,56,101,.07)}
.nav-stage[data-stage="f"]{background:#7051a4}
.v4-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.v4-feature-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px 20px;box-shadow:var(--v4-shadow);display:flex;flex-direction:column;align-items:flex-start;min-height:234px}
.v4-feature-card h3{margin:12px 0 7px;font-size:1.19rem;letter-spacing:-.015em}
.v4-feature-card p{color:var(--muted);font-size:.86rem;line-height:1.6;margin-bottom:15px}
.v4-feature-card button{margin-top:auto}
.v4-feature-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#e8effa;color:#245796;font-size:.9rem;font-weight:850}
.v4-feature-card:nth-child(2) .v4-feature-icon{background:#e5f5ef;color:#237566}
.v4-feature-card:nth-child(3) .v4-feature-icon{background:#fff3d0;color:#9c6c16}
.v4-offline-banner{margin-top:18px}.v4-offline-banner #v4-offline-status{font-size:.81rem;color:#52677c;display:inline}
.v4-case-toolbar{padding:15px 18px;border:1px solid var(--line);border-radius:14px;background:#fff;margin:0 0 17px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.v4-toolbar-label{font-size:.76rem;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.v4-lens-buttons{display:flex;flex-wrap:wrap;gap:7px}
.v4-chip{font-size:.79rem;font-weight:700;padding:8px 11px;border-radius:999px;background:#f4f7fb;border:1px solid #dce6f1;color:#445f7a}
.v4-chip:hover{background:#e8f1fd}.v4-chip.selected{color:#fff;background:#285f9e;border-color:#285f9e}
.v4-explorer-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:17px;align-items:start}
.v4-map-card{padding:20px;background:#fff;border:1px solid var(--line);border-radius:17px;box-shadow:var(--v4-shadow)}
.v4-map-kicker{letter-spacing:.09em;font-size:.73rem;font-weight:800;color:var(--blue);margin-bottom:13px}
.v4-floorplan{background:linear-gradient(135deg,#f1f7fc,#e8f1f9);border:1px solid #d9e7f3;border-radius:14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;padding:19px;position:relative}
.v4-floorplan:before{content:'';inset:9px;position:absolute;border:1px dashed #c1d4e7;border-radius:10px;pointer-events:none}
.v4-floor-zone{position:relative;z-index:1;border:2px solid #d4e1ee;background:#fff;border-radius:13px;min-height:119px;padding:13px;display:flex;align-items:start;flex-direction:column;text-align:left;color:#234366;transition:border-color .15s,background .15s,transform .15s}
.v4-floor-zone:hover{border-color:#709cd0;transform:translateY(-2px)}.v4-floor-zone:focus-visible{outline:3px solid #e2bf47;outline-offset:2px}
.v4-floor-zone.selected{background:#eff6ff;border-color:#1a62ab;box-shadow:0 0 0 3px rgba(35,109,182,.12)}
.v4-floor-zone.muted{opacity:.46}.v4-floor-zone.muted:hover{opacity:1}
.v4-zone-num{font-size:.73rem;font-weight:800;color:#7a9cba;letter-spacing:.1em}
.v4-zone-name{font-weight:770;font-size:.99rem;margin:9px 0 3px;line-height:1.25;color:#213d5d}
.v4-zone-tag{font-size:.72rem;color:#7a8ea3}
.v4-smallprint{font-size:.77rem;color:#708298;line-height:1.55;margin:14px 2px 0}
.v4-station-panel{border:1px solid var(--line);background:#fff;border-radius:17px;padding:23px 22px;box-shadow:var(--v4-shadow)}
.v4-station-panel h2{font-size:1.65rem;margin-bottom:13px}.v4-station-panel h3{font-size:.85rem;color:#204b76;margin:21px 0 5px}
.v4-station-panel p{font-size:.89rem;color:#465c76;line-height:1.65}
.v4-station-panel .info-banner{margin:18px 0;font-size:.82rem}
.v4-hazards{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:18px}
.v4-tag{border-radius:999px;font-size:.7rem;font-weight:750;padding:4px 10px;background:#e6f1f9;color:#205f92;border:1px solid #c7e0f0}
.v4-tag-chemical{background:#eaf6f3;border-color:#c6e7dd;color:#117364}
.v4-tag-noise{background:#fff3d9;border-color:#f1ddb3;color:#906213}
.v4-tag-heat{background:#fff0ec;border-color:#f6c6b9;color:#a45230}
.v4-tag-ergo{background:#f2effc;border-color:#ded4f0;color:#76539c}
.v4-focus-muted{background:#f8f9fc;color:#657588;display:block;padding:9px 10px;border-radius:9px;font-size:.75rem;margin-bottom:12px}
.v4-station-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}
.v4-packs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.v4-pack{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;display:grid;grid-template-columns:41px minmax(0,1fr);gap:9px 12px;align-items:start;min-height:152px}
.v4-pack-code{background:#e9f1fb;border-radius:10px;height:39px;display:grid;place-items:center;font-weight:820;color:#37679c;font-size:.79rem}
.v4-pack h3{margin:0 0 5px;font-size:.96rem}.v4-pack p{font-size:.81rem;line-height:1.48;color:#50647c;margin:0 0 4px}.v4-pack small{font-size:.73rem;color:#8291a0;display:block}
.v4-pack .btn{grid-column:2;justify-self:start}
.v4-prompt-grid{display:grid;grid-template-columns:minmax(300px,.75fr) minmax(0,1.25fr);gap:17px;align-items:start}
.v4-prompt-grid .content-card{margin-bottom:14px}.v4-actions{display:flex;gap:8px;flex-wrap:wrap}
.v4-checkbox{display:flex;align-items:start;gap:12px;padding:12px 0;font-size:.86rem;line-height:1.45;color:#445973;border-bottom:1px solid var(--line);cursor:pointer}
.v4-checkbox:last-of-type{border-bottom:0}.v4-checkbox input{width:19px;height:19px;margin:1px 0 0;accent-color:#2468a4;flex:0 0 auto;cursor:pointer}
.v4-prompt-preview{background:linear-gradient(145deg,#153b6c,#102c50);border:1px solid #254d7b;border-radius:17px;padding:23px 23px 20px;color:#dceaf8;box-shadow:var(--v4-shadow);margin-bottom:15px}
.v4-prompt-preview-head{display:flex;justify-content:space-between;align-items:start;gap:10px;border-bottom:1px solid rgba(255,255,255,.19);margin-bottom:16px;padding-bottom:14px}
.v4-prompt-preview h2{color:#fff;margin:0}.v4-prompt-preview .micro{color:#a9d0fb;margin-bottom:7px}
.v4-prompt-preview pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:600px;overflow:auto;font:.8rem/1.7 "Segoe UI",Arial,sans-serif;color:#e6f1fe;margin:0 0 18px}
.v4-prompt-preview .btn.outline{background:transparent;border:1px solid rgba(255,255,255,.45);color:#fff}
.v4-prompt-preview .btn.gold{background:#f2c844;color:#283f57}
.v4-reflection{border:1px solid #cee0f2;background:#f6faff;margin-top:16px}.v4-reflection h2{font-size:1.38rem}.v4-reflection .field{margin-bottom:0}
.v4-readiness{margin-top:17px}.v4-readiness .v4-checkbox{max-width:760px}
.v4-class-header{display:flex;gap:15px;justify-content:space-between;align-items:start;margin-bottom:20px}
.v4-class-header p{color:var(--muted);margin:0}.v4-class-header h1{font-size:clamp(1.7rem,3vw,2.5rem);margin-bottom:8px}
.v4-classroom-grid{display:grid;grid-template-columns:minmax(210px,.66fr) minmax(0,1.34fr);gap:17px;align-items:start}
.v4-stage-side{background:#fff;border:1px solid var(--line);border-radius:17px;padding:19px 15px}
.v4-stage-list{display:grid;gap:7px}
.v4-stage-button{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:8px;border:1px solid transparent;background:#f7f9fc;border-radius:11px;min-height:63px;padding:9px 10px;color:#455d75;text-align:left}
.v4-stage-button:hover{background:#ebf2fa}.v4-stage-button.selected{background:#e7f0fb;border-color:#b7cde7;color:#184778}
.v4-stage-button>span:first-child{font-weight:830;font-size:.77rem;color:#5079a8}
.v4-stage-button strong{display:block;font-size:.79rem;line-height:1.25}.v4-stage-button small{display:block;font-size:.7rem;color:#8294a7;margin-top:3px}.v4-stage-button b{font-size:.73rem;white-space:nowrap}
.v4-projector-card{background:radial-gradient(circle at 95% 5%,#32699e 0,transparent 40%),linear-gradient(128deg,#123761,#10305a);border-radius:19px;min-height:380px;padding:29px 27px;text-align:center;color:#f3f8ff;display:flex;flex-direction:column;align-items:center;justify-content:center}
.v4-projector-card .micro{color:#a5c8e9}.v4-projector-quote{font-size:clamp(1.12rem,2.1vw,1.55rem);line-height:1.42;font-weight:660;max-width:510px;margin:7px auto 21px;letter-spacing:-.01em}
.v4-timer-label{color:#b6c9e3;font-size:.73rem;letter-spacing:.1em;font-weight:800;display:flex;gap:13px}.v4-timer-label span{color:#d7dfea;letter-spacing:0}
.v4-timer{font-size:clamp(4.3rem,9vw,7rem);font-weight:780;font-variant-numeric:tabular-nums;letter-spacing:-.06em;line-height:1.15;margin:7px 0 17px;color:#fff}
.v4-classroom-actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}
.v4-classroom-actions .btn.outline{background:rgba(255,255,255,.06);color:#fff;border:1px solid rgba(255,255,255,.3)}
.v4-teacher-notes{background:#fff;border:1px solid var(--line);border-radius:15px;padding:21px;margin-top:15px}
.v4-teacher-notes h3{font-size:.92rem;color:#234f7c;margin-bottom:5px}.v4-teacher-notes p{font-size:.85rem;color:#546882;line-height:1.6;margin-bottom:15px}
.v4-classroom-footer{display:flex;justify-content:space-between;gap:11px;align-items:center;margin-top:20px}
.v4-live-note{font-size:.74rem;color:#7b8ca0;text-align:center}.v4-trainer-promo{margin-top:16px;display:flex;justify-content:space-between;align-items:center;gap:20px}
.v4-trainer-promo p{color:var(--muted);font-size:.84rem;max-width:620px}
body.v4-projector-focus.v4-classroom-active .site-header{display:none}
body.v4-projector-focus.v4-classroom-active .sidebar{display:none}
body.v4-projector-focus.v4-classroom-active .app-shell{display:block;max-width:100%}
body.v4-projector-focus.v4-classroom-active .main-content{max-width:100%;padding:22px 3.2vw}
body.v4-projector-focus.v4-classroom-active .content-limit{max-width:1500px}
body.v4-projector-focus.v4-classroom-active .v4-projector-card{min-height:480px}
body.v4-projector-focus.v4-classroom-active .footer-note{display:none}
@media(max-width:1100px){.v4-explorer-grid{grid-template-columns:1fr}.v4-prompt-grid{grid-template-columns:1fr}.v4-classroom-grid{grid-template-columns:1fr}.v4-stage-list{grid-template-columns:repeat(4,minmax(0,1fr))}.v4-stage-button{display:flex;flex-direction:column;align-items:start}}
@media(max-width:770px){.v4-feature-grid{grid-template-columns:1fr}.v4-packs{grid-template-columns:1fr}.v4-stage-list{grid-template-columns:repeat(2,minmax(0,1fr))}.v4-map-card,.v4-station-panel{padding:18px}.v4-floorplan{padding:11px;gap:9px}.v4-floor-zone{min-height:103px;padding:10px}.v4-zone-name{font-size:.87rem}.v4-prompt-preview{padding:18px}.v4-classroom-footer{flex-wrap:wrap}.v4-live-note{width:100%;order:3}.v4-trainer-promo{align-items:start;flex-direction:column}}
@media(max-width:430px){.v4-class-header{flex-wrap:wrap}.v4-stage-list{grid-template-columns:1fr}.v4-stage-button{display:grid;grid-template-columns:28px 1fr auto}.v4-timer{font-size:4rem}.v4-projector-card{padding:24px 15px}.v4-projector-quote{font-size:1.05rem}.v4-chip{font-size:.72rem;padding:7px 9px}}
@media print{.v4-feature-grid,.v4-reflection,.v4-class-header,.v4-case-toolbar,.v4-classroom-grid,.v4-classroom-footer,.v4-prompt-grid,.v4-readiness,.v4-trainer-promo{display:none!important}}