/* Search pages (scripts/build-seo.js): answer first, then a fact box, sources and links. Tokens from /style.css. */
:root { --ok:#dcefd8; --ok-ink:#1f3a17; --warn:#f8e8b8; --warn-ink:#3d2f0c; --stop:#f6d2c6; --stop-ink:#4a1a0d; }
@media (prefers-color-scheme: dark) { :root { --ok:#22361f; --ok-ink:#cfeac6; --warn:#3a3016; --warn-ink:#f3dd9c; --stop:#3d221a; --stop-ink:#f5c3b2; } }
.crumbs { font-size:14px; color:var(--muted); margin:-12px 0 16px; }
.crumbs a { color:var(--muted); }
.answer { font-size:19px; line-height:1.5; max-width:62ch; margin:4px 0 20px; }
.visa-box { border:1px solid var(--line); border-radius:14px; padding:16px 18px; background:var(--card); margin:0 0 20px; }
.visa-box .status { display:inline-block; font-weight:600; padding:4px 12px; border-radius:999px; margin:0 0 10px; }
.visa-box.ok .status, td.ok { background:var(--ok); color:var(--ok-ink); }
.visa-box.warn .status, td.warn { background:var(--warn); color:var(--warn-ink); }
.visa-box.stop .status, td.stop { background:var(--stop); color:var(--stop-ink); }
.visa-box dl { display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:8px; margin:0 0 10px; }
.visa-box dt { font:12px var(--mono); letter-spacing:.06em; text-transform:uppercase; color:var(--muted); }
.visa-box dd { margin:2px 0 0; }
.visa-box h2 { font-size:17px; margin:14px 0 4px; }
.checked { font-size:14px; color:var(--muted); margin-bottom:0; }
.links { line-height:2; }
table { border-collapse:collapse; width:100%; font-size:15px; margin:8px 0 16px; }
th, td { text-align:start; padding:8px 10px; border-bottom:1px solid var(--line); vertical-align:top; }
th { font:12px var(--mono); letter-spacing:.06em; text-transform:uppercase; color:var(--muted); }
td.ok, td.warn, td.stop { font-weight:600; }
.table-wrap { overflow-x:auto; }
.phrase-t { font-size:20px; font-weight:600; }
.phrase-r { color:var(--muted); font-style:italic; }
.big-answer { font-size:28px; font-weight:600; margin:0; }
footer p { margin:4px 0; }
.letters { display:grid; grid-template-columns:repeat(auto-fill,minmax(96px,1fr)); gap:8px; margin:8px 0 18px; }
.letter { display:flex; flex-direction:column; gap:2px; padding:10px; border:1px solid var(--line); border-radius:12px; background:var(--card); text-align:center; }
.letter .glyph { font-size:34px; line-height:1.2; }
.letter small { font-size:12px; line-height:1.35; }
dl.facts { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:8px; margin:0 0 8px; }
dl.facts dt { font:12px var(--mono); letter-spacing:.06em; text-transform:uppercase; color:var(--muted); }
dl.facts dd { margin:2px 0 0; }
.chip { display:inline-block; font-weight:600; padding:4px 12px; border-radius:999px; }
.chip.ok { background:var(--ok); color:var(--ok-ink); } .chip.warn { background:var(--warn); color:var(--warn-ink); } .chip.stop { background:var(--stop); color:var(--stop-ink); }
.langs { font-size:14px; line-height:2; border-top:1px solid var(--line); padding-top:12px; margin-top:32px; }