/* Seine mist: cool paper, slate-blue accent, sand buttons. */
:root{--bg:#f3f5f8;--surface:#fbfcfd;--fg:#1b2733;--muted:#566474;--line:#d9e0e8;--accent:#2b5b80;--accent-fg:#fff;--sand:#ead5a4;--sand-fg:#2b2312;--tint:#e1e9f2;
--display:"Quicksand","Helvetica Neue",Arial,sans-serif;--body:"Nunito Sans","Helvetica Neue",Arial,sans-serif;--r:18px;color-scheme:light}
@media (prefers-color-scheme:dark){:root{--bg:#0f1820;--surface:#16222c;--fg:#e7eef4;--muted:#9bb0c2;--line:#26384a;--accent:#8fbbe0;--accent-fg:#0b1822;--tint:#1b2f40;color-scheme:dark}}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:linear-gradient(180deg,var(--tint) 0,var(--bg) 420px) no-repeat,var(--bg);color:var(--fg);font:400 18px/1.75 var(--body);padding-inline:max(20px,env(safe-area-inset-left,0px)) max(20px,env(safe-area-inset-right,0px))}
.wrap{max-width:960px;margin:0 auto}a{color:var(--accent);text-underline-offset:3px}
a:focus-visible,.btn:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;background:var(--sand);color:var(--sand-fg);padding:10px 14px;border-radius:10px;z-index:5}
.top{display:flex;align-items:center;justify-content:space-between;gap:10px 28px;flex-wrap:wrap;padding-block:22px}
.logo{font:700 22px var(--display);color:var(--fg);text-decoration:none}.logo b{color:var(--accent)}
.top nav{display:flex;gap:4px 22px;flex-wrap:wrap;font:600 15px var(--body)}.top nav a{color:var(--fg);text-decoration:none;padding:6px 0;border-bottom:2px solid transparent}
.top nav a:hover,.top nav a[aria-current]{border-bottom-color:var(--accent)}
h1{font:700 clamp(32px,5vw,52px)/1.12 var(--display);margin:0 0 16px;text-wrap:balance;max-width:20ch}
h2{font:700 clamp(23px,3vw,30px)/1.2 var(--display);margin:44px 0 10px;text-wrap:balance}h3{font:700 20px/1.3 var(--display);margin:0}
.lede{font-size:20px;line-height:1.7;color:var(--muted);max-width:60ch;margin:0 0 26px}
.hero{padding-block:44px 16px}.article{padding-block:28px 28px}.article p,.article li{max-width:64ch}.article ul{padding-left:22px}
.crumbs{font-size:14px;color:var(--muted);margin-bottom:14px}.crumbs a{color:var(--muted)}
.grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin:20px 0}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:22px;display:flex;flex-direction:column;gap:10px;min-width:0}
.card p{margin:0}.card .cta{margin-top:auto;padding-top:6px}
.btn{display:inline-block;background:var(--sand);color:var(--sand-fg);font:700 16px var(--body);text-decoration:none;padding:12px 22px;border-radius:99px}
.btn:hover{filter:brightness(1.05)}.btn.alt{background:transparent;color:var(--accent);border:2px solid var(--accent);padding:10px 20px}
.cta{display:flex;gap:8px;flex-wrap:wrap}
.small{font-size:15px;color:var(--muted);line-height:1.6}
.tablewrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r);background:var(--surface)}
table{border-collapse:collapse;width:100%;min-width:560px}th,td{text-align:left;padding:13px 16px;border-bottom:1px solid var(--line);vertical-align:top}
thead th{font:700 12px var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}tr:last-child>*{border-bottom:0}
.note{background:var(--tint);border-radius:var(--r);padding:18px 22px;margin:22px 0}.note p{margin:0}
.foot{border-top:1px solid var(--line);margin-top:48px;padding-block:24px 44px;color:var(--muted)}.foot p{margin:6px 0}
@media (prefers-reduced-motion:no-preference){.card{animation:rise .5s ease both}@keyframes rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}}