:root{color-scheme:light;--bg:#eef5fa;--card:#fff;--line:#cadfe9;--mint:#08799b;--ink:#173149;--muted:#466278;--gold:#ad6600}body{background:var(--bg);color:var(--ink);font-size:17px}a{color:#006e96}header{position:sticky;top:0;z-index:20;background:#082b40;color:#fff;padding:12px max(16px,calc((100vw - 1120px)/2));border:0}header strong{letter-spacing:.03em;font-size:15px}header strong span{color:#ffd369}header nav{gap:16px}header nav a{color:#e5f7ff;font-size:15px;text-decoration:none}.page{display:block;max-width:1152px;margin:auto;padding:0 16px 40px}.page main{display:contents}aside{position:static;max-height:none;background:#e5f6fa;border:1px solid #cadfe9;margin:20px 0;padding:20px;border-radius:20px}aside h2{margin:0;font-size:1.4rem}#station-nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:15px 0}#station-nav a{background:#fff;color:#075f84;border:1px solid #bfd8e4;padding:9px 12px;font-size:14px;line-height:1.55}#station-nav a:hover{background:#d6eef5}.hero{background:linear-gradient(120deg,#0d2747,#075f84);color:#fff;border:0;border-radius:0 0 30px 30px;padding:46px 35px}.hero small{color:#ffdd68}.hero h1{font-size:clamp(2rem,5vw,3.4rem)}.stats span{border-color:#77b5c6;background:#fff1;color:#fff}.overview{padding:16px 8px}.station{background:#fff;border:1px solid #cadfe9;border-radius:20px;box-shadow:0 3px 15px #193e5b10;scroll-margin-top:85px;margin:20px 0}.station .inside{padding:28px}.station h2{color:#173149;font-size:1.6rem}.station .eyebrow{color:#08799b}.lesson{background:#f1f8fb;border-color:#08799b;color:#173149;padding:16px 21px}.lesson p{margin:12px 0}.figure{background:#fff;border-color:#cadfe9;padding:18px}.figure>h3,.flow-panel>h3{margin:4px 0 16px;color:#173149}.figure figcaption{color:#466278}.diagram-scroll{background:#082b40;border-radius:12px}.controls{background:#edf6fa;color:#173149;border:1px solid #d2e4ed;gap:16px}.controls select,.controls input[type=number],select{background:#fff;color:#173149;border:1px solid #8faab9;border-radius:9px;padding:9px;max-width:100%;min-width:0}.controls label{font-weight:650}.quick button,.flow-tabs button,.flow-actions button{background:#e4f3f7;color:#075f84;border:1px solid #a6c7d5;border-radius:10px;padding:8px 14px;font-weight:700}.quick button:hover,.flow-tabs button[aria-pressed=true]{background:#08799b;color:#fff}.diagram-result{background:#e5f6fa;border-radius:9px;color:#173149;padding:12px;margin-top:10px}.slide{background:#f4f9fb;border-color:#cadfe9}.slide figcaption{color:#466278}.ph-metrics,.ph-readout{background:#e5f6fa;color:#173149}.ph-note{color:#466278}.ph-stage,.ph-aperture{background:#082b40}.ph-compare>div,.ph-preview>div{border-color:#c4dae5}.ph-controls button{background:#08799b;color:white;border:0;border-radius:10px;padding:8px 12px}.ph-controls input{max-width:100%}.flow-panel{margin:22px 0;border:1px solid #cadfe9;border-radius:18px;padding:22px;background:#fff}.flow-panel p{margin:12px 0}.flow-tabs,.flow-actions{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}.flow-diagram{overflow-x:auto;overscroll-behavior-x:contain;border-radius:14px;margin:18px 0;background:#082b40}.flow-diagram svg{display:block;width:100%;height:auto}.flow-result{padding:14px;background:#e5f6fa;border-left:4px solid #08799b;border-radius:8px;color:#173149;font-weight:650}.flow-panel label{display:block;font-weight:650}.flow-panel input[type=range]{display:block;width:100%;accent-color:#08799b}.flow-link{display:inline-block;background:#08799b;color:#fff;border-radius:10px;padding:10px 16px;text-decoration:none;font-weight:700}.quiz-fold{margin:24px 0 5px;border:1px solid #b9d8e4;border-radius:14px;background:#f3f9fc;overflow:hidden}.quiz-fold>summary{background:#e1f2f7;color:#075f84;font-weight:800;padding:16px 20px;cursor:pointer;list-style-position:inside}.quiz-fold .quiz{padding:5px 18px 18px}.question{background:#fff;border-color:#cadfe9;color:#173149}.option{background:#f0f7fb;color:#173149;border-color:#a8c3d1}.option:hover{background:#dceef5}.option.correct{background:#e0f4e7;border-color:#459166;color:#14452b}.option.wrong{background:#fce8e9;border-color:#d98b95;color:#782f39}.feedback{background:#e8f3f7;color:#173149}.retry{color:#075f84;border-color:#08799b}.challenge{color:#97530b}.minor{color:#075f84;border-color:#08799b}.flow-videos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.flow-video{border:1px solid #cadfe9;border-radius:13px;overflow:hidden;background:#f5fafc;min-width:0}.flow-video-copy{padding:10px 13px}.flow-video h4{font-size:.95rem;line-height:1.55;margin:4px 0 10px}.flow-video small{color:#08799b;font-weight:750}.flow-video p{font-size:.85rem}.flow-video a{font-size:.85rem}.flow-thumb{display:block;position:relative;width:100%;padding:0;border:0;background:#082b40;aspect-ratio:16/9;overflow:hidden}.flow-thumb img{display:block;width:100%;height:100%;object-fit:cover}.flow-thumb>span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:5px 15px;border-radius:14px;background:#082b40cf;color:white;font-size:24px}.flow-thumb:hover>span{background:#d62c2c}.flow-player:empty{display:none}.flow-player iframe{width:100%;aspect-ratio:16/9;border:0;display:block}.video-more{margin-top:18px}.video-more>summary,.summary-table>summary{cursor:pointer;background:#e7f3f8;color:#075f84;border-radius:10px;padding:12px 16px;font-weight:750}.video-more .flow-videos{margin-top:15px}.table-scroll{overflow-x:auto;margin:16px 0}table{border-collapse:collapse;width:100%;min-width:650px}th,td{padding:13px;border:1px solid #b7d1df;text-align:left}th{background:#e5f6fa}.instrument-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.instrument-grid article{background:#eff7fa;border-radius:12px;padding:16px}.instrument-grid h4{margin:0}.flow-chain{padding:15px;border-radius:12px;background:#082b40;color:#ffdd68;font-weight:750}.morell-photo{margin:20px 0}.morell-photo img{display:block;width:100%;max-width:750px;max-height:500px;object-fit:contain;border-radius:12px;margin:auto}.morell-photo figcaption{font-size:.85rem;color:#466278;margin-top:10px}.mirror-words{display:flex;gap:35px;background:#edf7fb;padding:16px;border-radius:12px}.speed-lab{color:#173149}.speed-row{color:#173149}.speed-track{background:#c0d8e3}.speed-track span{background:#0e91af}.speed-readout{color:#173149}footer{color:#466278;padding:25px 0}.path-toggle{display:none}#reset-panel{background:white;padding:16px;border:1px solid #cadfe9}#recommendedResources{scroll-margin-top:85px}
@media(max-width:900px){header{flex-wrap:wrap;gap:5px}header nav{gap:14px}#station-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.path-toggle{display:inline-block}.flow-videos{grid-template-columns:repeat(2,minmax(0,1fr))}.station{scroll-margin-top:115px}}@media(max-width:600px){body{font-size:16px}.page{padding:0 10px 30px}.hero{padding:30px 20px}.station .inside{padding:16px}.station h2{font-size:1.4rem}.flow-panel,.figure{padding:13px}.lesson{padding:12px 15px}.flow-videos{grid-template-columns:1fr}.flow-diagram svg{min-width:730px}.instrument-grid{grid-template-columns:1fr}.flow-tabs button{flex:1;padding:9px}.controls label{min-width:100%}.quiz-fold .quiz{padding:5px 10px 12px}.mirror-words{gap:20px;flex-wrap:wrap}.ph-stage svg{min-width:0}.ph-stage{max-width:100%}header strong{font-size:13px}header nav a{font-size:14px}#station-nav a{font-size:13px}}
.tool-jumps{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.tool-jumps a{background:#fff;border:1px solid #b9d4df;border-radius:10px;padding:8px 14px;text-decoration:none;font-weight:700}.flow-panel[id],.legacy-anchor{scroll-margin-top:85px}.morell-photo{scroll-margin-top:85px}.speed-track span{background:#0e91af!important}.ka-lesson-affiliate{background:#f3f9fc!important;color:#173149!important}.ka-lesson-affiliate h2,.ka-lesson-affiliate__lead{color:#173149!important}.ka-lesson-affiliate__card{background:#fff!important;color:#173149!important;border-color:#c2d9e5!important}.ka-lesson-affiliate__card small,.ka-lesson-affiliate__card p,.ka-lesson-affiliate__disclosure{color:#466278!important}@media(max-width:900px){.flow-panel[id]{scroll-margin-top:110px}}
.flow-scroll-note{display:none}@media(max-width:600px){.flow-scroll-note{display:block;color:#075f84;font-size:.85rem;margin-bottom:6px}}