/* Shared presentation only. Learning and simulation engines remain independent. */
/* One lab nav for /, /discover/ and /study/ (markup from /lab/navigation.js; / and /discover/ ship it static). Plum on paper, mono-free, 44px targets. */
#al-nav{box-sizing:border-box;display:flex;align-items:center;gap:24px;min-height:84px;padding:14px max(24px,calc((100vw - 1240px)/2 + 24px));border-bottom:1px solid #e3dcdf;background:#faf8f5;color:#492B3E;font:14px/1.4 "Instrument Sans",system-ui,sans-serif;position:relative;z-index:30}
#al-nav *{box-sizing:border-box}
#al-nav a{display:inline-flex;align-items:center;min-height:44px;color:#492B3E;text-decoration:none;border:0;background:none;margin:0;border-radius:100px;white-space:nowrap}
#al-nav .al-brand{gap:9px;font-size:26px;letter-spacing:-.06em;padding:0;margin-right:auto}
#al-nav .al-brand svg{width:24px;height:24px;fill:none;stroke:#492B3E;stroke-width:1.9;stroke-linejoin:round;flex:none}
#al-nav .al-brand b{font-weight:600}#al-nav .al-brand span{font-weight:400;color:#9a8392;margin-left:-3px}
#al-nav .al-destinations{display:flex;gap:4px;background:#f2edf1;border-radius:100px;padding:4px}
#al-nav .al-destinations a{padding:8px 16px;min-height:40px;font-size:13.5px;color:#654A4E;transition:background .2s,color .2s}
#al-nav .al-destinations a:hover{background:#fffdfb;color:#492B3E}
#al-nav .al-destinations a[aria-current]{background:#492B3E;color:#fff;box-shadow:0 8px 16px -10px #492B3Ecc}
#al-nav .al-short{display:none}
#al-nav .al-cta{gap:12px;padding:10px 16px 10px 20px;margin-left:auto;border:1px solid #d8cbd2;background:#fffdfb;font-size:13px;font-weight:500;transition:background .25s,color .25s}
#al-nav .al-cta:hover{background:#492B3E;color:#fff}
#al-nav .al-cta i{width:16px;height:16px;background:currentColor;-webkit-mask:var(--al-cube) center/contain no-repeat;mask:var(--al-cube) center/contain no-repeat;transition:transform .35s}
#al-nav .al-cta:hover i{transform:rotate(60deg)}
#al-nav{--al-cube:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='white' stroke-width='2.6' stroke-linejoin='round'%3E%3Cpath d='M4 9 16 2l12 7v14l-12 7L4 23Z'/%3E%3Cpath d='M4 9l12 7 12-7M16 16v14'/%3E%3C/svg%3E")}
#al-nav a:focus-visible{outline:3px solid #6A50BE;outline-offset:2px}
@media(max-width:980px){#al-nav{flex-wrap:wrap;gap:10px 16px;padding:12px 20px 14px;min-height:0}#al-nav .al-destinations{order:3;width:100%;justify-content:space-between}#al-nav .al-destinations a{flex:1;justify-content:center;padding:8px 6px}}
@media(max-width:560px){#al-nav{padding:10px 16px 12px}#al-nav .al-brand{font-size:23px}#al-nav .al-long{display:none}#al-nav .al-short{display:inline}#al-nav .al-cta{font-size:12px;padding:8px 12px 8px 14px;min-height:40px}#al-nav .al-cta .al-long{display:none}}
@media(prefers-reduced-motion:reduce){#al-nav *{transition:none!important}}
html[data-lab-frame]{--as-bg:#faf8f5;--as-ink:#492B3E;--as-text:#654A4E;--as-muted:#7A6268;--as-line:#e3dcdf;--as-line2:#d8cbd2;--as-display:"Instrument Sans",system-ui,sans-serif;--as-shadow:0 2px 8px #492B3E05;--as-lift:0 8px 20px #492B3E0a;--as-focus:#916A70;color-scheme:light}
html[data-lab-frame] body{padding:0 0 36px;background:#faf8f5}html[data-lab-frame] .wrap{max-width:1240px;padding:24px 32px;gap:24px}html[data-lab-frame] h1,html[data-lab-frame] h2,html[data-lab-frame] h3{letter-spacing:-.035em}html[data-lab-frame] .btn{min-height:44px}html[data-lab-frame] .top,html[data-lab-frame] .nl-top{border:0;box-shadow:none;border-radius:0;background:none;padding:0 0 18px;border-bottom:1px solid #e3dcdf}html[data-lab-frame] .top .as-lock,html[data-lab-frame] .nl-top .as-lock{display:none}html[data-lab-frame] .top nav,html[data-lab-frame] .nl-top nav{margin:0}html[data-lab-frame] .top nav a,html[data-lab-frame] .nl-top nav a{font-size:13px;min-height:44px;display:inline-flex;align-items:center}html[data-lab-frame] .hero{box-shadow:none;border-radius:22px;border-color:#e3dcdf}html[data-lab-frame=study] .hero{grid-template-columns:1.6fr .7fr;padding:32px 38px;gap:32px}html[data-lab-frame=study] .hero h1{font-size:clamp(36px,4vw,54px);line-height:1.07;max-width:16ch;font-weight:600}html[data-lab-frame=study] .hero figure a{max-width:235px;filter:none}html[data-lab-frame=study] .hero figcaption{font:500 14px "Instrument Sans",sans-serif;transform:none;margin:12px auto;color:#7A6268}html[data-lab-frame=study] .hero figcaption span{display:none}html[data-lab-frame=study] .hero p{font-size:16px;line-height:1.65}html[data-lab-frame=study] .swash{background:none}html[data-lab-frame=study] .apps{gap:22px;grid-template-columns:repeat(3,minmax(0,1fr))}html[data-lab-frame=study] .app{border-radius:18px;box-shadow:none}html[data-lab-frame=study] .app-body b{font-size:21px;font-weight:600;letter-spacing:-.03em}html[data-lab-frame=study] .app-body{padding:18px 20px 8px}html[data-lab-frame=study] .app-bl{font-size:14px;line-height:1.6}html[data-lab-frame=study] .app-foot{padding:12px 20px 18px}html[data-lab-frame=study] .subj h3{font-size:23px;font-weight:600}html[data-lab-frame=study] .subjects{gap:42px}html[data-lab-frame=study] .stats{margin-top:12px}.lab-year-paths{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 22px}.lab-year-paths a{background:white;border:1px solid #dccdd5;border-radius:99px;padding:11px 15px;font-size:13px;font-weight:600;color:#492B3E;text-decoration:none;min-height:44px;box-sizing:border-box}.lab-study-method{padding:22px 26px;background:#F3EEF4;border-radius:16px;display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin:0}.lab-study-method div{min-width:0}.lab-study-method strong{font-size:15px;color:#492B3E;font-weight:600}.lab-study-method p{font-size:13px;line-height:1.5;margin:5px 0 0;color:#654A4E}

html[data-lab-frame=next] .page{max-width:1240px;padding:24px 32px}html[data-lab-frame=next] .hero{padding:28px;gap:28px;grid-template-columns:1fr 1.15fr}html[data-lab-frame=next] .hero h1{font-size:42px;font-weight:600;line-height:1.1;max-width:15ch}html[data-lab-frame=next] .hero-apps{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}html[data-lab-frame=next] .hero-app{border-radius:12px;padding:10px;border-width:1px}html[data-lab-frame=next] .hero-app i{display:none}html[data-lab-frame=next] .hero-app b{font-size:12px}html[data-lab-frame=next] .hero-app small{font-size:10px}html[data-lab-frame=next] .workspace-heading h2{font-weight:600}html[data-lab-frame=year9] .y9-hero h1{font-size:46px;font-weight:600}
@media(max-width:900px){html[data-lab-frame=study] .apps{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-lab-frame=study] .hero{padding:26px;grid-template-columns:1.6fr .6fr}html[data-lab-frame=next] .hero{grid-template-columns:1fr}}
@media(max-width:600px){html[data-lab-frame] .wrap{padding:20px 16px;gap:20px}html[data-lab-frame=study] .hero{grid-template-columns:1fr;padding:24px;gap:18px}html[data-lab-frame=study] .hero h1{font-size:38px;max-width:15ch}html[data-lab-frame=study] .hero figure{display:flex;align-items:center;gap:16px}html[data-lab-frame=study] .hero figure a{width:76px;margin:0}html[data-lab-frame=study] .hero figcaption{margin:0}html[data-lab-frame=study] .apps{grid-template-columns:1fr}html[data-lab-frame=study] .app-bl{font-size:15px}.lab-study-method{grid-template-columns:1fr 1fr;padding:20px;gap:18px}.lab-year-paths a{font-size:12px;padding:10px 13px}html[data-lab-frame=next] .page{padding:20px 16px}html[data-lab-frame=next] .hero{padding:22px;gap:20px}html[data-lab-frame=next] .hero h1{font-size:36px}html[data-lab-frame=next] .hero-apps{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-lab-frame=year9] .y9-hero h1{font-size:36px}}@media(prefers-reduced-motion:reduce){html[data-lab-frame] *{scroll-behavior:auto!important;transition:none!important}}

.lab-junior{border:1px solid #e3dcdf;border-radius:14px;background:#F5F1F2;padding:14px 20px;margin:0 0 18px;font-size:14px;scroll-margin-top:20px}.lab-junior summary{cursor:pointer;color:#492B3E;font-weight:600;min-height:26px}.lab-junior p{max-width:80ch;line-height:1.6}.lab-junior a{color:#492B3E;text-underline-offset:3px}html[data-lab-frame=study] .hero h1{max-width:22ch}
/* Keep the first learning choice near the top on phones. */
@media(max-width:600px){html[data-lab-frame=study] .wrap{gap:16px;padding-top:12px}html[data-lab-frame=study] .top{padding-bottom:8px}html[data-lab-frame=study] .hero{padding:18px;gap:12px;grid-template-columns:minmax(0,1fr) 58px}html[data-lab-frame=study] .hero h1{font-size:28px;margin:6px 0 10px}html[data-lab-frame=study] .hero p{font-size:14px;line-height:1.5}html[data-lab-frame=study] .hero figure a{width:58px}html[data-lab-frame=study] .hero figcaption{display:none}html[data-lab-frame=study] .lab-year-paths{margin:0;gap:6px}html[data-lab-frame=study] .block>h2{font-size:25px;margin-top:0}html[data-lab-frame=study] .lab-study-more{margin-top:0}}