:root{
  --paper:#ffffff; --ink:#14181d; --body:#2a2f36; --muted:#5c646d;
  --line:#e0e4e9; --wash:#f2f4f7; --accent:#b45309; --accent-ink:#8a3f06;
  --good:#1e6b3a; --radius:10px;
  --serif:Charter,"Bitstream Charter","Sitka Text",Cambria,Georgia,serif;
  --sans:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--body);font-family:var(--sans);font-size:17px;line-height:1.65}
h1,h2,h3{font-family:var(--serif);color:var(--ink);line-height:1.2;font-weight:700}
h1{font-size:2.1rem;margin:.4em 0 .3em}
h2{font-size:1.5rem;margin:1.8em 0 .5em}
h3{font-size:1.15rem;margin:1.4em 0 .4em}
p{margin:.8em 0}
a{color:var(--accent);text-decoration-thickness:1px;text-underline-offset:2px}
a:hover{color:var(--accent-ink)}
.wrap{max-width:70ch;margin:0 auto;padding:0 22px}
.site-header{border-bottom:3px solid var(--ink);background:var(--paper)}
.site-header .wrap{display:flex;align-items:center;gap:26px;padding-top:14px;padding-bottom:14px}
.wordmark{font-family:var(--serif);font-weight:700;font-size:1.35rem;color:var(--ink);text-decoration:none;white-space:nowrap}
.wordmark span{color:var(--accent)}
.site-nav{display:flex;gap:18px;margin-left:auto;font-size:.95rem}
.site-nav a{color:var(--body);text-decoration:none}
.site-nav a:hover{color:var(--accent)}
.hero{background:var(--ink);color:#f4f5f6;padding:38px 0 32px}
.hero h1{color:#fff}
.hero .dek{color:#d4d8dc}
.meta{font-size:.85rem;color:var(--muted)}
.article{padding:26px 0 60px}
.scoreboard{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;margin:1.6em 0}
.scoreboard>div{padding:18px 20px}
.scoreboard>div+div{border-left:1px solid var(--line)}
.scoreboard h3{margin:.1em 0 .3em;font-size:1.25rem}
.score{font-family:var(--serif);font-size:2rem;color:var(--ink)}
.score small{font-size:1rem;color:var(--muted)}
.pick-tag{display:inline-block;background:var(--good);color:#fff;font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:3px 10px;border-radius:999px;margin-bottom:6px}
table.specs{width:100%;border-collapse:collapse;margin:1.4em 0;font-size:.95rem}
table.specs th,table.specs td{border:1px solid var(--line);padding:9px 12px;text-align:left;vertical-align:top}
table.specs th{background:var(--wash);font-family:var(--serif);color:var(--ink)}
.verdict{border:2px solid var(--ink);border-radius:var(--radius);padding:18px 22px;margin:2em 0;background:var(--paper)}
.verdict p:first-child{margin-top:0}
.verdict strong.lead{font-family:var(--serif);font-size:1.2rem;color:var(--ink)}
ul.tight li{margin:.35em 0}
.proscons{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:1.4em 0}
.proscons h4{margin:.2em 0 .4em;font-family:var(--sans);font-size:.95rem;text-transform:uppercase;letter-spacing:.05em}
.proscons ul{margin:0;padding-left:20px}
.card-list{list-style:none;margin:1.4em 0;padding:0;display:grid;gap:14px}
.card-list a{display:block;border:1px solid var(--line);border-radius:var(--radius);padding:16px 20px;text-decoration:none}
.card-list a:hover{border-color:var(--accent)}
.card-list strong{font-family:var(--serif);font-size:1.15rem;color:var(--ink);display:block}
.card-list span{color:var(--muted);font-size:.93rem}
.btn{display:inline-block;background:var(--accent);color:#fff;font-weight:700;padding:10px 22px;border-radius:8px;text-decoration:none}
.btn:hover{background:var(--accent-ink);color:#fff}
.btn-ghost{display:inline-block;border:1.5px solid #9aa1a9;color:#fff;font-weight:600;padding:9px 20px;border-radius:8px;text-decoration:none}
.btn-ghost:hover{border-color:#fff;color:#fff}
.disclosure-note{background:var(--wash);border:1px solid var(--line);border-radius:8px;padding:10px 16px;font-size:.88rem;color:var(--body)}
.site-footer{border-top:1px solid var(--line);padding:26px 0 40px;font-size:.9rem;color:var(--muted)}
.site-footer nav{display:flex;flex-wrap:wrap;gap:6px 20px;margin-bottom:12px}
.site-footer a{color:var(--muted)}
@media(max-width:640px){.scoreboard,.proscons{grid-template-columns:1fr}.scoreboard>div+div{border-left:none;border-top:1px solid var(--line}}h1{font-size:1.7rem}.site-nav{gap:12px;font-size:.88rem}}