/* Planckchron look for every Verifyd page, loaded last: Garamond serif, near-black, uppercase tracked
   labels, white pill buttons. Matches the Verifyd app and planckchron.com. Verdict colours are unchanged. */
html:root, html:root:not([data-theme="light"]), html:root[data-theme="dark"], html:root[data-theme="light"] {
  --bg: #0A0A0C; --surface: #121318; --ink: #F7F9FA; --muted: #A9ACB4; --line: #26282F;
  --accent: #8AA2FF; --accent-ink: #0A0A0C; --accent-soft: #151C36; --btn: #F7F9FA; --btn-ink: #0A0A0C; --mint: #8AA2FF;
  --code: #08080A; --code-ink: #DDE3F5;
  --display: "EB Garamond", Garamond, "Iowan Old Style", Georgia, serif;
  --body: "EB Garamond", Garamond, "Iowan Old Style", Georgia, serif;
  color-scheme: dark;
}
body { background: radial-gradient(60% 40% at 75% 0%, rgba(36,80,232,.18), transparent 70%) no-repeat, var(--bg); font-size: 17px; line-height: 1.55; -webkit-font-smoothing: antialiased; font-feature-settings: "kern", "liga", "onum"; }
h1, h2, h3 { font-family: var(--display); font-weight: 500; letter-spacing: -.025em; }
h1 { font-weight: 400; letter-spacing: -.035em; }
h1 span, h1 em { color: var(--ink); font-style: italic; }
.eyebrow { font: 600 12px/1 var(--body); letter-spacing: .16em; text-transform: uppercase; color: var(--muted); }
.lede, .fine, .muted { color: var(--muted); }
a { color: var(--accent); }
.nav nav a, header nav a { font-family: var(--body); text-transform: uppercase; letter-spacing: .14em; font-size: 12px; font-weight: 500; color: rgba(255,255,255,.82); }
.btn, button.go, .go, .share { border-radius: 999px !important; font: 600 13px/1 var(--body) !important; text-transform: uppercase; letter-spacing: .14em; }
.btn { background: var(--btn); color: var(--btn-ink); }
.btn.ghost { background: transparent; color: var(--ink); border-color: rgba(255,255,255,.28); }
.share { background: var(--ink) !important; color: var(--bg) !important; }
.tabs button { font-family: var(--body); text-transform: uppercase; letter-spacing: .12em; font-size: 13px; }
input, textarea, select { font-family: var(--body) !important; font-size: 17px !important; background: rgba(0,0,0,.35) !important; color: var(--ink) !important; border-color: rgba(255,255,255,.22) !important; }
input::placeholder, textarea::placeholder { color: rgba(255,255,255,.45); font-style: italic; }
.tapbtn svg { stroke: var(--accent) !important; }
.tapbtn .ring { border-color: var(--accent) !important; }
.tapbtn:focus-visible { outline-color: var(--accent) !important; }
.logo small { background: var(--accent-soft); color: var(--accent); font-family: var(--body); }
.avatar { background: linear-gradient(135deg, #8AA2FF, #2450E8) !important; }
code, pre, kbd, .mono { font-family: "IBM Plex Mono", ui-monospace, Menlo, monospace; }
.tapbtn { background: radial-gradient(circle at 35% 30%, #1B2A6B, #0B1030 60%, #050609) !important; box-shadow: 0 30px 60px -20px rgba(10,20,90,.8), inset 0 0 0 1px rgba(138,162,255,.35) !important; }
.doc .doc-text, .doc-text { color: #2A2620 !important; font-family: var(--body); }
/* Verdict colours at WCAG AA contrast with white text (same hues, a little deeper). */
html:root, html:root:not([data-theme="light"]), html:root[data-theme="dark"] { --green: #18844A; --red: #D2302A; --amber: #A86800; --gray: #5F6880; }
.doc-kind { color: #6E6552 !important; }
.deepening{margin:18px 0 0;padding-top:14px;border-top:1px solid rgba(127,127,127,.25);color:var(--muted,#8a8f98);font-style:italic}
.sources q{display:block;margin:4px 0 8px;font-style:italic;color:var(--muted,#8a8f98)}
.results{width:100%;border-collapse:collapse;margin:14px 0 22px;font-size:15px}
.results th,.results td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--line);vertical-align:top;overflow-wrap:anywhere}
.results tr.bad td{background:rgba(210,48,42,.08)}
.scroll{overflow-x:auto}
#cases{min-width:680px}#cases td:nth-child(2){min-width:220px}
