:root { --fg:#14181f; --muted:#5b6472; --line:#d8dee7; --red:#a12b1e; --amber:#8a5a00; --green:#1f6b3a; }
* { box-sizing: border-box; }
body { margin:0; font:18px/1.6 system-ui,-apple-system,Segoe UI,sans-serif; color:var(--fg); background:#fff; }
main { max-width:46rem; margin:0 auto; padding:2rem 1.25rem 4rem; }
h1 { font-size:2rem; line-height:1.2; margin:0 0 .5rem; }
h2 { font-size:1.25rem; margin:2rem 0 .75rem; }
.sub, .src { color:var(--muted); }
.sub { margin:0 0 1.5rem; }
ul { list-style:none; padding:0; }
.listing li, .flags li { border:1px solid var(--line); border-radius:8px; padding:1rem; margin-bottom:.75rem; }
.listing li span { display:block; color:var(--muted); font-size:.95rem; }
.listing li .dot { display:inline; margin-right:.4rem; }
.flag .src { display:block; font-size:.9rem; margin-top:.35rem; }
.flag .detail { display:block; font-size:.95rem; margin-top:.35rem; color:var(--muted); font-style:italic; }
.flag-red strong { color:var(--red); }
.flag-yellow strong { color:var(--amber); }
.flag-green strong { color:var(--green); }
.rating { margin:.25rem 0 1.5rem; }
.rating .src { font-size:.85rem; margin-left:.5rem; }
.sponsor { border:1px dashed var(--line); border-radius:8px; padding:1rem; margin-bottom:1.5rem; }
.sponsor .tag { display:inline-block; font-size:.75rem; letter-spacing:.08em; text-transform:uppercase; color:var(--muted); margin-right:.5rem; }
.sponsor span { display:block; color:var(--muted); font-size:.95rem; }
blockquote { margin:.5rem 0; padding-left:1rem; border-left:3px solid var(--line); color:var(--muted); }
.disclaimer { margin-top:3rem; font-size:.9rem; color:var(--muted); }
@media (prefers-color-scheme: dark) {
  :root { --fg:#e8ecf2; --muted:#9aa4b2; --line:#2b323c; --red:#f08070; --amber:#f0a860; --green:#6fcf97; }
  body { background:#10141a; }
}