@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/atkinson-hyperlegible-latin-ext-400-normal-DRk46D-x.woff2)format("woff2"),url(/assets/atkinson-hyperlegible-latin-ext-400-normal-Bbz-b3yf.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/atkinson-hyperlegible-latin-400-normal-BrHNak5F.woff2)format("woff2"),url(/assets/atkinson-hyperlegible-latin-400-normal-BbWidj28.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/atkinson-hyperlegible-latin-ext-700-normal-BoVPHkS0.woff2)format("woff2"),url(/assets/atkinson-hyperlegible-latin-ext-700-normal-CKkU2Dpt.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/atkinson-hyperlegible-latin-700-normal-GZI4o3u0.woff2)format("woff2"),url(/assets/atkinson-hyperlegible-latin-700-normal-BK6Glc0m.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-semi-condensed-vietnamese-600-normal-b1FQiZcx.woff2)format("woff2"),url(/assets/barlow-semi-condensed-vietnamese-600-normal-DzVrjA0Q.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-semi-condensed-latin-ext-600-normal-BkQ9hN72.woff2)format("woff2"),url(/assets/barlow-semi-condensed-latin-ext-600-normal-BuP8AaxH.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-semi-condensed-latin-600-normal-BkLiAYu4.woff2)format("woff2"),url(/assets/barlow-semi-condensed-latin-600-normal-DyOfdMBA.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-semi-condensed-vietnamese-700-normal-Dm7RZTvf.woff2)format("woff2"),url(/assets/barlow-semi-condensed-vietnamese-700-normal-BvUTSFNY.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-semi-condensed-latin-ext-700-normal-BhgEo64M.woff2)format("woff2"),url(/assets/barlow-semi-condensed-latin-ext-700-normal-C0vCoZIV.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-semi-condensed-latin-700-normal-BpqDG8I9.woff2)format("woff2"),url(/assets/barlow-semi-condensed-latin-700-normal-BMyZXq_9.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--navy:#0b2545;--navy-2:#13315c;--sky:#8ecae6;--cloud:#eaf4ff;--orange:#fb8500;--runway:#ffb703;--teal:#219ebc;--bg:#f2f7fb;--surface:#fff;--surface-2:#e8f1f8;--ink:#0b2545;--ink-2:#4a5d73;--line:#d6e2ed;--brand:#0b2545;--brand-ink:#fff;--accent:#fb8500;--accent-ink:#1d0f00;--link:#0a6c8a;--ok:#0f7a55;--ok-bg:#e2f5ec;--bad:#b42318;--bad-bg:#fdeceb;--warn-bg:#fff3d6;--focus:#fb8500;--shadow-1:0 1px 2px #0b25450f, 0 2px 6px #0b25450d;--shadow-2:0 2px 4px #0b25450f, 0 12px 32px #0b25451a;--r-lg:22px;--r-md:14px;--r-sm:10px;--font-head:"Barlow Semi Condensed", "Arial Narrow", system-ui, sans-serif;--font-body:"Atkinson Hyperlegible", system-ui, -apple-system, "Segoe UI", sans-serif;--appbar-h:60px;--tabbar-h:64px;--ease:cubic-bezier(.2, .8, .2, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#061427;--surface:#0c2140;--surface-2:#12305a;--ink:#eaf4ff;--ink-2:#a7bbd2;--line:#21426c;--brand:#8ecae6;--brand-ink:#061427;--link:#8ecae6;--ok:#5fe0b0;--ok-bg:#0d3a31;--bad:#ff9b8f;--bad-bg:#47201f;--warn-bg:#3a2c0c;--shadow-1:0 1px 2px #0006;--shadow-2:0 12px 32px #00000073;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;background:var(--bg)}body{font-family:var(--font-body);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;margin:0;font-size:1.0625rem;line-height:1.6}h1,h2,h3{font-family:var(--font-head);text-wrap:balance;margin:0 0 .45em;line-height:1.08}h1{letter-spacing:-.01em;font-size:clamp(2.1rem,5.2vw,3.3rem);font-weight:700}h2{font-size:clamp(1.5rem,3.2vw,2rem);font-weight:700}h3{font-size:1.25rem;font-weight:600}p{max-width:66ch;margin:0 0 .85em}a{color:var(--link);text-underline-offset:3px}img{max-width:100%;display:block}button,.btn,.tabbar,.appbar,.option,.chip{-webkit-user-select:none;user-select:none;touch-action:manipulation}:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:8px}[tabindex="-1"]:focus{outline:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}::view-transition-group(*){scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}::view-transition-old(*){scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}::view-transition-new(*){scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{z-index:100;background:var(--accent);color:var(--accent-ink);border-radius:var(--r-sm);padding:10px 16px;font-weight:700;position:absolute;top:-80px;left:12px}.skip:focus{top:calc(12px + env(safe-area-inset-top))}::view-transition-old(root){animation:vt-out .16s var(--ease) both}::view-transition-new(root){animation:vt-in .24s var(--ease) both}@keyframes vt-out{to{opacity:0;transform:translateY(-6px)}}@keyframes vt-in{0%{opacity:0;transform:translateY(10px)}}.appbar,.tabbar{view-transition-name:none}.shell{flex-direction:column;min-height:100dvh;display:flex}.container{width:100%;max-width:1100px;padding:0 max(20px, env(safe-area-inset-left)) 0 max(20px, env(safe-area-inset-right));margin:0 auto}main{flex:1;padding:24px 0 72px}.appbar{z-index:30;padding-top:env(safe-area-inset-top);background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:saturate(1.6)blur(14px);border-bottom:1px solid #0000;transition:border-color .2s;position:sticky;top:0}.appbar.scrolled{border-bottom-color:var(--line)}.appbar .container{height:var(--appbar-h);align-items:center;gap:12px;display:flex}.brand{font-family:var(--font-head);color:var(--ink);white-space:nowrap;align-items:center;gap:10px;font-size:1.2rem;font-weight:700;text-decoration:none;display:flex}.brand svg{flex:none;width:34px;height:34px}.appbar-title{font-family:var(--font-head);text-overflow:ellipsis;white-space:nowrap;opacity:0;flex:1;min-width:0;font-size:1.15rem;font-weight:700;transition:opacity .2s,transform .2s;overflow:hidden;transform:translateY(4px)}.appbar.scrolled .appbar-title{opacity:1;transform:none}.icon-btn{width:44px;height:44px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;text-decoration:none;display:grid}.icon-btn:hover{background:var(--surface-2)}.icon-btn svg{width:24px;height:24px}.spacer{flex:1}.nav{background:var(--surface);border:1px solid var(--line);border-radius:999px;gap:2px;padding:4px;display:flex}.nav a{color:var(--ink-2);border-radius:999px;padding:7px 14px;font-size:.95rem;font-weight:700;text-decoration:none}.nav a:hover{color:var(--ink)}.nav a[aria-current=page],.nav a.active{background:var(--navy);color:#fff}.avatar{background:var(--runway);width:38px;height:38px;color:var(--navy);font-weight:700;font-family:var(--font-head);border-radius:50%;flex:none;place-items:center;font-size:1.15rem;text-decoration:none;display:grid}.tabbar{display:none}.footer{color:var(--ink-2);padding:28px 0 36px;font-size:.9rem}.desk-only{display:initial}@media (width<=760px){.desk-only,.nav,.footer,.crumbs{display:none!important}main{padding:8px 0 calc(var(--tabbar-h) + 32px + env(safe-area-inset-bottom))}.tabbar{z-index:30;height:calc(var(--tabbar-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:color-mix(in srgb, var(--surface) 88%, transparent);-webkit-backdrop-filter:saturate(1.6)blur(16px);border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.tabbar a{color:var(--ink-2);flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:.72rem;font-weight:700;text-decoration:none;transition:color .15s;display:flex}.tabbar a .ico{width:56px;height:30px;transition:background .2s var(--ease);border-radius:999px;place-items:center;display:grid}.tabbar a.active{color:var(--ink)}.tabbar a.active .ico{background:color-mix(in srgb, var(--runway) 55%, transparent)}.tabbar svg{width:22px;height:22px}.tabbar a:active .ico{transform:scale(.92)}h1{font-size:2.2rem}}.shell.focus .tabbar,.shell.focus .footer,.shell.focus .nav{display:none!important}@media (width<=760px){.shell.focus main{padding-bottom:calc(110px + env(safe-area-inset-bottom))}}.btn{min-height:48px;font:inherit;cursor:pointer;background:var(--brand);color:var(--brand-ink);transition:transform .12s var(--ease), background .15s, box-shadow .15s;border:2px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:10px 22px;font-size:1rem;font-weight:700;text-decoration:none;display:inline-flex}.btn:hover:not(:disabled){box-shadow:var(--shadow-2)}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-accent{background:var(--accent);color:var(--accent-ink)}.btn-ghost{background:var(--surface);color:var(--ink);border-color:var(--line)}.btn-ghost:hover:not(:disabled){border-color:var(--ink-2);box-shadow:none}.btn-quiet{color:var(--link);background:0 0;padding-inline:8px}.btn-quiet:hover:not(:disabled){box-shadow:none;text-decoration:underline}.btn-danger{background:var(--bad);color:#fff}.btn-sm{min-height:40px;padding:6px 16px;font-size:.94rem}.btn-lg{min-height:56px;padding:12px 30px;font-size:1.1rem}.btn-block{width:100%}.link-btn{font:inherit;color:var(--link);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.card{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-1);padding:22px}.tile{color:inherit;background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-1);transition:transform .15s var(--ease), box-shadow .15s;flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.tile:hover{box-shadow:var(--shadow-2)}.tile:active{transform:scale(.98)}.tile .body{gap:4px;padding:14px 16px 16px;display:grid}.tile h3{margin:0}.thumb{aspect-ratio:3/2;object-fit:cover;background:var(--surface-2);width:100%}.pill{background:var(--surface-2);color:var(--ink-2);border-radius:999px;align-items:center;gap:6px;width:fit-content;padding:3px 10px;font-size:.82rem;font-weight:700;display:inline-flex}.pill.ok{background:var(--ok-bg);color:var(--ok)}.pill.warn{background:var(--warn-bg);color:#8a4a00}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .pill.warn{color:var(--runway)}}.callout{border-radius:var(--r-md);background:var(--surface-2);padding:14px 16px}.callout.warn{background:var(--warn-bg)}.callout.bad{background:var(--bad-bg)}.callout.ok{background:var(--ok-bg)}.callout>:last-child{margin-bottom:0}.muted{color:var(--ink-2)}.small{font-size:.92rem}.kicker{font-family:var(--font-head);color:var(--teal);margin:0 0 4px;font-size:1.05rem;font-weight:600}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.between{justify-content:space-between}.vstack{gap:28px;display:grid}.grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:16px;display:grid}.grid-2{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));align-items:center;gap:28px;display:grid}.section-head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.section-head h2{margin:0}@media (width<=760px){.scroller{scroll-snap-type:x mandatory;scrollbar-width:none;grid-template-columns:none;grid-auto-columns:72%;grid-auto-flow:column;margin:0 -20px;padding:4px 20px 12px;display:grid;overflow-x:auto}.scroller::-webkit-scrollbar{display:none}.scroller>*{scroll-snap-align:start}}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:32px;display:grid}.hero-wide{grid-template-columns:1.25fr 1fr}@media (width<=860px){.hero,.hero-wide{grid-template-columns:1fr;gap:20px}}.lead{color:var(--ink-2);font-size:1.2rem}.hero-img{aspect-ratio:3/2;object-fit:cover;width:100%;box-shadow:var(--shadow-2);border-radius:28px}.welcome-hero{color:#fff;min-height:min(78vh,640px);box-shadow:var(--shadow-2);border-radius:32px;align-items:end;display:grid;position:relative;overflow:hidden}.welcome-hero>img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.welcome-hero:after{content:"";background:linear-gradient(#06142700 25%,#0614278c 50%,#061427e6 85%);position:absolute;inset:0}.welcome-hero .inner{z-index:1;max-width:720px;padding:clamp(22px,5vw,56px);position:relative}.welcome-hero h1{color:#fff;text-shadow:0 2px 18px #00000059;font-size:clamp(2.4rem,7vw,4.6rem);line-height:1}.welcome-hero p{color:#e3eefa;font-size:1.2rem}@media (width<=760px){.welcome-hero{border-radius:0 0 28px 28px;min-height:82dvh;margin:0 -20px}.welcome-hero>img{object-position:62% 30%}.welcome-hero:after{background:linear-gradient(#06142700 18%,#061427b3 42%,#061427f0 75%)}}.how{counter-reset:s;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.how li{counter-increment:s;background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-1);padding:18px}.how li:before{content:counter(s);background:var(--navy);color:#fff;width:36px;height:36px;font:700 1.1rem var(--font-head);border-radius:50%;place-items:center;margin-bottom:10px;display:grid}.how h3{margin-bottom:4px}.how p{color:var(--ink-2);margin:0}.route{margin:0;padding:0;list-style:none;position:relative}.route:before{content:"";border-left:3px dashed color-mix(in srgb, var(--teal) 55%, transparent);position:absolute;top:28px;bottom:28px;left:27px}.route .leg{grid-template-columns:58px 1fr;align-items:center;gap:14px;padding:8px 0;display:grid;position:relative}.wp{z-index:1;background:var(--surface);border:3px solid var(--line);width:56px;height:56px;color:var(--ink-2);font:700 1.35rem var(--font-head);border-radius:50%;place-items:center;display:grid;position:relative}.leg.passed .wp{background:var(--teal);border-color:var(--teal);color:#fff}.leg.current .wp{background:var(--navy);border-color:var(--runway);box-shadow:0 0 0 6px color-mix(in srgb, var(--runway) 35%, transparent)}.leg.current .wp svg{width:34px;height:34px}.leg.locked .wp{border-style:dashed}.leg-card{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-1);color:inherit;transition:transform .15s var(--ease);grid-template-columns:1fr auto;align-items:center;gap:4px 14px;padding:14px 16px;text-decoration:none;display:grid}a.leg-card:active{transform:scale(.985)}.leg.current .leg-card{box-shadow:0 0 0 2px var(--runway), var(--shadow-2)}.leg.locked .leg-card{box-shadow:none;border:2px dashed var(--line);background:0 0}.leg-card h3{margin:0}.leg-card .meta{color:var(--ink-2);grid-column:1;font-size:.92rem}.leg-card .go{color:var(--ink-2);grid-area:1/2/span 2}.leg.destination .wp{background:var(--runway);border-color:var(--runway);color:var(--navy)}.next{background:var(--navy);color:#fff;border-radius:var(--r-lg);box-shadow:var(--shadow-2);grid-template-columns:1fr auto;align-items:center;gap:16px;padding:20px 22px;display:grid}.next h2{color:#fff;margin:2px 0 0;font-size:1.5rem}.next .small{color:var(--sky)}@media (width<=560px){.next{grid-template-columns:1fr}.next .btn{width:100%}}.progress{background:var(--surface-2);border-radius:999px;height:10px;overflow:hidden}.progress>span{border-radius:inherit;background:linear-gradient(90deg, var(--teal), var(--runway));height:100%;transition:width .6s var(--ease);display:block}.ring{--p:0;background:conic-gradient(var(--runway) calc(var(--p) * 1%), var(--surface-2) 0);border-radius:50%;flex:none;place-items:center;width:84px;height:84px;display:grid}.ring span{background:var(--surface);width:66px;height:66px;font:700 1.3rem var(--font-head);border-radius:50%;place-items:center;display:grid}.field{gap:6px;display:grid}.field label,.field legend{padding:0;font-weight:700}.hint{color:var(--ink-2);font-size:.92rem}.error{color:var(--bad);font-size:.94rem;font-weight:700}input[type=text],input[type=number],input[type=search],select{font:inherit;border-radius:var(--r-md);border:2px solid var(--line);background:var(--surface);color:var(--ink);width:100%;min-height:52px;padding:12px 16px;font-size:1.05rem;transition:border-color .15s}input:focus-visible,select:focus-visible{border-color:var(--teal);outline:3px solid color-mix(in srgb, var(--teal) 30%, transparent);outline-offset:0}input[aria-invalid=true]{border-color:var(--bad)}.seg{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.seg label{position:relative}.seg input{opacity:0;margin:0;position:absolute;inset:0}.seg span{border-radius:var(--r-md);border:2px solid var(--line);background:var(--surface);min-height:56px;font:700 1.15rem var(--font-head);cursor:pointer;place-items:center;transition:background .15s,border-color .15s,transform .12s;display:grid}.seg span small{font:400 .75rem var(--font-body);color:var(--ink-2)}.seg input:checked+span{background:var(--navy);border-color:var(--navy);color:#fff}.seg input:checked+span small{color:var(--sky)}.seg input:focus-visible+span{outline:3px solid var(--focus);outline-offset:2px}.seg label:active span{transform:scale(.96)}.reader{max-width:740px;margin:0 auto}.reader>p,.reader .prose p{font-size:1.15rem;line-height:1.7}.cover{border-radius:var(--r-lg);aspect-ratio:3/2;object-fit:cover;width:100%;margin:6px 0 22px}figure{margin:22px 0}.diagram{border-radius:var(--r-lg);background:linear-gradient(#cfe8f6,#f4faff);width:100%;height:auto}.try{border-radius:var(--r-lg);background:color-mix(in srgb, var(--runway) 22%, var(--surface));padding:18px 20px}.try h2{margin-bottom:4px;font-size:1.25rem}.try p{margin:0}.terms{grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:10px;margin:0;display:grid}.terms>div{background:var(--surface);border-radius:var(--r-md);box-shadow:var(--shadow-1);padding:12px 14px}.terms dt{font-weight:700}.terms dd{color:var(--ink-2);margin:0}.crumbs{margin-bottom:14px;font-size:.94rem}.crumbs ol{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.crumbs li+li:before{content:"/";color:var(--line);margin-right:6px}.lesson-steps{gap:4px;margin:4px 0 18px;display:flex}.lesson-steps span{background:var(--line);border-radius:99px;flex:1;height:5px}.lesson-steps span.done{background:var(--teal)}.lesson-steps span.here{background:var(--runway)}.options{gap:10px;margin:16px 0;display:grid}.option{text-align:left;width:100%;font:inherit;border-radius:var(--r-md);border:2px solid var(--line);background:var(--surface);min-height:60px;color:var(--ink);cursor:pointer;transition:border-color .15s, background .15s, transform .12s var(--ease);align-items:center;gap:14px;padding:14px 16px;font-size:1.05rem;display:flex}.option:hover:not(:disabled){border-color:var(--teal)}.option:active:not(:disabled){transform:scale(.985)}.option .key{background:var(--surface-2);width:32px;height:32px;font:700 1rem var(--font-head);border-radius:50%;flex:none;place-items:center;display:grid}.option[aria-checked=true]{border-color:var(--navy);background:var(--surface-2)}.option[aria-checked=true] .key{background:var(--navy);color:#fff}.option.right{border-color:var(--ok);background:var(--ok-bg)}.option.right .key{background:var(--ok);color:#fff}.option.wrong{border-color:var(--bad);background:var(--bad-bg);animation:.3s shake}.option.wrong .key{background:var(--bad);color:#fff}.option:disabled{cursor:default}@keyframes shake{25%{transform:translate(-4px)}75%{transform:translate(4px)}}.timer{font-variant-numeric:tabular-nums;font-weight:700}.timer.low{background:var(--bad-bg);color:var(--bad)}.qdots{flex-wrap:wrap;gap:6px;display:flex}.qdots button{border:2px solid var(--line);background:var(--surface);width:40px;height:40px;color:var(--ink);font:700 .95rem var(--font-head);cursor:pointer;border-radius:50%}.qdots button.answered{background:var(--surface-2);border-color:var(--teal)}.qdots button[aria-current=step]{background:var(--navy);border-color:var(--navy);color:#fff}.actionbar{justify-content:space-between;gap:10px;margin-top:20px;display:flex}@media (width<=760px){.actionbar.sticky{z-index:25;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--line);margin:0;position:fixed;bottom:0;left:0;right:0}.actionbar.sticky .btn{flex:1}.shell:not(.focus) .actionbar.sticky{bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom));padding-bottom:12px}.shell:not(.focus) main:has(.actionbar.sticky){padding-bottom:calc(var(--tabbar-h) + 100px + env(safe-area-inset-bottom))}}dialog{background:var(--surface);width:min(460px,100vw - 32px);color:var(--ink);border:0;border-radius:26px;padding:26px;box-shadow:0 24px 64px #0000004d}dialog[open]{animation:pop .22s var(--ease)}dialog::backdrop{background:#0614278c}@keyframes pop{0%{opacity:0;transform:scale(.96)}}@media (width<=760px){dialog{width:100%;max-width:none;padding:12px 22px calc(24px + env(safe-area-inset-bottom));border-radius:26px 26px 0 0;margin:auto 0 0}dialog:before{content:"";background:var(--line);border-radius:99px;width:40px;height:5px;margin:0 auto 16px;display:block}dialog[open]{animation:sheet .28s var(--ease)}dialog .row .btn{flex:1}}@keyframes sheet{0%{transform:translateY(100%)}}.toast{left:50%;bottom:calc(24px + env(safe-area-inset-bottom));background:var(--navy);color:#fff;z-index:50;box-shadow:var(--shadow-2);max-width:calc(100vw - 32px);animation:toast-in .25s var(--ease);border-radius:14px;padding:12px 18px;position:fixed;transform:translate(-50%)}@media (width<=760px){.toast{bottom:calc(var(--tabbar-h) + 14px + env(safe-area-inset-bottom))}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,10px)}}.certificate{color:#0b2545;text-align:center;outline-offset:-24px;max-width:920px;box-shadow:var(--shadow-2);background:#fffdf6;border:12px solid #0b2545;border-radius:6px;outline:3px solid #ffb703;margin:0 auto;padding:clamp(24px,5vw,56px)}.certificate h1{color:#0b2545;margin-bottom:4px;font-size:clamp(1.9rem,5vw,3.1rem)}.certificate .who{font-family:var(--font-head);color:#b55800;border-bottom:2px solid #d6e2ed;margin:6px 0;padding:0 28px 4px;font-size:clamp(2rem,7vw,3.6rem);font-weight:700;display:inline-block}.certificate .wings{border-radius:14px;width:min(300px,70%);margin:0 auto 12px}.certificate .meta{flex-wrap:wrap;justify-content:space-around;gap:16px;margin-top:26px;display:flex}.certificate .meta b{font-family:var(--font-head);font-size:1.15rem;display:block}@media print{@page{size:A4 landscape;margin:10mm}body,html{background:#fff}.no-print,.appbar,.tabbar,.footer{display:none!important}main{padding:0}.certificate{box-shadow:none;max-width:none}}.slide{grid-template-columns:1fr 1fr;align-items:center;gap:28px;min-height:min(56vh,460px);display:grid}@media (width<=760px){.slide{grid-template-columns:1fr;min-height:0}.slide img{order:-1}}.dots{gap:6px;display:flex}.dots span{background:var(--line);width:8px;height:8px;transition:width .25s var(--ease);border-radius:50%}.dots span.on{background:var(--accent);border-radius:99px;width:24px}.archival{filter:sepia(.35)contrast(1.05);border-radius:var(--r-md);object-fit:contain;background:#f3ead8;max-height:320px;margin:4px auto 0;padding:8px}.timeline{border-left:3px dashed color-mix(in srgb, var(--teal) 55%, transparent);margin:0 0 0 8px;padding:0;list-style:none}.timeline li{padding:0 0 24px 24px;position:relative}.timeline li:before{content:"";background:var(--runway);border:3px solid var(--bg);border-radius:50%;width:17px;height:17px;position:absolute;top:5px;left:-10px}.timeline .yr{font:700 1.2rem var(--font-head);color:var(--teal)}.chips{scrollbar-width:none;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{border:2px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;cursor:pointer;border-radius:999px;flex:none;align-items:center;min-height:40px;padding:7px 14px;font-size:.94rem;font-weight:700;text-decoration:none;display:inline-flex}.chip[aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:#fff}.chip:disabled{opacity:.45;cursor:not-allowed}.sim-frame{width:100%;height:calc(100dvh - var(--appbar-h) - env(safe-area-inset-top));background:#0b1b2e;border:0;display:block}@media (width<=760px){.sim-frame{height:calc(100dvh - var(--appbar-h) - var(--tabbar-h) - env(safe-area-inset-top) - env(safe-area-inset-bottom))}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .next{background:linear-gradient(135deg,#163a6b,#0f2b52)}}