:root { --ink:#14211e; --muted:#63736d; --paper:#f7f5ee; --panel:#fffdf8; --line:#d9ded5; --accent:#147a68; --accent-pale:#d7efe8; --warning:#a55a09; --warning-pale:#fff0d8; --danger:#a63731; --danger-pale:#fae1df; }
* { box-sizing:border-box; } html { -webkit-text-size-adjust:100%; } body { margin:0; min-width:320px; overflow-x:hidden; background:var(--paper); color:var(--ink); font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; line-height:1.5; }
.site-header, main, footer { max-width:1180px; margin:auto; padding-left:24px; padding-right:24px; }.site-header { padding-top:48px; padding-bottom:36px; display:flex; justify-content:space-between; gap:24px; align-items:flex-start; border-bottom:1px solid var(--line); } h1,h2,h3,p { margin:0; } h1 { font-family:Georgia, serif; font-size:clamp(2.4rem,6vw,4.6rem); line-height:.95; letter-spacing:-.06em; } h2 { font-size:1.5rem; letter-spacing:-.03em; }.eyebrow { color:var(--accent); font-size:.73rem; font-weight:800; letter-spacing:.12em; }.subtitle,.methodology { color:var(--muted); margin-top:9px; }.freshness { border:1px solid currentColor; border-radius:999px; font-size:.85rem; font-weight:750; padding:8px 13px; white-space:nowrap; }.freshness--loading { color:var(--muted); }.freshness--fresh { color:var(--accent); background:var(--accent-pale); }.freshness--delayed { color:var(--warning); background:var(--warning-pale); }.freshness--stale,.freshness--error { color:var(--danger); background:var(--danger-pale); }
main { padding-top:32px; padding-bottom:48px; } section { margin-top:42px; }.section-heading { margin-bottom:18px; }.topic-heading { display:flex; align-items:end; justify-content:space-between; gap:18px; }.metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }.metric,.topic-card,.health-summary { background:var(--panel); border:1px solid var(--line); border-radius:12px; }.metric { padding:18px; }.metric strong { display:block; font-size:2rem; line-height:1.1; }.metric span { color:var(--muted); font-size:.87rem; }.methodology { max-width:760px; font-size:.9rem; }.view-picker { color:var(--muted); font-size:.85rem; font-weight:700; }.view-picker select { display:block; margin-top:5px; background:var(--panel); border:1px solid var(--line); border-radius:6px; color:var(--ink); font:inherit; padding:7px; }.filters { display:flex; align-items:end; flex-wrap:wrap; gap:10px; }.review-control { color:var(--muted); font-size:.8rem; font-weight:700; margin-top:14px; }.review-control select { margin-left:6px; background:var(--panel); border:1px solid var(--line); border-radius:6px; color:var(--ink); font:inherit; padding:5px; }.topic-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:14px; }.topic-card { padding:19px; display:flex; flex-direction:column; }.topic-card h3 { font-family:Georgia,serif; font-size:1.25rem; line-height:1.18; margin:11px 0; }.score { color:var(--accent); font-size:.85rem; font-weight:800; }.facts { color:var(--muted); font-size:.88rem; margin-top:auto; }.sources { border-top:1px solid var(--line); list-style:none; margin:15px 0 0; padding:12px 0 0; font-size:.86rem; }.sources li+li { margin-top:5px; } a { color:var(--accent); }.health-summary { padding:15px 18px; color:var(--muted); margin-bottom:14px; }.table-wrap { overflow-x:auto; background:var(--panel); border:1px solid var(--line); border-radius:12px; } table { border-collapse:collapse; width:100%; min-width:620px; text-align:left; } th,td { padding:12px 15px; border-bottom:1px solid var(--line); font-size:.9rem; } th { color:var(--muted); font-size:.76rem; letter-spacing:.06em; text-transform:uppercase; } tr:last-child td { border-bottom:0; }.status { border-radius:999px; display:inline-block; font-size:.76rem; font-weight:800; padding:3px 8px; }.status--success { color:var(--accent); background:var(--accent-pale); }.status--failed { color:var(--danger); background:var(--danger-pale); }.status--unknown { color:var(--warning); background:var(--warning-pale); } footer { border-top:1px solid var(--line); color:var(--muted); font-size:.82rem; padding-top:22px; padding-bottom:32px; } .empty { color:var(--muted); font-style:italic; }
@media (max-width:620px) {
  .site-header, main, footer { padding-left:16px; padding-right:16px; }
  .site-header { padding-top:30px; display:block; }
  .freshness { display:inline-block; margin-top:20px; max-width:100%; white-space:normal; }
  main { padding-top:24px; padding-bottom:32px; }
  section { margin-top:30px; }
  .metrics { grid-template-columns:1fr; }
  .topic-heading { align-items:flex-start; flex-direction:column; }
  .filters { width:100%; display:grid; grid-template-columns:1fr 1fr; }
  .view-picker:first-child { grid-column:1 / -1; }
  .view-picker select { width:100%; }
  .topic-grid { grid-template-columns:1fr; }
  .topic-card { padding:16px; overflow-wrap:anywhere; }
  .sources, .facts, .methodology, td { overflow-wrap:anywhere; }
  .table-wrap { margin-left:-16px; margin-right:-16px; border-radius:0; }
  table { min-width:560px; }
}
@media (max-width:380px) {
  h1 { font-size:2.2rem; }
  .filters { grid-template-columns:1fr; }
  .view-picker:first-child { grid-column:auto; }
}