:root{--bg:#fbfaf7;--fg:#1c1a17;--muted:#4a463f;--accent:#0b5d7a;--card:#fff;--line:#d9d4c8}
@media (prefers-color-scheme:dark){:root{--bg:#14120f;--fg:#f3efe6;--muted:#cfc8b8;--accent:#7cc7e3;--card:#1d1a16;--line:#3a352c}}
*{box-sizing:border-box}html{font-size:112.5%}body{margin:0;background:var(--bg);color:var(--fg);font:1rem/1.65 system-ui,Segoe UI,Arial,sans-serif}
a{color:var(--accent)}a:focus-visible,button:focus-visible,summary:focus-visible,video:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:var(--card);padding:.5rem 1rem;z-index:9}
header,main,footer{max-width:46rem;margin:0 auto;padding:1rem}h1{font-size:1.9rem;line-height:1.2}h2{font-size:1.3rem;margin-top:2rem}
.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:1rem 1.2rem;margin:1rem 0}
.meta{color:var(--muted);font-size:.9rem}video,audio{width:100%;max-width:26rem;display:block;margin:.5rem 0;border-radius:8px}
nav.lang a{display:inline-block;padding:.4rem .9rem;border:1px solid var(--line);border-radius:999px;margin:.2rem .3rem .2rem 0;text-decoration:none}
details{border:1px solid var(--line);border-radius:10px;padding:.6rem 1rem;margin:.6rem 0;background:var(--card)}summary{cursor:pointer;font-weight:600}
ol li{margin:.5rem 0}.note{border-left:4px solid var(--accent);padding:.4rem 1rem;background:var(--card)}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}@media print{video,audio,nav{display:none}}