:root{
  --ink:#16263D;--paper:#F4F7FA;--card:#FFFFFF;--net:#0E7C5B;--tax:#B23A2F;
  --line:#DCE4EC;--muted:#5B6B80;--radius:10px;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Public Sans',system-ui,sans-serif;background:var(--paper);color:var(--ink);line-height:1.6;font-size:16.5px}
a{color:var(--ink)}
:focus-visible{outline:3px solid var(--ink);outline-offset:2px;border-radius:4px}
.mono{font-family:'Spline Sans Mono',monospace;font-variant-numeric:tabular-nums}
header{border-bottom:1px solid var(--line);background:var(--card)}
.header-in{max-width:1180px;margin:0 auto;padding:14px 24px;display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap}
.logo{font-family:'Archivo',sans-serif;font-weight:900;font-size:1.25rem;letter-spacing:-.02em;text-decoration:none}
.logo .net-word{color:var(--net)}
nav.main a{font-size:.9rem;font-weight:600;text-decoration:none;margin-left:18px;color:var(--muted)}
nav.main a:hover,nav.main a[aria-current]{color:var(--ink)}
main.article{max-width:760px;margin:0 auto;padding:40px 24px 0}
.crumb{font-size:.8rem;color:var(--muted);margin-bottom:18px}
.crumb a{color:var(--muted)}
main.article h1{font-family:'Archivo',sans-serif;font-weight:900;font-stretch:85%;font-size:clamp(1.7rem,4vw,2.4rem);letter-spacing:-.02em;line-height:1.12;margin-bottom:10px}
.meta{font-size:.82rem;color:var(--muted);margin-bottom:26px}
main.article h2{font-family:'Archivo',sans-serif;font-weight:800;font-size:1.35rem;margin:34px 0 12px}
main.article h3{font-family:'Archivo',sans-serif;font-weight:700;font-size:1.05rem;margin:22px 0 8px}
main.article p{margin-bottom:14px;color:#26364C}
main.article p strong{color:var(--ink)}
main.article ul,main.article ol{margin:0 0 14px 22px;color:#26364C}
main.article li{margin-bottom:6px}
.example{background:var(--card);border:1px solid var(--line);border-left:4px solid var(--net);border-radius:var(--radius);padding:16px 20px;margin:18px 0}
.example .ex-title{font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:var(--net);margin-bottom:8px}
.example table{width:100%;border-collapse:collapse;font-size:.9rem}
.example td{padding:4px 0;border-bottom:1px solid var(--paper)}
.example td:last-child{text-align:right;font-family:'Spline Sans Mono',monospace}
.example tr.t-net td{font-weight:700}
.example tr.t-tax td{color:var(--tax)}
.cta{background:var(--ink);color:#fff;border-radius:var(--radius);padding:22px 24px;margin:30px 0;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.cta p{color:#fff;margin:0;font-weight:600}
.cta small{display:block;font-weight:400;opacity:.75}
.cta a{background:#fff;color:var(--ink);text-decoration:none;font-weight:700;padding:10px 18px;border-radius:7px;white-space:nowrap}
.related{border-top:1px solid var(--line);margin-top:40px;padding-top:20px}
.related h2{margin-top:0}
.related a{display:block;margin-bottom:8px;font-weight:600;font-size:.95rem}
footer{margin-top:64px;border-top:1px solid var(--line);background:var(--card)}
.footer-in{max-width:1180px;margin:0 auto;padding:28px 24px;font-size:.78rem;color:var(--muted)}
.footer-in p{margin-bottom:8px;max-width:90ch}
/* listing guides */
.guide-list{max-width:860px;margin:0 auto;padding:40px 24px 0}
.guide-list h1{font-family:'Archivo',sans-serif;font-weight:900;font-stretch:85%;font-size:2rem;margin-bottom:8px}
.guide-list>p{color:var(--muted);margin-bottom:28px}
.guide-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px 22px;margin-bottom:14px}
.guide-card a{font-family:'Archivo',sans-serif;font-weight:700;font-size:1.1rem;text-decoration:none}
.guide-card a:hover{text-decoration:underline}
.guide-card p{font-size:.9rem;color:var(--muted);margin-top:6px}