:root,[data-theme=light]{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--font-display:"Nunito", ui-rounded, sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-12:48px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-pill:999px;--size-icon:20px;--size-icon-sm:16px;--size-control:40px;--size-action:56px;--size-tile:72px;--surface:#fafaf8;--surface-raised:#fff;--surface-sunken:#f1f3f2;--line:#e6eaea;--line-strong:#8a9495;--ink:#10272c;--heading:#17383d;--ink-muted:#646d74;--primary:#22494e;--primary-hover:#183a3e;--primary-tint:#e2ebea;--primary-subtle:#ebf1ef;--on-primary:#fff;--accent:#225f62;--echo:#6f8b89;--focus:#2f6f8f;--success:#22663f;--success-bg:#e6f2ea;--danger:#a3271d;--danger-bg:#fbeae8;--info:#24508a;--info-bg:#e7eef8;--warning:#7a4300;--warning-bg:#fdedc9;--neutral:#4a5455;--neutral-bg:#eceeee;--shadow-raised:0 1px 2px #10272c0a, 0 4px 16px #10272c0d;--shadow-action:0 2px 6px #22494e2e, 0 8px 20px #22494e1f}[data-theme=dark]{--surface:#121819;--surface-raised:#1a2224;--surface-sunken:#0e1314;--line:#2a3436;--line-strong:#6b7778;--ink:#edf1f0;--heading:#d6e8e5;--ink-muted:#a3aeac;--primary:#9cc0bd;--primary-hover:#b6d3d0;--primary-tint:#2a3b3b;--primary-subtle:#223133;--on-primary:#0f1718;--accent:#8cc9c6;--echo:#9cc0bd;--focus:#7fc4e3;--success:#8fd3a8;--success-bg:#183324;--danger:#f2a49b;--danger-bg:#3a1d1a;--info:#9dc0f0;--info-bg:#18283d;--warning:#ecc27a;--warning-bg:#352813;--neutral:#c3cbca;--neutral-bg:#263031;--shadow-raised:0 1px 2px #0006;--shadow-action:0 2px 8px #00000080}*,:before,:after{box-sizing:border-box}html{color-scheme:light}html[data-theme=dark]{color-scheme:dark}body{background:var(--surface);min-height:100vh;color:var(--ink);font-family:var(--font-sans);flex-direction:column;margin:0;font-size:17px;line-height:1.6;display:flex}main{flex:1}a{color:var(--primary)}a:focus-visible{outline:2px solid var(--focus);outline-offset:2px}h1,h2,h3{color:var(--heading);font-family:var(--font-display);line-height:1.2}.wrap{width:100%;max-width:1080px;padding:0 var(--space-4);margin:0 auto}.skip{position:absolute;left:-9999px}.skip:focus{left:var(--space-4);top:var(--space-4);z-index:10;background:var(--surface-raised);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm)}.only-dark,[data-theme=dark] .only-light{display:none}[data-theme=dark] .only-dark{display:inline}.site-header{border-bottom:1px solid var(--line);background:var(--surface-raised)}.site-header__inner{justify-content:space-between;align-items:center;min-height:64px;display:flex}.site-logo{display:inline-flex}.site-logo img{width:auto;height:36px}.site-header nav{gap:var(--space-6);display:flex}.site-header nav a{color:var(--ink);padding:var(--space-2) 0;font-weight:600;text-decoration:none}.site-header nav a:hover{color:var(--primary)}.site-footer{border-top:1px solid var(--line);color:var(--ink-muted);font-size:15px}.site-footer__inner{gap:var(--space-6);padding-top:var(--space-6);padding-bottom:var(--space-6);display:flex}.site-footer a{color:var(--ink-muted)}.hero{padding-block:var(--space-12)}.hero h1{margin:0 0 var(--space-4);max-width:18ch;font-size:clamp(32px,6vw,52px)}.hero p{color:var(--ink-muted);max-width:36em;margin:0 0 var(--space-4);font-size:20px}.badge{background:var(--primary-tint);color:var(--primary);border-radius:var(--radius-pill);padding:var(--space-1) var(--space-3);margin-bottom:var(--space-4);font-size:14px;font-weight:700;display:inline-block}.card{background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-raised);padding:var(--space-6)}.points{gap:var(--space-4);padding-bottom:var(--space-12);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-block:0;list-style:none;display:grid}.points h2{margin:0 0 var(--space-2);font-size:20px}.points p{color:var(--ink-muted);margin:0}.note{border-left:4px solid var(--info);background:var(--info-bg);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm)}.prose{max-width:42em;padding-top:var(--space-8);padding-bottom:var(--space-12)}
