/* SeatCheck theme — calm teal safety, warm and parental, editorial trust */
:root{
  --bg:#f2f7f6;
  --fg:#172b29;
  --muted:#5c716e;
  --card:#ffffff;
  --border:#dde8e6;
  --accent:#0f766e;      /* deep teal */
  --accent-2:#e2604f;    /* coral (expired/warning) */
  --accent-ink:#ffffff;
  --ring:#0f766e;
  --ok:#1d8a55; --warn:#c98a1e; --bad:#cf4433;
  --font-display:'Nunito',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --font-body:'Source Sans 3',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --font-mono:ui-monospace,'SF Mono',Menlo,Consolas,monospace;
  --radius:16px;--radius-sm:10px;--maxw:1060px;
  --shadow:0 1px 2px rgba(15,60,55,.05),0 16px 34px -22px rgba(15,90,80,.28);
}
body{
  background:
    radial-gradient(860px 460px at 90% -12%, rgba(15,118,110,.10), transparent 62%),
    radial-gradient(700px 400px at -5% 6%, rgba(226,96,79,.06), transparent 55%),
    var(--bg);
  background-attachment:fixed;
}
.brand-accent{color:var(--accent)}
h1,h2,h3{font-family:var(--font-display);font-weight:800;letter-spacing:-.015em}
.eyebrow{color:var(--accent);font-weight:800}
.btn-primary{box-shadow:0 8px 20px -10px var(--accent)}
.rule{height:1px;border:0;margin:1.4rem 0;background:linear-gradient(90deg,transparent,var(--border),transparent)}

/* verdict badges */
.verdict{display:inline-flex;align-items:center;gap:.5ch;font-weight:800;font-family:var(--font-display);
  padding:.5em 1.05em;border-radius:999px;font-size:1rem;line-height:1}
.verdict.ok{background:color-mix(in srgb,var(--ok) 14%,var(--card));color:var(--ok);border:1px solid color-mix(in srgb,var(--ok) 35%,transparent)}
.verdict.warn{background:color-mix(in srgb,var(--warn) 14%,var(--card));color:var(--warn);border:1px solid color-mix(in srgb,var(--warn) 40%,transparent)}
.verdict.bad{background:var(--bad);color:#fff;border:1px solid var(--bad)}

/* checker panel */
.checker{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);
  padding:1.4rem 1.5rem;box-shadow:var(--shadow)}
.checker .row{display:flex;flex-wrap:wrap;gap:.9rem;margin:.9rem 0}
.checker label{display:block;font-size:.78rem;font-weight:800;text-transform:uppercase;
  letter-spacing:.05em;color:var(--muted);margin-bottom:.3rem}
.checker select,.checker input{padding:.6em .8em;border:1px solid var(--border);border-radius:var(--radius-sm);
  background:var(--bg);font:inherit;color:var(--fg);min-width:130px}
.checker .field{flex:1;min-width:150px}
.checker button{cursor:pointer}
#checker-result{margin-top:1.1rem;display:none}
#checker-result.show{display:block}
.result-card{border-radius:var(--radius-sm);padding:1rem 1.2rem;border:1px solid var(--border)}
.result-card.ok{background:color-mix(in srgb,var(--ok) 8%,var(--card));border-color:color-mix(in srgb,var(--ok) 30%,transparent)}
.result-card.warn{background:color-mix(in srgb,var(--warn) 9%,var(--card));border-color:color-mix(in srgb,var(--warn) 32%,transparent)}
.result-card.bad{background:color-mix(in srgb,var(--bad) 8%,var(--card));border-color:color-mix(in srgb,var(--bad) 32%,transparent)}
.result-card .big{font-family:var(--font-display);font-weight:900;font-size:1.25rem;margin-bottom:.25rem}
.result-card .sub{color:var(--muted);font-size:.95rem}

/* brand/model cards */
.card .years{position:absolute;top:.7rem;right:.7rem;font-size:.75rem;font-weight:800;
  padding:.32em .65em;border-radius:999px;background:color-mix(in srgb,var(--accent) 12%,#fff);color:var(--accent)}
.card .card-ico{font-size:1.7rem}
.brandmeta{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;margin:1.2rem 0}
.bm{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.8rem 1rem}
.bm .k{font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:800}
.bm .v{font-family:var(--font-display);font-weight:800;margin-top:.15rem;font-size:1.05rem}

/* callouts */
.callout{background:color-mix(in srgb,var(--accent) 7%,var(--card));border:1px solid color-mix(in srgb,var(--accent) 25%,transparent);
  border-radius:var(--radius-sm);padding:.9rem 1.1rem;margin:1.1rem 0}
.callout.warned{background:color-mix(in srgb,var(--accent-2) 7%,var(--card));border-color:color-mix(in srgb,var(--accent-2) 30%,transparent)}

/* sources list */
.sources{font-size:.88rem;color:var(--muted)}
.sources li{margin:.25rem 0}

/* comparison tables from content */
table.cmp{width:100%;border-collapse:collapse;margin:1.1rem 0;font-size:.95rem;background:var(--card);
  border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}
table.cmp th{background:color-mix(in srgb,var(--accent) 9%,var(--card));text-align:left;font-weight:800}
table.cmp th,table.cmp td{padding:.6em .8em;border-bottom:1px solid var(--border)}
table.cmp tr:last-child td{border-bottom:0}
.table-scroll{overflow-x:auto}
@media(max-width:640px){.checker{padding:1.1rem}}