/* history subpages — shares the main site's design tokens (docs/site/index.html) */
:root{
  --ink:#17181b; --muted:#5f6671; --line:#e6e7ea; --bg:#ffffff; --soft:#fafbfc;
  --green:#1a9850; --green-soft:#e8f5ec; --green-ink:#147a41;
  --red:#d24040; --red-soft:#fdecec; --red-ink:#b3271e;
  --blue:#3f5bd6; --blue-soft:#edeffc; --blue-ink:#2f45b8;
  --amber:#c47d12; --amber-soft:#fef6e6;
  --purple:#7c3aed; --purple-soft:#f2ecfd; --slate:#475569;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;
  line-height:1.62;-webkit-font-smoothing:antialiased}
a{color:var(--blue-ink);text-decoration:none} a:hover{text-decoration:underline}
code,.mono{font-family:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace}
.wrap{max-width:820px;margin:0 auto;padding:0 22px}
nav.sticky{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.86);
  backdrop-filter:saturate(180%) blur(9px);border-bottom:1px solid var(--line)}
nav.sticky .inner{max-width:820px;margin:0 auto;padding:11px 22px;display:flex;gap:14px;align-items:center}
nav.sticky .brand{font-weight:800;color:var(--ink)} nav.sticky .sp{flex:1}
nav.sticky a{padding:5px 9px;border-radius:7px;color:var(--slate)}
nav.sticky a:hover{background:#eef1f5;text-decoration:none}
header.hero{padding:44px 0 24px;border-bottom:1px solid var(--line)}
.eyebrow{font-size:.75rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--blue-ink);margin-bottom:.7em}
h1{font-size:1.9rem;line-height:1.22;margin:.1em 0 .3em} h2{font-size:1.28rem;margin:1.6em 0 .5em}
h3{font-size:1.05rem;margin:1.3em 0 .4em}
.date{font-family:"SFMono-Regular",Consolas,monospace;font-size:.82rem;color:var(--muted)}
.pill{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.02em;padding:3px 10px;border-radius:999px;margin:2px 4px 2px 0}
.pill.prelim{background:var(--amber-soft);color:var(--amber)}
.pill.fail{background:var(--red-soft);color:var(--red-ink)}
.pill.fix{background:var(--green-soft);color:var(--green-ink)}
.pill.run{background:#f4f5f8;color:var(--slate);border:1px solid var(--line);font-family:monospace;font-weight:600}
section{padding:30px 0;border-bottom:1px solid var(--line)}
.rqtag{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  color:var(--blue-ink);background:var(--blue-soft);padding:3px 10px;border-radius:999px;margin-bottom:.6em}
.lede{font-size:.98rem;color:#2c2c30;background:var(--soft);border:1px solid var(--line);border-radius:11px;padding:14px 17px;margin:14px 0}
.chart{margin:18px 0;border:1px solid var(--line);border-radius:12px;padding:12px;background:#fff}
.chart img{width:100%;height:auto;display:block}
.chart figcaption{font-size:.85rem;color:var(--muted);margin-top:8px;padding:0 4px}
table{width:100%;border-collapse:collapse;margin:16px 0;font-size:.9rem}
th,td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--line)}
th{color:var(--slate);font-size:.78rem;text-transform:uppercase;letter-spacing:.04em}
td.num{font-family:monospace} .pos{color:var(--green-ink);font-weight:600} .neg{color:var(--red-ink);font-weight:600}
.callout{border-left:4px solid var(--blue);background:var(--blue-soft);border-radius:0 10px 10px 0;padding:11px 15px;margin:14px 0;font-size:.95rem}
.callout.fail{border-color:var(--red);background:var(--red-soft)}
.callout.fix{border-color:var(--green);background:var(--green-soft)}
.callout b{display:block;margin-bottom:3px}
/* history index cards */
.hcard{display:block;border:1px solid var(--line);border-radius:13px;padding:17px 19px;margin:14px 0;background:#fff;transition:.12s}
.hcard:hover{border-color:var(--blue);box-shadow:0 2px 14px rgba(63,91,214,.08);text-decoration:none}
.hcard .d{font-family:monospace;font-size:.8rem;color:var(--muted)}
.hcard .t{font-size:1.12rem;font-weight:700;color:var(--ink);margin:3px 0 5px}
.hcard .s{font-size:.92rem;color:var(--slate)}
footer{padding:34px 0 60px;color:var(--muted);font-size:.85rem}
@media (max-width:560px){h1{font-size:1.55rem} .wrap{padding:0 16px}}