:root{--ink:#14211f;--ink-soft:#46564f;--bg:#fbfaf7;--surface:#fff;--line:#e3e0d8;--brand:#0f5a4f;--brand-dark:#0a3f37;--brand-tint:#e6f0ed;--accent:#b9852c;--radius:10px;--max:1120px;--font:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--font);color:var(--ink);background:var(--bg);margin:0;font-size:1.0625rem;line-height:1.65}a{color:var(--brand);text-underline-offset:3px}a:hover{color:var(--brand-dark)}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}img{max-width:100%;height:auto}.skip{position:absolute;left:-999px}.skip:focus{z-index:10;background:var(--surface);padding:8px 12px;top:12px;left:16px}.wrap{max-width:var(--max);margin:0 auto;padding:0 20px}.site-header{background:var(--surface);border-bottom:1px solid var(--line);z-index:5;position:sticky;top:0}.site-header .wrap{justify-content:space-between;align-items:center;gap:16px;min-height:64px;display:flex}.logo{letter-spacing:-.01em;color:var(--ink);align-items:center;gap:10px;font-size:1.2rem;font-weight:700;text-decoration:none;display:inline-flex}.logo-mark{background:var(--brand);color:#fff;border-radius:8px;place-items:center;width:30px;height:30px;font-size:1rem;display:grid}.nav{align-items:center;gap:4px;display:flex}.nav a{color:var(--ink-soft);border-radius:6px;padding:8px 10px;font-size:.95rem;text-decoration:none}.nav a:hover,.nav a[aria-current=page]{color:var(--brand-dark);background:var(--brand-tint)}.nav .btn{color:#fff;margin-left:8px}.nav .btn:hover{color:#fff;background:var(--brand-dark)}.menu-toggle{display:none}@media (width<=860px){.menu-toggle{border:1px solid var(--line);background:var(--surface);font:inherit;cursor:pointer;border-radius:6px;padding:6px 12px;font-size:.95rem;display:inline-flex}.nav{background:var(--surface);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;padding:8px 20px 16px;display:none;position:absolute;top:64px;left:0;right:0}.nav.open{display:flex}.nav .btn{text-align:center;margin:8px 0 0}}.btn{background:var(--brand);color:#fff;border:0;border-radius:8px;padding:12px 20px;font-weight:600;text-decoration:none;display:inline-block}.btn:hover{background:var(--brand-dark);color:#fff}.btn-ghost{color:var(--brand-dark);border:1px solid var(--brand);background:0 0}.btn-ghost:hover{background:var(--brand-tint);color:var(--brand-dark)}.actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.hero{background:linear-gradient(180deg, var(--surface) 0%, var(--bg) 100%);border-bottom:1px solid var(--line);padding:72px 0 56px}.eyebrow{letter-spacing:.04em;text-transform:uppercase;color:var(--accent);margin:0 0 12px;font-size:.85rem;font-weight:600;display:inline-block}h1,h2,h3{letter-spacing:-.015em;color:var(--ink);line-height:1.2}h1{max-width:22ch;margin:0 0 18px;font-size:clamp(2rem,4.5vw,3rem)}.hero .lead{color:var(--ink-soft);max-width:60ch;margin:0;font-size:1.2rem}h2{margin:0 0 16px;font-size:clamp(1.5rem,3vw,2rem)}h3{margin:0 0 8px;font-size:1.15rem}section{padding:56px 0}section+section{border-top:1px solid var(--line)}.section-intro{color:var(--ink-soft);max-width:65ch;margin:0 0 32px}.grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;display:grid}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px}.card p{color:var(--ink-soft);margin:0}.card .tag{color:var(--brand-dark);background:var(--brand-tint);border-radius:999px;margin-bottom:10px;padding:2px 10px;font-size:.78rem;font-weight:600;display:inline-block}.steps{counter-reset:step;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin:0;padding:0;list-style:none;display:grid}.steps li{counter-increment:step;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px}.steps li:before{content:counter(step);background:var(--brand);color:#fff;border-radius:50%;place-items:center;width:34px;height:34px;margin-bottom:12px;font-weight:700;display:grid}.notice{border:1px solid #ecd9b0;border-left:4px solid var(--accent);border-radius:var(--radius);background:#fdf6e8;padding:20px 24px}.notice p{margin:0}.notice p+p{margin-top:8px}.cta{background:var(--brand-dark);color:#e7f1ee;border-radius:14px;padding:40px}.cta h2{color:#fff}.cta p{max-width:60ch}.cta .btn{color:var(--brand-dark);background:#fff}.cta .btn:hover{background:var(--brand-tint)}.prose{max-width:72ch}.prose h2{margin-top:48px}.prose h3{margin-top:28px}.prose ul,.prose ol{padding-left:1.3em}.prose li+li{margin-top:6px}.meta{color:var(--ink-soft);font-size:.95rem}.toc{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin:28px 0;padding:20px 24px}.toc ol{margin:8px 0 0}.table-wrap{margin:20px 0;overflow-x:auto}table{border-collapse:collapse;background:var(--surface);width:100%;min-width:520px;font-size:.97rem}th,td{text-align:left;vertical-align:top;border:1px solid var(--line);padding:10px 12px}th{background:var(--brand-tint)}.breadcrumb{color:var(--ink-soft);margin-bottom:16px;font-size:.9rem}.breadcrumb a{color:var(--ink-soft)}.site-footer{background:var(--surface);border-top:1px solid var(--line);color:var(--ink-soft);margin-top:56px;padding:40px 0 28px;font-size:.95rem}.footer-grid{grid-template-columns:2fr repeat(3,1fr);gap:24px;display:grid}@media (width<=760px){.footer-grid{grid-template-columns:1fr 1fr}}.site-footer h3{text-transform:uppercase;letter-spacing:.04em;margin-bottom:10px;font-size:.9rem}.site-footer ul{margin:0;padding:0;list-style:none}.site-footer li+li{margin-top:6px}.site-footer a{color:var(--ink-soft)}.footer-bottom{border-top:1px solid var(--line);margin-top:28px;padding-top:18px}
