/* D8-24 FINAL R1: original four-tab sizing, separate header setup, compact E15.3 identity. */
.topbar{flex-wrap:wrap;gap:12px}
.brand{flex-direction:row;gap:14px;min-width:0;padding-bottom:0;text-align:left}
.brand-identity{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:800;letter-spacing:1px;white-space:nowrap}
.brand .navimare-mark{display:block;width:36px;height:27px;flex:0 0 36px;object-fit:contain}
.brand-identity small{font-size:6px;letter-spacing:2.2px;margin-top:3px}
.brand-course{font-size:12px;letter-spacing:1px}
.brand-course small{font-size:7px;letter-spacing:1px}
.session{flex-wrap:wrap;margin-left:auto}
.session #reset,.session #reset:hover{background:linear-gradient(#9cf9b6,#67e68e);color:#073c26;border-color:#41ac6c;box-shadow:inset 0 1px #d8ffe6}
.setup-environment{border:1px solid #cedde7;border-radius:10px;padding:20px;background:#f6f9fb;margin:20px 0}
.setup-environment legend{padding:0 8px;font-weight:700;color:#153b53}
.setup-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
#tab-setup{max-width:1200px;margin:auto}
#tab-setup .intro h1,#tab-scenarios h1{margin:10px 0 16px}
#setupVesselFields{display:grid;grid-template-columns:2fr 1fr 1.5fr;gap:20px;align-items:end}
#setupVesselFields input,#setupVesselFields select,.setup-grid input,.setup-grid select{width:100%;min-width:0;background:#fff;font-size:14px;min-height:46px}
.setup-summary{font-size:13px;line-height:1.65;color:#33566b;background:#eaf2f7;border-left:3px solid #37799d;padding:12px 15px;border-radius:3px}
.setup-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:20px 0}
#saveSetup{background:linear-gradient(#9cf9b6,#67e68e);border-color:#41ac6c;color:#073c26;padding:14px 24px}
#setupState{font-size:13px;color:#9a3a36}#setupState.saved{color:#176645}
#setupWarning{border:1px solid #c4d6e3;border-radius:12px;padding:28px;max-width:min(480px,90vw);color:#16364d;box-shadow:0 12px 48px #071d3b40}
#setupWarning::backdrop{background:#081b2c99}
#setupWarning h2{margin-top:0}#setupWarning p{line-height:1.6}#setupWarning button{background:#143d56;color:#fff;min-width:90px}
#measureReadout[data-frozen=true]{color:#9cf9b6}
@media(max-width:1100px){.brand .navimare-mark{width:30px;flex-basis:30px}}
@media(max-width:900px){.setup-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.brand .navimare-mark{height:28px}}
@media(max-width:600px){.topbar{padding:6px 12px}.brand{gap:12px}.session{width:100%;gap:6px}.session>span{max-width:120px}.session button{font-size:10px;padding:7px}#setupVesselFields{grid-template-columns:1fr}.setup-grid{gap:14px}.setup-environment{padding:14px}.setup-grid label{font-size:11px}.setup-grid input,.setup-grid select{font-size:12px}#tab-setup h1{font-size:26px}.setup-actions{align-items:stretch;flex-direction:column}}

/* An enlarged lesson keeps the station controls and four view buttons available. */
body.lesson-enlarged{overflow:hidden}
body.lesson-enlarged .topbar{position:fixed;inset:0 0 auto;background:#fff;z-index:102}
body.lesson-enlarged .tabs{position:fixed;top:var(--lesson-header-height);left:0;right:0;z-index:102}
body.lesson-enlarged #lessonPanel.lesson-expanded{top:calc(var(--lesson-header-height) + var(--lesson-tabs-height))}