:root{--blue:#0679bd;--blue-dark:#045c91;--cyan:#00a7c7;--ink:#152936;--muted:#5d6c76;--line:#dce3e7;--paper:#fff;--ground:#f1f3f4;--cream:#f8f6ef;--shell:1060px;--shadow:0 12px 35px rgba(24,51,68,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ground);color:var(--ink);font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.65}img{max-width:100%;height:auto;display:block}a{color:var(--blue);text-decoration:none}a:hover{color:var(--blue-dark)}button,input{font:inherit}.shell{width:min(var(--shell),calc(100% - 32px));margin:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:16px;top:-100px;background:#fff;padding:10px 14px;z-index:1000}.skip-link:focus{top:10px}.utility-strip{background:#e6ebee;border-top:4px solid var(--cyan);color:#536671;font-size:12px;letter-spacing:.03em}.utility-strip .shell{height:30px;display:flex;justify-content:space-between;align-items:center}.utility-strip a{font-weight:700}.site-header{background:var(--ground)}.brand-row{height:138px;display:flex;align-items:center;justify-content:space-between}.brand img{width:410px}.header-tools{width:300px;text-align:right}.header-tools p{margin:0 0 12px;color:#70818b;font-size:13px;text-transform:uppercase;letter-spacing:.12em}.search{display:flex;border:1px solid #cdd7dd;background:#fff;height:42px}.search input{width:100%;border:0;padding:0 12px;outline:0}.search button{border:0;background:#fff;color:var(--blue);font-size:25px;width:46px;cursor:pointer}.primary-nav{background:var(--blue);box-shadow:0 2px 0 rgba(0,0,0,.08)}.nav-list{display:flex;list-style:none;margin:0;padding:0;height:46px;align-items:stretch}.nav-list>li{position:relative}.nav-list>li>a,.nav-list>li>button{height:46px;display:flex;align-items:center;padding:0 19px;border:0;background:transparent;color:white;text-transform:uppercase;font-size:13px;font-weight:700;letter-spacing:.02em;cursor:pointer}.nav-list>li>a:hover,.nav-list>li>button:hover,.nav-list>li:focus-within>button{background:var(--blue-dark);color:#fff}.mega-menu{position:absolute;top:46px;left:0;z-index:50;width:440px;background:#fff;box-shadow:var(--shadow);border-top:4px solid var(--cyan);display:none;padding:22px;grid-template-columns:1fr 1fr;gap:24px}.has-menu:hover .mega-menu,.has-menu:focus-within .mega-menu{display:grid}.mega-menu strong{display:block;text-transform:uppercase;font-size:12px;color:var(--muted);letter-spacing:.12em;margin-bottom:8px}.mega-menu a{display:block;padding:6px 0;color:var(--ink);border-bottom:1px solid #edf0f2}.menu-toggle{display:none}.editorial-space{height:215px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#7a8991;gap:11px}.editorial-space p{margin:0;font-family:Newsreader,Georgia,serif;font-style:italic}.signal{display:flex;height:34px;gap:6px;align-items:center}.signal span{display:block;width:4px;background:#99aeb9;border-radius:4px}.signal span:nth-child(1),.signal span:nth-child(7){height:9px}.signal span:nth-child(2),.signal span:nth-child(6){height:18px}.signal span:nth-child(3),.signal span:nth-child(5){height:28px}.signal span:nth-child(4){height:34px;background:var(--cyan)}
.content-shell{width:min(var(--shell),calc(100% - 32px));margin:0 auto 50px;display:grid;grid-template-columns:minmax(0,740px) 300px;gap:20px;align-items:start}.content-shell>div{min-width:0}.main-panel{background:#fff;padding:30px}.section-bar{background:var(--blue);color:#fff;min-height:56px;padding:15px 22px;margin:0 0 28px;display:flex;align-items:center;justify-content:space-between;text-transform:uppercase;font-size:16px;letter-spacing:.04em}.section-bar small{font-size:11px;color:#bfeafa}.eyebrow,.category-label{display:inline-block;color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.hero-guides{background:#fff;padding:30px;margin-bottom:20px;min-width:0;overflow:hidden}.guide-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:100%}.guide-card{min-width:0}.guide-card img{width:100%;aspect-ratio:4/5;object-fit:cover}.guide-card h2{font-family:Newsreader,Georgia,serif;font-size:19px;line-height:1.15;margin:12px 0 4px}.guide-card p{font-size:12px;color:var(--muted);margin:0}.article-card{display:grid;grid-template-columns:240px 1fr;gap:25px;padding:0 0 28px;margin:0 0 28px;border-bottom:1px solid var(--line)}.card-image{display:block;overflow:hidden;background:#d8e1e6}.card-image img{width:100%;height:170px;object-fit:cover;transition:transform .35s}.article-card:hover .card-image img{transform:scale(1.025)}.article-card h2{font-family:Newsreader,Georgia,serif;font-size:26px;line-height:1.1;margin:6px 0 9px}.article-card h2 a{color:var(--ink)}.article-card h2 a:hover{color:var(--blue)}.article-card p{margin:12px 0;color:#485b67;line-height:1.55;font-size:14px}.meta{display:flex;gap:8px;color:#7d8990;font-size:12px}.read-link{font-weight:700;font-size:13px}.read-link span{transition:transform .2s;display:inline-block}.read-link:hover span{transform:translateX(3px)}.featured-categories{background:#fff;padding:30px;margin-top:20px}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.category-tile{border:1px solid var(--line);padding:20px;min-height:160px;position:relative;overflow:hidden}.category-tile:after{content:'♪';position:absolute;right:8px;bottom:-35px;font-size:120px;color:#edf6fa;z-index:0}.category-tile>*{position:relative;z-index:1}.category-tile h3{font-family:Newsreader,Georgia,serif;font-size:24px;margin:8px 0}.category-tile p{font-size:13px;color:var(--muted)}.sidebar{display:grid;gap:20px}.side-widget{background:#fff}.side-widget>h2{margin:0;background:var(--blue);color:#fff;padding:14px 18px;text-transform:uppercase;font-size:15px;letter-spacing:.05em}.side-body{padding:24px}.side-body h3{font-family:Newsreader,Georgia,serif;font-size:25px;line-height:1.15;margin:10px 0 20px}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--blue);color:#fff!important;padding:11px 16px;font-weight:700;font-size:13px;border:0;cursor:pointer}.button:hover{background:var(--blue-dark)}.ranked{list-style:none;margin:0;padding:10px 20px}.ranked li{display:grid;grid-template-columns:36px 1fr;gap:10px;padding:15px 0;border-bottom:1px solid var(--line)}.ranked li:last-child{border:0}.ranked span{color:#a5b6bf;font-family:Newsreader,serif;font-size:22px}.ranked a{color:var(--ink);font-weight:700;line-height:1.35;font-size:13px}.checklist ul{list-style:none;margin:0;padding:18px 20px}.checklist li{font-size:13px;padding:8px 0 8px 23px;position:relative;border-bottom:1px solid #edf0f1}.checklist li:before{content:'✓';position:absolute;left:0;color:var(--cyan);font-weight:800}.archive-head{background:#fff;padding:34px 36px;margin-bottom:20px;border-top:5px solid var(--cyan)}.archive-head h1{font-family:Newsreader,Georgia,serif;font-size:44px;line-height:1.05;margin:0 0 10px}.archive-head p{max-width:690px;color:var(--muted);margin:0}.filter-note{display:none;background:#eff8fb;padding:12px 16px;margin-bottom:22px;font-size:13px}.filter-note.show{display:block}.no-results{display:none;padding:30px;text-align:center}.no-results.show{display:block}
.article-page{background:#fff;padding:38px}.article-page h1{font-family:Newsreader,Georgia,serif;font-size:43px;line-height:1.04;margin:8px 0 14px}.article-page .lede{font-family:Newsreader,Georgia,serif;font-size:23px;color:#435661;line-height:1.4}.article-hero{margin:27px -38px 8px}.article-hero img{width:100%;aspect-ratio:16/9;object-fit:cover}.photo-credit{font-size:11px;color:#7b8991;text-align:right;margin:5px 0 24px}.disclosure-box{background:#eff8fb;border-left:5px solid var(--cyan);padding:15px 18px;font-size:13px;margin:22px 0}.quick-verdict{background:var(--cream);border:1px solid #e7e0cb;padding:25px;margin:28px 0}.quick-verdict h2{margin-top:0}.article-page h2{font-family:Newsreader,Georgia,serif;font-size:30px;line-height:1.15;margin:38px 0 12px}.article-page h3{font-size:18px;margin:25px 0 8px}.article-page p{margin:0 0 17px}.article-page ul{padding-left:22px}.pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:22px 0}.pros-cons>div{border:1px solid var(--line);padding:18px}.pros-cons h3{margin:0 0 10px}.comparison{width:100%;border-collapse:collapse;margin:20px 0;font-size:14px}.comparison th{background:var(--blue);color:#fff;text-align:left}.comparison th,.comparison td{border:1px solid var(--line);padding:12px}.comparison tr:nth-child(even) td{background:#f7f9fa}.retailer-box{border:1px solid var(--line);box-shadow:var(--shadow);padding:23px;margin:25px 0}.retailer-box header{display:flex;justify-content:space-between;gap:15px;align-items:center}.retailer-box h2{margin:0}.retailer-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.retailer-links a{background:var(--blue);color:#fff;padding:10px 14px;font-weight:700;font-size:13px}.retailer-links a:hover{background:var(--blue-dark)}.source-list{font-size:13px;word-break:break-word}.method-note{background:#f6f8f9;padding:18px;font-size:13px;color:#50616b}.author-box{display:grid;grid-template-columns:70px 1fr;gap:18px;border-top:4px solid var(--blue);padding-top:20px;margin-top:35px}.author-mark{width:70px;height:70px;border-radius:50%;background:var(--blue);display:grid;place-items:center;color:#fff;font-size:27px;font-weight:800}.author-box h2{font-family:Inter,sans-serif;font-size:15px;text-transform:uppercase;margin:0 0 4px}.author-box p{font-size:13px;margin:0}.faq details{border-top:1px solid var(--line);padding:14px 0}.faq summary{font-weight:700;cursor:pointer}.faq details p{font-size:14px;margin:10px 0}.breadcrumb{font-size:12px;color:#77858d;margin-bottom:15px}.legal-page{background:#fff;padding:48px;width:min(860px,calc(100% - 32px));margin:0 auto 50px}.legal-page h1{font-family:Newsreader,Georgia,serif;font-size:46px;line-height:1.05;margin-top:0}.legal-page h2{font-family:Newsreader,Georgia,serif;font-size:28px;margin-top:34px}.legal-page p,.legal-page li{color:#435661}.contact-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin:28px 0}.contact-card{border:1px solid var(--line);padding:22px}.contact-card h2{margin:0 0 6px;font-family:Inter,sans-serif;font-size:17px}.partner-strip{background:#fff;border-top:1px solid var(--line);padding:28px 0}.partner-strip .shell{display:flex;gap:30px;align-items:center}.partner-strip span{font-size:12px;font-weight:800;text-transform:uppercase;color:var(--muted);white-space:nowrap}.partner-strip div div{display:flex;gap:20px;flex-wrap:wrap}.partner-strip a{font-size:13px;color:var(--ink);font-weight:700}.site-footer{background:#102b3f;color:#d8e6ee;padding:48px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}.footer-grid img{width:290px}.footer-grid p{color:#9fb3bf}.footer-grid h2{font-size:13px;text-transform:uppercase;letter-spacing:.12em;color:#62d8e8;margin:0 0 12px}.footer-grid a{display:block;color:#d8e6ee;margin:7px 0;font-size:13px}.copyright{border-top:1px solid rgba(255,255,255,.15);margin-top:35px;padding-top:18px;display:flex;justify-content:space-between;color:#90a7b4;font-size:11px}.cookie-banner{position:fixed;z-index:100;bottom:18px;left:50%;transform:translateX(-50%);width:min(860px,calc(100% - 24px));background:#102b3f;color:#fff;padding:17px 20px;box-shadow:0 20px 50px rgba(0,0,0,.25);display:flex;gap:20px;align-items:center}.cookie-banner[hidden]{display:none}.cookie-banner p{margin:0;font-size:12px;line-height:1.45}.cookie-banner>div{display:flex;gap:8px;align-items:center;white-space:nowrap}.cookie-banner button{background:#fff;border:0;padding:8px 11px;font-size:12px;font-weight:700;cursor:pointer}.cookie-banner .primary{background:var(--cyan);color:#082f3e}.cookie-banner a{color:#fff;text-decoration:underline;font-size:12px}
@media(max-width:900px){.utility-strip{display:none}.brand-row{height:138px;justify-content:center}.brand img{width:min(410px,90vw)}.header-tools{display:none}.nav-shell{width:100%}.menu-toggle{display:flex;width:100%;height:44px;border:0;background:var(--blue);color:#fff;justify-content:center;align-items:center;gap:9px;font-weight:700}.nav-list{display:none;height:auto;position:absolute;z-index:60;width:100%;left:0;background:var(--blue-dark);padding:10px 16px}.nav-list.open{display:block}.nav-list>li>a,.nav-list>li>button{width:100%;padding:0 10px}.mega-menu{position:static;width:100%;box-shadow:none;background:#084e78;border:0}.mega-menu a{color:#fff;border-color:rgba(255,255,255,.14)}.mega-menu strong{color:#8fe7ef}.editorial-space{height:150px}.content-shell{grid-template-columns:1fr}.sidebar{grid-template-columns:repeat(3,1fr)}.article-page{padding:32px}.article-hero{margin-left:-32px;margin-right:-32px}.guide-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.guide-card{flex:0 0 42%;scroll-snap-align:start}.partner-strip .shell{align-items:flex-start}.footer-grid{grid-template-columns:1.5fr 1fr 1fr}}
@media(max-width:620px){body{font-size:15px}.shell,.content-shell{width:min(100% - 20px,var(--shell))}.brand-row{height:130px}.editorial-space{height:100px}.main-panel,.hero-guides,.featured-categories{padding:16px}.section-bar{min-height:52px;padding:13px 15px}.guide-card{flex-basis:82%}.article-card{grid-template-columns:1fr;gap:15px}.card-image img{height:auto;aspect-ratio:16/10}.article-card h2{font-size:25px}.category-grid{grid-template-columns:1fr}.sidebar{grid-template-columns:1fr}.archive-head{padding:27px 23px}.archive-head h1{font-size:38px}.article-page{padding:22px}.article-page h1{font-size:36px}.article-page .lede{font-size:20px}.article-hero{margin-left:-22px;margin-right:-22px}.pros-cons{grid-template-columns:1fr}.comparison{display:block;overflow-x:auto}.retailer-box header{display:block}.contact-cards{grid-template-columns:1fr}.partner-strip .shell{display:block}.partner-strip div div{margin-top:12px}.footer-grid{grid-template-columns:1fr}.copyright{display:block}.cookie-banner{display:block}.cookie-banner>div{margin-top:12px;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}