/* D5 user corrections: solid tab faces, proportionate consoles, radar-only teaching. */
[hidden]{display:none!important}
.tabs{background:#edf2f5;gap:10px}
.tabs button,.tabs button:not(.active),.tabs button:hover{background:#d71924;background-image:none;color:#fff;border:2px solid #9f1019;border-bottom-width:5px;box-shadow:0 3px 0 #790b12,0 5px 8px #10243530;text-shadow:none;opacity:1}
.tabs button.active,.tabs button.active:hover{background:#00ed38;background-image:none;color:#052812;border-color:#07832c;box-shadow:0 3px 0 #06591f,0 5px 8px #10243530}
.tabs button:active{transform:translateY(2px)}
.radar-layout,#radarHost,.r4-radar,.r4-radar-main,.r4-radar-controls,.ship-bridge-layout>*{min-width:0}
.radar-layout{width:100%;max-width:none;margin-inline:0}
/* Receiver adapts to its available column rather than the full window. */
#radarHost{container-type:inline-size}
@container(max-width:1150px){.r4-radar-controls{grid-template-columns:95px minmax(0,1fr);grid-template-rows:auto auto auto auto}.r4-radar-knobs{grid-column:2;grid-row:1/3}.r4-radar-keys{grid-column:1/-1;grid-row:3;grid-template-columns:repeat(7,minmax(0,1fr))}.r4-radar-settings{grid-column:1/-1;grid-row:4;grid-template-columns:repeat(5,minmax(0,1fr))}.receiver-extensions{grid-column:1/-1}.r4-radar-controls>label{min-width:0}.r4-radar-controls input,.r4-radar-controls select{min-width:0;max-width:100%}}
@container(max-width:600px){.r4-radar-knobs{grid-template-columns:repeat(3,1fr)}.r4-radar-keys{grid-template-columns:repeat(4,minmax(0,1fr))}.r4-radar-settings{grid-template-columns:repeat(2,minmax(0,1fr))}.measure-panel{grid-template-columns:1fr 1fr}}
/* Own ship: the scene and the scrollable station share exactly the same height. */
@media(min-width:1101px){.ship-bridge-layout{grid-template-columns:minmax(0,1fr) minmax(360px,28%);height:max(440px,calc(100dvh - 260px));align-items:stretch}.ship-bridge-layout .scene-wrap{height:100%;min-height:0}.ship-bridge-layout .own-station{height:100%;min-height:0;overflow:auto;overscroll-behavior:contain;padding:12px}.ship-bridge-layout .own-station>*{flex-shrink:0}}
.own-instruments{min-width:0}.own-gauges{display:grid;grid-template-columns:1fr 1fr;gap:6px}.own-gauges>div{background:#071923;text-align:center;border:1px solid #426372;border-radius:5px;padding:3px}.own-gauges canvas{display:block;width:100%;height:auto;aspect-ratio:320/184}.own-gauges b{font:10px monospace;color:#cbe4eb}
.own-station .own-steering{display:grid;grid-template-columns:110px minmax(0,1fr);align-items:center;gap:7px}
.own-steering .steering-modes,.own-steering .helm-scale,.own-steering .helm-scale-labels,.own-steering .nfu-controls,.own-steering .steering-help,.own-steering h3{grid-column:1/-1;grid-row:auto}
.own-steering #ownWheel{grid-column:1;grid-row:auto / span 3;width:105px}
.own-steering #ownHelmRead,.own-steering>.row,.own-steering>label{grid-column:2;grid-row:auto;margin:0}
.own-station .steering-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;text-align:left}
.steering-modes label{grid-column:1/-1;display:flex;align-items:center;gap:10px;justify-content:flex-end;font-size:11px}.steering-modes input{max-width:95px;background:#061b29;color:#b8ffc9;font-size:18px;padding:6px}
.own-station button.selected,.own-station button.held,#binoculars.selected{background:#00ed70;color:#06281d;border-color:#8affe0}
.own-station .helm-scale{display:grid;grid-template-columns:repeat(15,minmax(0,1fr));gap:0;border:1px solid #6a8b99;border-radius:3px;margin-top:2px;overflow:hidden}
.own-station .helm-scale button{font:11px monospace;padding:7px 0;min-height:32px;border:0;border-radius:0;box-shadow:none;border-right:1px solid #2b424e;background:#132e3b;color:#fff}.own-station .helm-scale .port{background:#9b1b32;color:#fff}.own-station .helm-scale .starboard{background:#006c3b;color:#fff}.own-station .helm-scale button.selected{background:#f3dfa4;color:#071923}
.helm-scale-labels{display:flex;justify-content:space-between;font:bold 10px monospace}.helm-scale-labels span:first-child{color:#ff6372}.helm-scale-labels span:last-child{color:#4dff96}.own-station .steering-help{font-size:11px;text-align:left;margin:0;color:#d2e6e9}.own-station .nfu-controls{display:flex;align-items:center;gap:5px}.nfu-controls span{flex:1;font-size:10px}.own-station .nfu-controls .port{background:#bc2136}.own-station .nfu-controls .starboard{background:#00834a}.nfu-controls button{touch-action:none;user-select:none}
.echo-sounder{position:relative;background:#061721;border:1px solid #426372;border-radius:5px;margin-top:8px;overflow:hidden}.echo-sounder>div{display:flex;justify-content:space-between;padding:6px 8px;font:10px monospace}.echo-sounder canvas{width:100%;height:90px;display:block}.echo-sounder>strong{position:absolute;right:8px;top:30px;background:#061721cc;padding:4px;font:700 23px monospace;color:#ffdf91}.echo-sounder>small{display:block;padding:5px 8px;font:9px monospace;color:#bfd8e0}.environment-readouts{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}.environment-readouts>div{background:#071c2a;border:1px solid #426372;padding:8px}.environment-readouts small,.environment-readouts strong,.environment-readouts span{display:block}.environment-readouts small{font:9px monospace;color:#9dbdca}.environment-readouts strong{font:14px monospace;color:#b4ffcb;margin:5px 0}.environment-readouts span{font-size:9px;color:#b1cbd5}
.binocular-mask{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 49% 47% at center,transparent 96%,#06121b 99%);border:12px solid #06121b;z-index:2}.binocular-mask span{position:absolute;top:9px;left:50%;transform:translateX(-50%);padding:6px 10px;background:#06121bd9;color:#eff6cf;font:11px monospace;white-space:nowrap}.viewtools #binoculars{background:#174b65;color:white;font-weight:800}
/* Tab 3 matches the supplied sketch: vertical courses, central PPI and right readouts. */
.training-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:16px;max-width:none;align-items:start}
.training-layout>aside{position:sticky;top:86px;padding:14px;background:#eff4f7;border:1px solid #c8d7e2;border-radius:8px;max-height:calc(100dvh - 110px);overflow:auto;min-width:0}
.training-layout>aside>h1{font-size:21px}.training-layout>aside>p{font-size:12px}.training-layout #lessonList{display:block;max-height:none;overflow:visible}.course-group{margin:12px 0;border:0;padding:0}.course-group summary{font-size:12px;font-weight:800;color:#113a52;padding:8px 2px;cursor:pointer}.training-layout .lesson-link{display:block;width:100%;min-width:0;text-align:left;margin:5px 0;padding:11px 9px;font-size:12px;line-height:1.4;white-space:normal;background:#fff;border:1px solid #cfdae1;color:#173b52}.training-layout .lesson-link.selected{background:#0d4e70;color:#fff;border-color:#0d4e70}
.training-layout article{min-width:0;padding:0}.lesson-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 10px}.lesson-toolbar h1{font-size:22px;line-height:1.25;margin:5px 0}.lesson-toolbar p{margin:0}.lesson-toolbar label{min-width:160px}.training-layout .radar-layout{display:block;width:100%;max-width:none}.training-layout .helm-panel{display:none!important}.training-layout .r4-radar-main{grid-template-columns:minmax(0,1fr) 190px;grid-template-areas:'scope data' 'receiver receiver'}.training-layout .r4-radar-bottom{grid-row:auto;max-height:none;min-height:0}.training-layout .r4-radar-controls{grid-row:2}
.guide-actions{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin:0;padding:10px;background:#0e2c40;color:#e1eef4;border-radius:7px 7px 0 0}.guide-actions #startDemo{background:#00ed70;color:#092e20;border:1px solid #07935b;font-size:15px;min-height:44px}.guide-actions button{min-height:38px;padding:8px 12px;font-size:12px}.guide-actions #demoStatus{font:11px/1.4 monospace;flex:1;min-width:130px}.guide-step{padding:10px 14px;min-height:95px}.guide-step p{font-size:13px!important;margin:5px 0!important}.guide-step small{font-size:11px}.guide-hand.is-paused{animation-play-state:paused!important;transition:none}.guide-hand{z-index:1000;pointer-events:none}#trainingRadarHost{scroll-margin-top:100px}#trainingTools .advanced{margin:10px 0}#lessonTranscript{margin-top:12px;padding:12px;border:1px solid #cad9e2;border-radius:5px}#lessonTranscript>summary{cursor:pointer;font-weight:700;font-size:13px}#lessonPanel:fullscreen{background:#fff;padding:20px;overflow:auto}
@media(max-width:1100px){.training-layout{grid-template-columns:210px minmax(0,1fr);gap:10px}.training-layout .r4-radar-main{grid-template-columns:minmax(0,1fr) 160px}.training-layout .r4-radar-bottom{font-size:10px}.lesson-toolbar{flex-wrap:wrap}.own-station{grid-template-columns:1fr 1fr}.own-readouts{grid-column:1/-1}.own-instruments{grid-column:1}.own-engine{grid-column:2;grid-row:2/4}.own-steering{grid-column:1}.scene-wrap{height:55vh;min-height:330px}}
@media(max-width:800px){main{padding:12px 8px}.training-layout{grid-template-columns:175px minmax(0,1fr)}.training-layout>aside{padding:8px}.training-layout .r4-radar-main{grid-template-columns:1fr;grid-template-areas:'scope' 'data' 'receiver'}.training-layout .r4-radar-controls{grid-row:3}.training-layout .r4-radar-bottom{grid-row:2;display:block}.guide-actions #demoStatus{flex-basis:100%}.lesson-toolbar h1{font-size:19px}}
@media(max-width:600px){.training-layout{display:block}.training-layout>aside{position:static;max-height:260px;margin-bottom:12px}.training-layout .lesson-link{font-size:12px}.own-station{grid-template-columns:1fr}.own-readouts,.own-instruments,.own-engine,.own-steering{grid-column:1;grid-row:auto}.tabs{gap:5px;padding:8px 5px}.own-station .helm-scale button{font-size:10px}.own-station .own-steering{grid-template-columns:105px minmax(0,1fr)}}