:root{--blue:#2058c7;--ink:#0f172a;--muted:#5b6677;--border:#e6eaf0;--bg:#fff;--soft:#f8fafc;
  --font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
*{box-sizing:border-box}
body{margin:0;font-family:var(--font);color:var(--ink);background:var(--bg);line-height:1.65}
a{color:var(--blue)}
header{border-bottom:1px solid var(--border);background:var(--soft)}
.nav{max-width:820px;margin:0 auto;padding:16px 24px}
.brand{display:inline-flex;align-items:center;gap:.5rem;font-weight:700;font-size:1.1rem;color:var(--ink);text-decoration:none}
main{max-width:820px;margin:0 auto;padding:48px 24px 64px}
h1{font-size:2rem;letter-spacing:-.02em;margin:0 0 .25rem}
.updated{color:var(--muted);font-size:.9rem;margin:0 0 2rem}
h2{font-size:1.2rem;margin:2.2rem 0 .5rem;letter-spacing:-.01em}
p,li{color:#26303f}
ul{padding-left:1.2rem}
.muted{color:var(--muted);font-size:.9rem}
footer{border-top:1px solid var(--border);color:var(--muted);font-size:.85rem}
.foot{max-width:820px;margin:0 auto;padding:24px;display:flex;gap:14px;justify-content:space-between;flex-wrap:wrap}
.foot a{color:var(--muted)}