/* 021 News (IT) — single-column long-scroll, sand + charcoal, serif + mono accents. */
:root{
  --ink:#211f1c;--muted:#6d675e;--char:#2a2723;--sand:#efe7d9;--bg:#f3ecdf;--line:#ddd2bf;
  --serif:"Hoefler Text",Georgia,"Times New Roman",serif;
  --mono:"SF Mono",ui-monospace,"Cascadia Mono",Consolas,monospace;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:var(--serif);color:var(--ink);background:var(--bg);line-height:1.6;font-size:18px}
a{color:inherit}
.head{display:flex;justify-content:space-between;align-items:center;padding:28px max(8vw,24px);max-width:840px;margin:0 auto}
.brand{font-family:var(--mono);font-weight:600;font-size:1.1rem;letter-spacing:.02em;text-decoration:none;text-transform:lowercase}
.nav a{font-family:var(--mono);margin-left:22px;text-decoration:none;color:var(--muted);font-size:.8rem;letter-spacing:.02em}
.nav a:hover,.nav a[aria-current]{color:var(--ink)}
.hero{max-width:840px;margin:0 auto;padding:80px max(8vw,24px) 60px;border-bottom:1px solid var(--line)}
.meta{font-family:var(--mono);font-size:.78rem;letter-spacing:.06em;color:var(--muted);text-transform:uppercase;margin-bottom:26px}
.hero h1{font-size:clamp(2.3rem,6vw,3.8rem);line-height:1.1;font-weight:400;letter-spacing:-.01em}
.hero h1 em{font-style:italic;color:var(--muted)}
.intro{font-size:1.2rem;color:#3d382f;margin:26px 0 32px;max-width:50ch}
.cta{font-family:var(--mono);display:inline-block;padding:12px 26px;background:var(--char);color:var(--sand);text-decoration:none;font-size:.85rem;letter-spacing:.04em}
.cta:hover{background:#000}
.rows{max-width:840px;margin:0 auto;padding:20px max(8vw,24px) 90px}
.row{display:grid;grid-template-columns:64px 1fr;gap:8px 24px;padding:34px 0;border-bottom:1px solid var(--line)}
.idx{font-family:var(--mono);color:var(--muted);font-size:.85rem;padding-top:6px}
.row h3{font-size:1.5rem;font-weight:400}
.row p{grid-column:2;color:var(--muted);font-size:1rem}
.page{max-width:720px;margin:0 auto;padding:70px max(8vw,24px) 60px}
.page h1{font-size:clamp(2rem,5vw,2.9rem);font-weight:400;margin-bottom:28px}
.prose p{margin-bottom:18px;color:#37322a}
.prose a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.svc{display:grid;gap:0}
.svc>div{padding:26px 0;border-bottom:1px solid var(--line)}
.svc dt{font-size:1.3rem;margin-bottom:6px}
.svc dd{font-family:system-ui,sans-serif;color:var(--muted);font-size:.98rem}
.foot{max-width:840px;margin:0 auto;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:26px max(8vw,24px);border-top:1px solid var(--line);font-family:var(--mono);font-size:.78rem;color:var(--muted)}
.foot a{color:var(--muted);text-decoration:none}
.foot a:hover{color:var(--ink)}
@media(max-width:520px){.head{flex-direction:column;gap:12px}.nav a{margin:0 11px}.row{grid-template-columns:1fr}.row p{grid-column:1}}