/* Event pages: same paper, ink, lime and type as the homepage (key.css variables), so a record
   page reads as one site. Only the layout is different - one column, no machine, no controls. */
:root{--paper:#f6f5ef;--ink:#202622;--lime:#b5ec43;--edge:#1a4a22;--well:#161a17;--quiet:#596057;--rule:#e4e1d8}
*{box-sizing:border-box}
html,body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.55 system-ui,"PingFang SC","Hiragino Sans GB","Noto Sans SC",sans-serif}
body{max-width:760px;margin:0 auto;padding:20px 20px 40px}
a{color:var(--edge)}a:hover{text-decoration-thickness:2px}
.site-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:26px;flex-wrap:wrap}
.brand{margin:0;font-weight:700;font-size:18px;display:flex;gap:.4em;align-items:baseline;flex-wrap:wrap}
.brand a{color:inherit;text-decoration:none}
.tag{font-weight:400;font-size:14px;color:var(--quiet)}
.hub-link{margin:0;font-size:14px}
h1{margin:0 0 14px;font-size:36px;line-height:1.15;font-weight:750;letter-spacing:-.02em}
h2{margin:34px 0 10px;}
.lead{margin:0 0 8px;font-size:16px}
.quiet{color:var(--quiet);font-size:14px}
.facts{display:grid;grid-template-columns:auto 1fr;gap:8px 18px;margin:0;padding:16px 18px;background:#fff;border:1px solid var(--rule);border-radius:8px}
.facts dt{font-size:14px;color:var(--quiet)}
.facts dd{margin:0;font-weight:600}
.steps,.records,.sources,.archive,.month{margin:0;padding-left:1.2em}
.steps li,.records li{margin-bottom:14px}
.step-when{margin:0;font-size:14px;color:var(--quiet)}
.steps p,.records p{margin:4px 0}
.summary{font-size:18px;font-weight:600;margin:0 0 10px}
blockquote{margin:0 0 10px;padding:10px 14px;background:var(--well);color:#e9ece7;border-radius:8px;font-size:14px}
.sources li,.archive li,.month li{margin-bottom:6px;font-size:14px}
.meta{font-size:14px;color:var(--quiet)}
.nav{margin:0 0 8px}
footer{margin-top:40px;padding-top:14px;border-top:1px solid var(--rule);font-size:14px;color:var(--quiet)}
