/* Shared look for the secondary pages (real-time log, methodology).
   Mirrors the tokens and masthead in index.html; loaded after each page's own styles. */
:root{
  --bg:#0d0f12; --surface:#14171c; --raised:#1b1f26;
  --ink:#eceae6; --ink-2:#b4b2ad; --muted:#8b8a86; --faint:#5d5f63;
  --line:rgba(255,255,255,.08); --line-2:rgba(255,255,255,.14);
  --accent:#ff6b5f; --notice:#f2b134;
  --serif:'Newsreader',Georgia,'Times New Roman',serif;
  --sans:'Public Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
  --mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
  color-scheme:dark;
}
body{background:var(--bg);color:var(--ink)}
a{text-underline-offset:3px}
:focus-visible{outline:2px solid #ffa198;outline-offset:2px;border-radius:3px}

/* Masthead (same as homepage) */
.masthead{border-bottom:1px solid var(--line);padding-inline:20px}
.masthead-in{max-width:1080px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px;flex-wrap:wrap;padding-block:10px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font:700 15px/1 var(--sans);letter-spacing:-.01em}
.brand-mark{width:22px;height:22px;border-radius:5px;background:var(--accent);color:var(--bg);display:grid;place-items:center;font:700 14px/1 var(--sans)}
.site-nav{display:flex;gap:18px;font:500 14px/1 var(--sans)}
.site-nav a{color:var(--ink-2);text-decoration:none}
.site-nav a:hover,.site-nav a[aria-current="page"]{color:var(--ink)}

/* Page heading */
.page-top{display:flex;flex-direction:column;gap:12px;margin-bottom:36px}
.kicker{font:600 12px/1.3 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}
.page-top h1{font:500 clamp(34px,6vw,48px)/1.06 var(--serif);letter-spacing:-.015em;color:var(--ink);text-wrap:balance;margin:0}
.page-top .dek{font:400 19px/1.55 var(--serif);color:var(--ink-2);max-width:60ch}

/* Section headings: sentence-case serif instead of tracked mono caps */
details.section > summary,.section-title{
  font:500 24px/1.25 var(--serif)!important;letter-spacing:-.005em!important;text-transform:none!important;color:var(--ink)!important;
}
details.section > summary:hover{color:#fff!important}
details.section > summary::before{border-left-color:var(--accent)!important}
.callout .callout-header{font:600 12px/1.3 var(--sans)!important;letter-spacing:.08em!important}
.prose{font-size:17px!important;line-height:1.7!important}
.source-list-title,.hc-flag,.rc-label,.digit-label,.ls-label,.le-label,.leb-badge{font-family:var(--sans)!important;letter-spacing:.06em!important}
.share-btn{font-family:var(--sans)!important;font-weight:600!important;letter-spacing:0!important;font-size:13px!important;border-radius:999px!important}
.methodology-link{text-align:left!important;padding:18px 20px!important}
.methodology-link .ml-title{font:500 20px/1.3 var(--serif)!important;letter-spacing:0!important;text-transform:none!important;color:var(--ink)!important}
.methodology-link .ml-sub{font:400 14px/1.5 var(--sans)!important}
.cta-title{font-family:var(--sans)!important;letter-spacing:.06em!important}

@media (max-width:640px){
  .site-nav{gap:14px;font-size:13px}
  details.section > summary,.section-title{font-size:21px!important}
}