:root{--navy:#0b4f8a;--navy-dark:#083a66;--sea:#e8f2fa;--bg:#f7f9fc;--surface:#fff;--text:#1b1f24;--muted:#5b6672;--border:#d7dee6;--ok:#2e7d32;--ko:#c62828;--radius:14px;--max:960px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--navy:#7fb6e6;--navy-dark:#a9cff0;--sea:#11263a;--bg:#0a1724;--surface:#102235;--text:#e6edf3;--muted:#9fb0c0;--border:#23384d;--ok:#66bb6a;--ko:#ef5350}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{color:var(--text);background:var(--bg);margin:0;font:17px/1.6 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--navy)}h1,h2,h3{line-height:1.25}h1{margin:.2em 0 .4em;font-size:clamp(1.9rem,4vw,2.6rem)}h2{margin-top:2em;font-size:1.4rem}.container{max-width:var(--max);margin:0 auto;padding:0 20px}.skip-link{position:absolute;left:-999px}.skip-link:focus{background:var(--surface);z-index:10;padding:8px 12px;top:12px;left:12px}.site-header{background:var(--surface);border-bottom:1px solid var(--border);z-index:5;position:sticky;top:0}.header-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:10px;padding-bottom:10px;display:flex}.brand{color:var(--text);align-items:center;gap:8px;font-size:1.15rem;font-weight:700;text-decoration:none;display:flex}.site-header ul{flex-wrap:wrap;gap:4px 16px;margin:0;padding:0;list-style:none;display:flex}.site-header nav a{color:var(--text);font-size:.95rem;text-decoration:none}.site-header nav a:hover{color:var(--navy)}.nav-cta{font-weight:600}.site-footer{border-top:1px solid var(--border);background:var(--surface);margin-top:64px;font-size:.92rem}.footer-inner{grid-template-columns:2fr 1fr;gap:24px;padding-top:28px;padding-bottom:28px;display:grid}.site-footer ul{margin:0;padding:0;list-style:none}@media (max-width:640px){.footer-inner{grid-template-columns:1fr}}.hero{background:linear-gradient(160deg, var(--navy-dark), var(--navy));color:#fff;padding:56px 0 48px}@media (prefers-color-scheme:dark){.hero{background:linear-gradient(160deg,#0c2a45,#123c62)}}.hero h1{max-width:18ch}.hero .lead{opacity:.92;max-width:60ch}.eyebrow{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0;font-size:.8rem;font-weight:600}.hero .eyebrow{color:#cfe3f5}.lead{font-size:1.15rem}.section{margin-top:48px}.stores{flex-wrap:wrap;gap:12px;margin:20px 0;display:flex}.store{color:#fff;background:#000;border-radius:10px;flex-direction:column;min-width:170px;padding:10px 18px;line-height:1.2;text-decoration:none;display:inline-flex}.store small{opacity:.8;font-size:.72rem}.store span{font-size:1.15rem;font-weight:600}.store-soon{background:#00000073;border:1px dashed #ffffff80}.article .store-soon{background:var(--sea);color:var(--text);border-color:var(--border)}.button,.button-secondary{cursor:pointer;border:0;border-radius:999px;padding:12px 22px;font-size:1rem;font-weight:600;text-decoration:none;display:inline-block}.button{background:var(--navy);color:#fff}@media (prefers-color-scheme:dark){.button{color:#0a1724}}.button-secondary{background:var(--surface);color:var(--navy);border:1px solid var(--border)}.cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.card{border-radius:var(--radius);background:var(--sea);color:var(--text);border:1px solid var(--border);flex-direction:column;gap:4px;padding:20px;text-decoration:none;display:flex}.card:hover{border-color:var(--navy)}.card-kicker{color:var(--muted);font-size:.85rem}.card-title{color:var(--navy);font-size:1.3rem;font-weight:700}.card-text{font-size:.9rem}.features{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:8px 24px;display:grid}.feature h3{margin-bottom:.2em;font-size:1.05rem}.feature p{color:var(--muted);margin-top:0}.guide-list{padding:0;list-style:none}.guide-list li{border-bottom:1px solid var(--border);padding:14px 0}.guide-list a{font-size:1.05rem;font-weight:600}.guide-list p{color:var(--muted);margin:4px 0 0}.faq details{border:1px solid var(--border);background:var(--surface);border-radius:10px;margin-bottom:8px;padding:12px 16px}.faq summary{cursor:pointer;font-weight:600}.article{max-width:820px;padding-top:32px}.muted{color:var(--muted)}.note{background:var(--sea);border-left:4px solid var(--navy);border-radius:6px;padding:12px 16px}table{border-collapse:collapse;background:var(--surface);width:100%;margin:16px 0;font-size:.95rem}th,td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:8px 10px}th{background:var(--sea)}.ref{color:var(--muted);font-size:.8rem}@media (max-width:560px){.ref{display:none}}.signal-cell{width:150px}.sound{color:var(--text);vertical-align:middle}.legend{flex-wrap:wrap;align-items:center;gap:6px 18px;display:flex}.legend-item{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.figure-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin:20px 0;display:grid}figure{text-align:center;margin:0}figcaption{color:var(--muted);font-size:.9rem}.figure-wide{max-width:420px;margin:20px auto}.illustration{background:var(--sea);border-radius:10px;width:100%;height:auto}.illustration text{fill:currentColor;font-family:inherit}.chapters li{margin:4px 0}.sources{margin-top:40px;font-size:.92rem}.quiz{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin:20px 0;padding:20px}.quiz-progress{color:var(--muted);align-items:center;gap:8px;font-size:.9rem;display:flex}.tag{background:var(--sea);border-radius:999px;padding:2px 10px;font-size:.8rem}.quiz-image{border-radius:10px;max-width:100%;max-height:260px;margin:8px auto 12px;display:block}.quiz-question{font-size:1.15rem;font-weight:600}.quiz-answers{gap:10px;padding:0;list-style:none;display:grid}.answer{text-align:left;border:1px solid var(--border);background:var(--bg);width:100%;min-height:56px;color:var(--text);font:inherit;cursor:pointer;border-radius:12px;align-items:center;gap:12px;padding:10px 14px;display:flex}.answer:not(:disabled):hover{border-color:var(--navy)}.answer-letter{background:var(--sea);border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-weight:700;display:grid}.answer.is-correct{border:2px solid var(--ok)}.answer.is-wrong{border:2px solid var(--ko)}.answer.is-dim{opacity:.6}.quiz-feedback .ok{color:var(--ok);font-weight:700}.quiz-feedback .ko{color:var(--ko);font-weight:700}.quiz-done{text-align:center}.quiz-score{margin:0;font-size:3rem;font-weight:800}:focus-visible{outline:3px solid var(--navy);outline-offset:2px}