@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600&family=Inter:wght@400;500;600&display=swap');
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--navy:#0f1f3d;--amber:#f2a93b;--amber-dark:#c47f12;--bg:#f7f8fa;--surface:#fff;--text:#172033;--muted:#5b6678;--border:#e3e7ee;--yes:#1f7a4d;--yes-bg:#e6f4ec;--no:#b3261e;--no-bg:#fbe9e7;--warn-bg:#fff4e0;--radius:10px;--sans:'Inter',system-ui,sans-serif;--head:'Space Grotesk',var(--sans)}
html{scroll-behavior:smooth}
body{font-family:var(--sans);background:var(--bg);color:var(--text);font-size:16px;line-height:1.65}
a{color:#174ea6}
.container{max-width:1120px;margin:0 auto;padding:0 20px}
h1,h2,h3{font-family:var(--head);line-height:1.2}
h2{font-size:24px;margin:36px 0 12px}
h3{font-size:18px;margin:20px 0 8px}
.muted{color:var(--muted)}.small{font-size:13px}.note{color:var(--muted);font-size:13px}.np{color:var(--muted);font-style:italic}
.site-header{background:var(--navy);color:#fff;position:sticky;top:0;z-index:50}
.header-inner{height:60px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.logo{font-family:var(--head);font-weight:600;font-size:20px;color:#fff;text-decoration:none;white-space:nowrap}.logo-mark{color:var(--amber);margin-right:4px}
.site-header nav{display:flex;gap:18px;flex-wrap:wrap;justify-content:flex-end}
.site-header nav a{color:#d6dce8;text-decoration:none;font-size:14px}.site-header nav a:hover,.site-header nav a[aria-current]{color:var(--amber)}
.breadcrumbs{font-size:13px;padding:10px 0;color:var(--muted)}.breadcrumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px}.breadcrumbs li+li::before{content:"›";margin-right:6px;color:#aab}
.breadcrumbs a{color:var(--muted);text-decoration:none}
.hero{background:var(--navy);color:#fff;padding:56px 0 40px}.hero h1{font-size:40px;max-width:760px;margin-bottom:12px}.hero p{color:#c9d2e3;max-width:680px;font-size:18px}
.page{padding:28px 20px 56px}.page-head{margin-bottom:20px}.page-head h1{font-size:34px;margin:4px 0 10px}.kicker{text-transform:uppercase;letter-spacing:.06em;font-size:12px;color:var(--amber-dark);font-weight:600}
.lede{font-size:18px;color:var(--muted);max-width:760px}.variant{background:var(--warn-bg);border-left:4px solid var(--amber);padding:10px 14px;border-radius:6px;margin:12px 0;font-size:15px}
.prose{max-width:760px}.prose p,.prose ul,.prose ol{margin:0 0 16px}.prose ul,.prose ol{padding-left:22px}.prose h2{margin-top:32px}.prose table{margin-bottom:16px}
.alert{border-radius:8px;padding:12px 16px;margin:16px 0;font-size:15px;border:1px solid var(--border)}
.alert-co{background:var(--warn-bg);border-color:#f1d49b}.alert-recall{background:var(--no-bg);border-color:#efb7b2}.alert-medical{background:#eef3fb;border-color:#c6d4ee}.alert-warn{background:var(--warn-bg)}
.model-top{display:grid;grid-template-columns:1fr 320px;gap:24px;margin:20px 0}
.keyfacts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.keyfacts div{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px}.keyfacts span{display:block;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.keyfacts strong{font-size:22px;font-family:var(--head)}
.keyfacts strong.yes{color:var(--yes)}.keyfacts strong.no{color:var(--no)}
.buy{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.price{margin-bottom:12px}.price strong{font-size:24px;font-family:var(--head)}
.btn-amazon{display:inline-block;background:var(--amber);color:#1a1a1a;font-weight:600;text-decoration:none;padding:12px 18px;border-radius:8px;border:1px solid var(--amber-dark)}.btn-amazon:hover{background:#ffbd55}
.cta{margin:16px 0}.cta-pair{display:flex;gap:16px;flex-wrap:wrap}
table{border-collapse:collapse;width:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;font-size:15px}
.spec-table th,.spec-table td{padding:9px 12px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}
.spec-table th[scope=row]{width:34%;color:var(--muted);font-weight:500;background:#fafbfd}.spec-table thead th{background:#eef1f6;font-weight:600}
.spec-table.cmp td{width:33%}.spec-table.list td,.spec-table.list th{white-space:nowrap}.spec-table.list td:first-child{white-space:normal}
tr.nofit td{color:var(--muted)}td.yes{color:var(--yes);font-weight:600}td.no{color:var(--no);font-weight:600}
a.src{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);text-decoration:none;border-bottom:1px dotted #aab;margin-left:4px}a.src:hover{color:#174ea6}
.badge{display:inline-block;font-size:12px;padding:2px 8px;border-radius:6px;font-weight:600}.badge-yes{background:var(--yes-bg);color:var(--yes)}.badge-no{background:var(--no-bg);color:var(--no)}.badge-unknown{background:#eef1f6;color:var(--muted)}
.verdict{font-size:18px;background:var(--surface);border:1px solid var(--border);border-left:6px solid var(--yes);border-radius:8px;padding:14px 18px;margin:12px 0}.verdict.no{border-left-color:var(--no)}.verdict.unknown{border-left-color:var(--amber)}
.faq-section{margin-top:36px;max-width:760px}.faq-item{background:var(--surface);border:1px solid var(--border);border-radius:8px;margin-bottom:8px;padding:0 16px}.faq-item summary{cursor:pointer;padding:12px 0;font-weight:500}.faq-answer{padding:0 0 14px;color:#2c3545}
.sources{margin-top:36px;font-size:14px}.sources ol{padding-left:22px}.related ul,.link-list{padding-left:22px}
.card-list{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.card-list a{display:block;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;text-decoration:none;color:var(--text)}.card-list a:hover{border-color:var(--amber)}.card-list span{display:block;color:var(--muted);font-size:14px;margin-top:4px}
.calc{padding:28px 20px 40px}.calc-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:28px}
.picker{display:grid;gap:8px}.picker h3{font-size:14px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:14px 0 4px}
.picker label.item{display:grid;grid-template-columns:auto 1fr auto auto;gap:10px;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:8px 12px;font-size:15px}
.picker label.item input[type=number]{width:62px;padding:4px 6px;border:1px solid var(--border);border-radius:6px;font:inherit}.picker .w{color:var(--muted);font-size:13px}.picker small{display:block;color:var(--muted);font-size:12px}
.summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.summary div{background:var(--navy);color:#fff;border-radius:var(--radius);padding:12px}.summary span{display:block;font-size:12px;color:#aab6cc;text-transform:uppercase}.summary strong{font-size:22px;font-family:var(--head)}
.controls{display:flex;gap:18px;flex-wrap:wrap;margin:14px 0;font-size:14px}.controls select{padding:4px 6px;border:1px solid var(--border);border-radius:6px;font:inherit}
.results .empty{color:var(--muted);padding:12px 0}
.results table td .btn-amazon{padding:6px 10px;font-size:13px}
.home-links{padding:20px 20px 60px}.three{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.three div{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.three h3{margin-top:0}.three a{text-decoration:none;color:var(--text)}
.site-footer{border-top:1px solid var(--border);padding:28px 0 40px;font-size:13px;color:var(--muted);background:var(--surface)}.footer-note{margin-top:8px;max-width:760px}
@media (max-width:820px){.picker label.item{grid-template-columns:auto 1fr;grid-template-areas:"cb name" "cb ctl";row-gap:6px}.picker label.item .on{grid-area:cb}.picker label.item > span:nth-of-type(1){grid-area:name}.picker label.item .w{grid-area:ctl}.picker label.item .w+.w{grid-area:ctl;justify-self:end}.model-top,.calc-grid{grid-template-columns:1fr}.hero h1{font-size:30px}.page-head h1{font-size:28px}.spec-table.list{display:block;overflow-x:auto}.header-inner{height:auto;padding:10px 0;flex-wrap:wrap}.summary{grid-template-columns:1fr 1fr 1fr}}
