:root{--ink:#17212b;--muted:#52606d;--blue:#0878d1;--line:#d9e2ec;--soft:#f1f5f9;--max:1080px}*{box-sizing:border-box}body{margin:0;color:var(--ink);font:16px/1.65 system-ui,-apple-system,"Segoe UI",sans-serif}.site-header,main,footer{width:min(calc(100% - 32px),var(--max));margin:auto}.site-header{display:flex;align-items:center;justify-content:space-between;padding:22px 0;border-bottom:1px solid var(--line)}.brand{font-size:1.25rem;font-weight:750;color:var(--ink);text-decoration:none}.site-header nav{display:flex;gap:24px}.site-header nav a{text-decoration:none}a{color:var(--blue);text-underline-offset:3px}main{padding:44px 0 64px}main>article{max-width:820px}h1{font-size:clamp(2rem,5vw,3.25rem);line-height:1.12;letter-spacing:-.035em;margin:0 0 16px}h2{font-size:1.55rem;line-height:1.25;margin:44px 0 12px}h3{font-size:1.08rem;margin:26px 0 6px}.lead{font-size:1.16rem;color:var(--muted);max-width:720px}.summary{background:var(--soft);border:1px solid var(--line);padding:26px;margin:34px 0}.summary h2{margin:0 0 16px}.big-number{font-size:1.8rem;font-weight:750}.form-row{display:flex;gap:10px;margin-top:8px}input,button{font:inherit;padding:10px 12px;border:1px solid #9fb1c1;border-radius:3px}input{max-width:210px}button{background:#126fb1;color:#fff;border-color:#126fb1;font-weight:700;cursor:pointer}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:24px 0 0}.stats div{border-top:2px solid #b8c7d5;padding-top:9px}.stats dt{font-size:.85rem;color:var(--muted)}.stats dd{font-size:1.08rem;font-weight:700;margin:0}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.card{border-top:2px solid var(--line);padding-top:12px}.card h2,.card h3{font-size:1.08rem;margin:0 0 5px}.card p{margin:0;color:var(--muted)}.link-list{padding-left:22px}.link-list li{margin:9px 0}.breadcrumbs{font-size:.9rem;color:var(--muted);margin-bottom:22px}footer{border-top:1px solid var(--line);padding:25px 0 38px;color:var(--muted);font-size:.9rem}@media(max-width:650px){.site-header{align-items:flex-start}.site-header nav{gap:12px;flex-direction:column}.stats,.cards{grid-template-columns:1fr 1fr}main{padding-top:32px}}@media(max-width:430px){.stats,.cards{grid-template-columns:1fr}.form-row{align-items:stretch;flex-direction:column}}

/* Structured article guides */
.guide{max-width:860px}.on-this-page{display:flex;flex-wrap:wrap;gap:8px 16px;margin:28px 0;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.on-this-page strong{width:100%}.article-tool{margin:28px 0 44px}.article-tool>h2{margin-top:0}.tool-note{font-size:.88rem;color:var(--muted);margin-bottom:0}.step-cards{list-style:none;padding:0;counter-reset:guide-step;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.step-cards li{counter-increment:guide-step;border:1px solid var(--line);padding:18px;background:#fff}.step-cards h3{margin:0 0 7px}.step-cards h3:before{content:counter(guide-step) ". ";color:var(--accent,#1769aa)}.step-cards p{margin:0;color:var(--muted)}.example-panel{border-left:4px solid var(--accent,#1769aa);padding:2px 0 2px 22px}.two-column-guide{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.two-column-guide h2{margin-top:0}.two-column-guide li{margin:9px 0}.check-list{list-style:"✓  ";padding-left:24px}.faq-list details{border-top:1px solid var(--line);padding:14px 0}.faq-list details:last-child{border-bottom:1px solid var(--line)}.faq-list summary{font-weight:700;cursor:pointer}.faq-list p{margin:9px 0 0;color:var(--muted)}.article-links{list-style:none;padding:0;display:grid;gap:10px}.article-links li{border-top:1px solid var(--line);padding-top:12px}.article-links a{display:block;font-weight:700}.article-links span{display:block;color:var(--muted);margin-top:3px}@media(max-width:700px){.site-header{align-items:center;gap:12px}.site-header .brand{flex:0 0 auto}.site-header nav{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:12px;font-size:.88rem;white-space:nowrap}.step-cards,.two-column-guide{grid-template-columns:1fr}.on-this-page{gap:6px 12px}.article-tool{padding:20px}}@media(max-width:360px){.site-header{gap:8px}.site-header nav{gap:8px;font-size:.8rem}}
