:root { --fg:#222; --mut:#666; --line:#e5e5e5; --acc:#0b5cad; }
* { box-sizing:border-box }
body { font:16px/1.65 -apple-system,BlinkMacSystemFont,"Helvetica Neue","PingFang SC","Microsoft YaHei",sans-serif;
  color:var(--fg); max-width:38rem; margin:0 auto; padding:1.25rem 1rem 3rem }
header { display:flex; justify-content:space-between; align-items:baseline; gap:1rem;
  border-bottom:1px solid var(--line); padding-bottom:.6rem; margin-bottom:1.5rem; flex-wrap:wrap }
.brand { font-weight:600; text-decoration:none; color:var(--fg) }
nav a { color:var(--acc); text-decoration:none; margin-left:.75rem }
nav a:hover { text-decoration:underline }
h1 { font-size:1.5rem; margin:.2rem 0 .8rem }
h2 { font-size:1.15rem; margin-top:1.6rem }
p, li { margin:.5rem 0 }
time { color:var(--mut); font-size:.9rem }
main p { margin-block: .8rem }
ul, ol { padding-left:1.3rem }
table { border-collapse:collapse; width:100%; margin:1rem 0; font-size:.95rem }
th, td { border:1px solid var(--line); padding:.4rem .55rem; text-align:left }
th { background:#fafafa; font-weight:600 }
code { font:14px ui-monospace,SFMono-Regular,Menlo,monospace; background:#f6f6f6; padding:.1rem .3rem; border-radius:3px }
footer { margin-top:2.5rem; border-top:1px solid var(--line); padding-top:.6rem; color:var(--mut); font-size:.9rem }
footer a { color:var(--mut) }