:root{--bg:#f7f6f1;--surface:#fff;--ink:#1f2925;--muted:#66706b;--line:#dfe4df;--accent:#146b55;--accent-dark:#0c4f3f;--accent-soft:#e6f2ed;--warm:#f2e9dc;--shadow:0 18px 45px rgba(31,41,37,.08);--radius:22px;--shell:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.67}a{color:var(--accent-dark);text-decoration-thickness:1px;text-underline-offset:3px}a:hover{color:var(--accent)}img{max-width:100%;height:auto}.shell{width:min(calc(100% - 32px),var(--shell));margin-inline:auto}.skip-link{position:absolute;left:-999px;top:12px;background:#fff;padding:10px 14px;z-index:50}.skip-link:focus{left:12px}.site-header{position:sticky;top:0;z-index:20;background:rgba(247,246,241,.94);backdrop-filter:blur(12px);border-bottom:1px solid rgba(223,228,223,.8)}.header-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:10px;font-weight:820;letter-spacing:-.03em;color:var(--ink);text-decoration:none}.brand>span:last-child>span{color:var(--accent)}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:var(--accent);color:#fff;font-size:17px}.main-nav{display:flex;gap:24px}.main-nav a{font-size:.95rem;font-weight:700;color:var(--ink);text-decoration:none}.main-nav a:hover{color:var(--accent)}.main-content{padding:54px 0 90px}.hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.7fr);gap:52px;align-items:center;padding:44px 0 72px}.eyebrow{display:inline-block;color:var(--accent);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;font-weight:850;margin-bottom:12px}.hero h1,.article-header h1,.section h1{font-size:clamp(2.55rem,6vw,5rem);line-height:.98;letter-spacing:-.055em;margin:0 0 24px}.section h1,.article-header h1{font-size:clamp(2.35rem,5vw,4.25rem)}h2{font-size:clamp(1.7rem,3vw,2.55rem);line-height:1.08;letter-spacing:-.04em;margin:0 0 20px}h3{font-size:1.25rem;line-height:1.2;letter-spacing:-.02em;margin:0 0 12px}p{margin:0 0 18px}.lead{font-size:clamp(1.08rem,2vw,1.28rem);line-height:1.6;color:#44504a;max-width:800px}.hero-actions,.product-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.button,.affiliate-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:13px 19px;background:var(--accent);color:#fff;text-decoration:none;font-weight:800;border:1px solid var(--accent)}.button:hover,.affiliate-link:hover{background:var(--accent-dark);color:#fff}.button-secondary{background:transparent;color:var(--ink);border-color:#b8c4be}.button-secondary:hover{background:#fff;color:var(--ink)}.trust-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px;color:var(--muted);font-size:.88rem}.hero-panel{background:var(--ink);color:#fff;border-radius:28px;padding:30px;box-shadow:var(--shadow)}.panel-label{display:block;color:#a7cdbf;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;font-weight:800;margin-bottom:14px}.score-row{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.13)}.score-row strong{color:#a7e0c9}.hero-panel p{color:#c9d1cd;font-size:.9rem;margin:20px 0 0}.section{padding:64px 0;border-top:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;gap:28px;align-items:end;margin-bottom:28px}.section-head h2{margin-bottom:0}.grid{display:grid;gap:20px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.card,.method-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:27px;box-shadow:0 6px 22px rgba(31,41,37,.035)}.card.featured{background:var(--accent-soft)}.card h3 a{color:var(--ink);text-decoration:none}.card h3 a:hover{color:var(--accent)}.card-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:var(--warm);font-weight:850;margin-bottom:30px}.card-kicker{color:var(--accent);font-size:.76rem;letter-spacing:.1em;text-transform:uppercase;font-weight:850;margin-bottom:13px}.text-link{font-weight:800;text-decoration:none}.split{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:center}.metric-stack{display:grid;gap:12px}.metric-stack>div{background:var(--surface);border-radius:18px;padding:20px 22px;display:flex;align-items:baseline;gap:16px;border:1px solid var(--line)}.metric-stack strong{font-size:2rem;color:var(--accent)}.newsletter-free{background:var(--accent-soft);border:0;border-radius:28px;padding:38px;margin-top:64px}.notice,.callout,.source-box{background:var(--warm);border-radius:18px;padding:18px 20px;margin:24px 0}.source-box{background:#f0f3f1}.product-hero{display:grid;grid-template-columns:1.25fr .75fr;gap:42px;align-items:start;padding:26px 0 60px}.product-hero h1{font-size:clamp(2.5rem,6vw,4.8rem);line-height:1;letter-spacing:-.055em;margin:0 0 20px}.factbox{background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:26px}.factbox h2{font-size:1.25rem;letter-spacing:-.02em}.factbox dl,.mini-spec{margin:0}.factbox dl>div,.mini-spec>div{padding:12px 0;border-top:1px solid var(--line)}.factbox dt,.mini-spec dt{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:800}.factbox dd,.mini-spec dd{margin:4px 0 0;font-weight:650}.status{display:inline-flex;padding:5px 9px;border-radius:99px;font-size:.78rem;font-weight:800}.status-pending{background:#fff2d7;color:#7d5500}.ad-label{display:inline-block;margin-left:9px;font-size:.72rem;color:var(--muted);vertical-align:middle}.article{max-width:900px;margin-inline:auto}.article-header{padding:28px 0 46px}.article-meta{color:var(--muted);font-size:.87rem;margin-top:22px}.article .section{padding:46px 0}.article .section p,.article .section li{font-size:1.04rem}.article h3{margin-top:30px}.checklist{list-style:none;padding:0;margin:22px 0}.checklist li{position:relative;padding:10px 0 10px 34px;border-bottom:1px solid var(--line)}.checklist li:before{content:"✓";position:absolute;left:0;color:var(--accent);font-weight:900}.steps{padding-left:1.4rem}.steps li{margin:12px 0}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:18px;background:var(--surface)}table{width:100%;border-collapse:collapse;min-width:650px}th,td{text-align:left;padding:15px 17px;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);background:#f1f4f2}.faq details{background:var(--surface);border:1px solid var(--line);border-radius:16px;margin:10px 0;padding:0 18px}.faq summary{cursor:pointer;font-weight:800;padding:17px 0}.faq details div{padding:0 0 4px}.article-cta{background:var(--accent-soft);border:0!important;border-radius:24px;padding:30px!important;margin-top:30px}.empty-state{text-align:center;min-height:55vh;display:grid;place-items:center;align-content:center}.legal h2{font-size:1.45rem;margin-top:32px}.site-footer{background:#18211e;color:#dae2de;padding:60px 0 24px}.footer-grid{display:grid;grid-template-columns:1.5fr .7fr .7fr;gap:50px}.footer-grid h2{font-size:.82rem;text-transform:uppercase;letter-spacing:.1em;color:#9cb2a9}.footer-grid>div>a:not(.brand){display:block;color:#dae2de;text-decoration:none;margin:8px 0}.footer-brand{color:#fff;margin-bottom:14px}.footer-brand:hover{color:#fff}.affiliate-disclosure{border-top:1px solid rgba(255,255,255,.12);margin-top:38px;padding-top:22px;font-size:.88rem;color:#b9c5c0}.footer-bottom{padding-top:20px;font-size:.82rem;color:#91a19b}.product-card .mini-spec{margin:20px 0}.method-card p{margin:8px 0 0;color:var(--muted)}
@media(max-width:860px){.main-nav{gap:14px}.hero,.product-hero,.split{grid-template-columns:1fr}.hero{gap:28px}.grid-3{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.section-head{align-items:start;flex-direction:column}.newsletter-free{margin-top:30px}.hero h1{font-size:clamp(2.7rem,12vw,4.4rem)}}
@media(max-width:620px){.shell{width:min(calc(100% - 22px),var(--shell))}.header-inner{min-height:68px}.brand>span:last-child{font-size:.9rem}.main-nav a:nth-child(2){display:none}.main-nav{gap:11px}.main-nav a{font-size:.84rem}.main-content{padding-top:28px}.hero{padding-top:18px}.grid-2{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.card,.factbox{padding:22px}.section{padding:46px 0}.hero-panel{padding:24px}.product-hero{padding-bottom:34px}.article .section{padding:38px 0}.trust-row{display:grid;gap:6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.status-progress{background:#e5f0fa;color:#245b85}.status-approved{background:#e2f3eb;color:#0f6448}.approved-test{position:relative}.test-score{display:inline-flex;align-items:baseline;gap:9px;background:var(--accent-soft);border-radius:18px;padding:14px 18px;margin:0 0 24px}.test-score strong{font-size:2.3rem;line-height:1;color:var(--accent-dark)}.test-score span{color:var(--muted);font-weight:700}
.intent-card{display:flex;flex-direction:column;gap:8px;text-decoration:none;color:var(--ink);min-height:175px}.intent-card:hover{transform:translateY(-2px);border-color:#b8c8c0;color:var(--ink)}.intent-card span{font-size:.76rem;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);font-weight:850}.intent-card strong{font-size:1.18rem;line-height:1.25}.intent-card small{margin-top:auto;color:var(--muted);font-size:.88rem}.brand-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.brand-links a{display:flex;justify-content:space-between;gap:12px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:17px 18px;text-decoration:none;color:var(--ink)}.brand-links a:hover{border-color:#b8c8c0}.brand-links span{font-size:.78rem;color:var(--muted)}.collection-products{max-width:1180px;margin-inline:auto}.collection-products+.article-cta{max-width:900px;margin-inline:auto}.article+.collection-products{margin-top:20px}.brand-strip{padding-top:50px}
@media(max-width:960px){.brand-links{grid-template-columns:repeat(2,minmax(0,1fr))}.main-nav{gap:16px}}
@media(max-width:700px){.main-nav a:nth-child(3){display:none}.brand-links{grid-template-columns:1fr}}
.lab-score-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:8px 0 34px}.lab-score-grid>div{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:17px;display:grid;gap:5px}.lab-score-grid span{font-size:.78rem;color:var(--muted);font-weight:750}.lab-score-grid strong{font-size:1.7rem;color:var(--accent-dark)}.lab-score-grid small{font-size:.72rem;color:var(--muted)}.lab-conditions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 32px}.lab-conditions>div{background:#f1f4f2;border-radius:14px;padding:15px}.lab-conditions span{display:block;font-size:.74rem;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);font-weight:800;margin-bottom:5px}.lab-conditions strong{font-size:.95rem}.lab-metrics{margin-bottom:30px}.lab-verdict{background:var(--accent-soft);border-radius:20px;padding:24px;margin-top:26px}.method-note{font-size:.88rem;color:var(--muted);margin-top:24px}.ranking-intro{padding-top:20px}.ranking-table table{min-width:900px}.ranking-table td:first-child strong{font-size:1.25rem;color:var(--accent)}.muted-public{font-size:.82rem;color:var(--muted)}.special-rankings .card strong{font-size:1.25rem;color:var(--accent-dark)}.empty-ranking{min-height:34vh}.empty-ranking p{max-width:720px}.empty-ranking .button{margin-top:8px}@media(max-width:980px){.lab-score-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lab-conditions{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.lab-score-grid,.lab-conditions{grid-template-columns:1fr}}
.source-note{font-size:.9rem;color:var(--muted);border-left:3px solid var(--accent);padding-left:14px}.comparison-overview .table-wrap{box-shadow:var(--shadow)}.comparison-overview table{min-width:1050px}.comparison-overview td:first-child{min-width:220px}.comparison-overview td:nth-child(3),.comparison-overview td:nth-child(4),.comparison-overview td:nth-child(5){min-width:190px}.purchase-section{background:var(--warm);border-radius:24px;padding:30px}.editorial-home .card{min-height:210px}.article-meta a{font-weight:700}
