:root{--navy:#10243e;--navy2:#183755;--paper:#fffdf8;--cream:#f5f0e7;--mint:#3f7063;--gold:#c88b22;--ink:#172335;--muted:#647080;--line:#dfe3df;--white:#fff;--max:1180px;--shadow:0 18px 50px rgba(16,36,62,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}img{display:block;max-width:100%}a{transition:.18s}.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:16px;background:#fff;padding:10px;z-index:999}
.notice{background:var(--navy);color:#dce5ec;text-align:center;padding:7px 20px;font-size:12px}.notice a{color:#fff}
header{height:78px;max-width:var(--max);margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--paper)}
.brand{display:flex;gap:10px;align-items:center;text-decoration:none;color:var(--navy);font-size:21px;letter-spacing:.09em;font-weight:800;white-space:nowrap}.brand svg{width:37px;height:37px;flex:none}.brand svg path:first-child{fill:var(--navy)}.brand svg path:last-child{fill:none;stroke:var(--gold);stroke-width:3;stroke-linecap:round}.brand b{color:var(--gold)}.brand small{display:block;font-size:8px;color:#73808b;letter-spacing:.12em;margin-top:-5px}.menu{display:none}nav{display:flex;gap:19px;align-items:center;white-space:nowrap}nav a{color:var(--ink);text-decoration:none;font-size:12px;font-weight:700}nav a:hover{color:var(--gold)}
.hero{position:relative;min-height:540px;display:flex;align-items:center;overflow:hidden;background:var(--cream)}.hero-image{position:absolute;inset:0;background:url('/assets/elite-edit.jpg') 68% center/cover}.hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--cream) 0%,rgba(245,240,231,.98) 40%,rgba(245,240,231,.25) 72%)}.hero-copy{position:relative;width:var(--max);margin:auto;padding:70px 24px}.hero-copy>*{max-width:620px}.eyebrow,.kicker{color:#936514;text-transform:uppercase;letter-spacing:.17em;font-size:11px;font-weight:800;margin:0 0 10px}.hero h1,.page-hero h1,.product-hero h1,.article-hero h1{font-size:58px;line-height:1.04;letter-spacing:-.045em;margin:0 0 20px}.hero h1 em{font-family:'Playfair Display',serif;color:var(--mint);font-weight:600}.hero-copy>p:not(.eyebrow){font-size:19px;color:#4f5d69;max-width:560px;margin-bottom:28px}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--navy);color:#fff!important;text-decoration:none;padding:12px 17px;border-radius:4px;font-size:13px;font-weight:800;border:0;box-shadow:0 6px 16px rgba(16,36,62,.15)}.button:hover{background:var(--navy2);transform:translateY(-1px)}
.trust-row{display:grid;grid-template-columns:repeat(3,1fr);background:var(--navy);color:#fff;padding:0 max(24px,calc((100% - var(--max))/2))}.trust-row span{text-align:center;padding:15px;border-right:1px solid #38506b;text-transform:uppercase;font-size:11px;letter-spacing:.13em}.trust-row span:last-child{border:0}
.section{max-width:var(--max);margin:auto;padding:72px 24px}.section.compact{padding-top:48px;padding-bottom:60px}.tinted{max-width:none;background:#f1f4f0;padding-left:max(24px,calc((100% - var(--max))/2));padding-right:max(24px,calc((100% - var(--max))/2))}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}.section-head h2,.method h2{font-size:38px;line-height:1.18;letter-spacing:-.035em;margin:0}.section-head>p{max-width:470px;color:var(--muted);margin:0}.section-head>a{color:var(--navy);font-weight:800}
.category-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.category-grid>a{grid-column:span 2;min-height:250px;padding:24px;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:8px;color:var(--ink);text-decoration:none;background:linear-gradient(145deg,#fff 62%,color-mix(in srgb,var(--accent) 12%,white));box-shadow:0 5px 20px rgba(16,36,62,.04)}.category-grid>a:nth-child(4){grid-column:2/span 2}.category-grid>a:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:color-mix(in srgb,var(--accent) 40%,white)}.category-grid span{font-size:11px;color:#8d979f}.category-grid i{font-style:normal;font-size:36px;color:var(--accent);margin:24px 0 12px}.category-grid h3{font-size:21px;margin:auto 0 5px}.category-grid p{font-size:13px;color:var(--muted);margin:0 0 14px}.category-grid b{font-size:12px;color:var(--accent)}
.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.product-card{background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 5px 18px rgba(16,36,62,.04)}.product-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.product-img{height:230px;position:relative;display:block;overflow:hidden;background:#e9ece8}.product-img img{width:100%;height:100%;object-fit:cover;transition:.3s}.product-card:hover .product-img img{transform:scale(1.025)}.product-img span{position:absolute;left:12px;top:12px;background:var(--navy);color:#fff;padding:6px 9px;border-radius:3px;font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:800}.product-copy{padding:20px;display:flex;flex-direction:column;flex:1}.product-copy h3{margin:0;font-size:21px;line-height:1.25}.product-copy h3 a{color:var(--ink);text-decoration:none}.product-copy>p:not(.kicker){color:var(--muted);font-size:14px}.score{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:auto;padding-top:12px;color:var(--muted);font-size:12px}.score b{font-size:25px;color:var(--navy)}.actions{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-top:13px}.actions>a:not(.button){font-size:12px;color:var(--navy);font-weight:800}.actions .button{padding:9px 11px}
.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.article-card{border-radius:8px;overflow:hidden;background:#fff}.article-card>a{display:block;color:var(--ink);text-decoration:none}.article-art{height:190px;position:relative;overflow:hidden;background:#dbe5df}.article-art img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.article-card:hover .article-art img{transform:scale(1.035)}.article-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(16,36,62,.03) 15%,rgba(16,36,62,.9) 100%)}.thumb-title{position:absolute;left:16px;right:58px;bottom:14px;z-index:2;color:#fff;text-shadow:0 2px 5px rgba(0,0,0,.55)}.thumb-title small{display:block;margin-bottom:3px;color:#f0c66f;font-size:9px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.thumb-title strong{display:block;font-size:16px;line-height:1.22;font-weight:800}.article-art span{position:absolute;right:12px;bottom:12px;z-index:2;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#52776a;font-size:18px;box-shadow:0 4px 12px #10243e55}.article-art.tech-audio{background:#dce7ed}.article-art.home-kitchen{background:#eadfce}.article-art.fitness-wellness{background:#e8deea}.article-art.auto-travel{background:#eee3ca}.article-card p,.article-card h3,.article-card b{margin-left:16px;margin-right:16px}.article-card h3{font-size:19px;line-height:1.35;margin-top:7px;margin-bottom:8px}.article-card p:not(.kicker){font-size:13px;color:var(--muted)}.article-card b{display:block;font-size:12px;padding-bottom:18px;color:var(--navy)}
.method{display:grid;grid-template-columns:1fr 1fr;gap:70px}.method>div p{color:var(--muted)}.method ol{list-style:none;margin:0;padding:0}.method li{display:grid;grid-template-columns:56px 1fr;border-top:1px solid var(--line);padding:18px 0}.method li>b{color:var(--gold)}.method li strong{display:block}.method li span{color:var(--muted)}
.page-hero,.article-hero{max-width:var(--max);margin:auto;padding:52px 24px 42px;display:flex;justify-content:space-between;align-items:center;gap:30px;min-height:330px}.page-hero>div{max-width:790px}.page-hero h1,.article-hero h1{font-size:50px}.page-hero>div>p:not(.eyebrow):not(.breadcrumbs),.article-hero>p:not(.eyebrow):not(.breadcrumbs){font-size:18px;color:var(--muted);max-width:740px}.hero-icon{font-size:105px;color:var(--accent,#52776a);opacity:.35}.breadcrumbs{font-size:11px!important;color:#7d8992!important}.breadcrumbs a{color:inherit}.updated,.byline{font-size:11px;color:#7a858e;margin-top:16px}
.toc{border:1px solid var(--line);border-radius:8px;padding:18px 22px;display:grid;grid-template-columns:repeat(3,1fr);gap:7px 20px;margin-bottom:26px;background:#fff}.toc b{grid-column:1/-1}.toc a{font-size:12px;color:#536273}.rank-list{display:grid;gap:18px}.rank-item{display:grid;grid-template-columns:52px 245px 1fr;gap:22px;align-items:center;border:1px solid var(--line);border-radius:9px;padding:16px;background:#fff;box-shadow:0 5px 18px rgba(16,36,62,.04)}.rank-item:hover{box-shadow:var(--shadow);border-color:#cbd4d0}.rank-item img{width:245px;height:178px;object-fit:cover;border-radius:5px}.rank-num{align-self:start;color:var(--gold);font-size:30px;font-weight:800}.rank-item h2{margin:0;font-size:24px}.rank-item h2 a{color:var(--ink);text-decoration:none}.rank-item p:not(.kicker){color:var(--muted);font-size:14px}.rank-item .button{margin-top:6px}
.product-hero{max-width:var(--max);margin:auto;padding:48px 24px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:50px;align-items:center}.product-hero img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:9px;box-shadow:var(--shadow)}.product-hero h1{font-size:47px}.product-hero .lede{font-size:18px;color:var(--muted)}.product-hero small{display:block;margin-top:12px;color:#7c858b}.product-hero .button{font-size:15px;padding:14px 20px}
.article-hero{display:block;max-width:880px;min-height:0;padding-top:55px}.article-hero h1{max-width:820px}.article-body{max-width:790px;margin:auto;padding:8px 24px 80px;font-size:17px}.article-body .lede{font-size:21px;color:#445461}.article-body h2{font-size:31px;line-height:1.25;margin-top:46px}.article-body h3{font-size:22px;margin-top:30px}.article-body a{color:#315f68}.quick{display:grid;grid-template-columns:1fr 1fr;gap:6px 20px;background:var(--navy);color:#fff;padding:22px;border-radius:7px;margin:20px 0 32px}.quick>b{grid-column:1/-1;color:#efbd5b}.quick span{color:#b9c5ce;font-size:12px}.jump{border-left:4px solid var(--gold);background:#f1f4f0;padding:18px 22px;display:flex;flex-direction:column}.callout{background:#f2eee6;border-top:3px solid var(--gold);padding:20px 25px;margin:32px 0}.related-links{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.related-links a{border:1px solid var(--line);border-radius:6px;padding:15px;text-decoration:none;display:flex;flex-direction:column}.related-links span{font-size:10px;text-transform:uppercase}.related-links b{line-height:1.35;margin:6px 0;color:var(--ink)}.mini-products{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mini-products a{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:6px;overflow:hidden;text-decoration:none;color:var(--muted);font-size:12px}.mini-products img{width:100px;height:82px;object-fit:cover}.mini-products span,.mini-products b{display:block}.mini-products b{color:var(--ink);font-size:14px}.article-body aside{border-top:1px solid var(--line);margin-top:50px;display:flex;flex-direction:column}.article-body aside a{padding:10px 0}
footer{background:var(--navy);color:#fff}.foot{max-width:var(--max);margin:auto;padding:52px 24px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}.foot .brand{color:#fff}.foot .brand svg path:first-child{fill:#fff}.foot>div{display:flex;flex-direction:column;gap:7px}.foot>div a{color:#b9c5cd;text-decoration:none;font-size:13px}.disclosure{border-top:1px solid #405269;padding:18px max(24px,calc((100% - var(--max))/2));display:flex;justify-content:space-between;gap:30px;color:#aab8c2;font-size:10px}.disclosure p{max-width:850px;margin:0}.disclosure span{white-space:nowrap}
@media(max-width:1120px){header{height:72px}.menu{display:block;background:#fff;border:1px solid var(--line);border-radius:4px;padding:8px 12px;font-weight:700}nav{display:none;position:absolute;top:105px;left:0;right:0;background:#fff;z-index:50;padding:20px 24px;flex-direction:column;align-items:flex-start;box-shadow:0 14px 30px #10243e22}nav.open{display:flex}.category-grid{grid-template-columns:repeat(2,1fr)}.category-grid>a,.category-grid>a:nth-child(4){grid-column:auto}.product-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.notice{font-size:10px}.brand{font-size:18px}.brand svg{width:33px}.hero{min-height:620px;align-items:end}.hero-image{background-position:72% top;background-size:auto 300px;background-repeat:no-repeat}.hero-image:after{background:linear-gradient(0deg,var(--cream) 0%,var(--cream) 58%,transparent 88%)}.hero-copy{padding:275px 20px 48px}.hero h1,.page-hero h1,.product-hero h1,.article-hero h1{font-size:38px}.hero-copy>p:not(.eyebrow){font-size:16px}.trust-row{grid-template-columns:1fr}.trust-row span{padding:10px;border-right:0;border-bottom:1px solid #38506b}.section{padding:54px 20px}.section-head{display:block}.section-head h2,.method h2{font-size:32px}.category-grid,.product-grid,.article-grid,.method,.product-hero{grid-template-columns:1fr}.category-grid>a{min-height:215px}.product-img{height:auto;aspect-ratio:4/3}.page-hero,.article-hero{padding:40px 20px 30px;min-height:0}.hero-icon{display:none}.toc{grid-template-columns:1fr}.rank-item{grid-template-columns:38px 1fr;gap:12px;padding:12px}.rank-item img{grid-column:2;width:100%;height:auto}.rank-item>div:last-child{grid-column:2}.product-hero{padding:35px 20px;gap:30px}.product-hero>div:first-child{order:2}.related-links,.mini-products,.quick{grid-template-columns:1fr}.quick>b{grid-column:auto}.article-body{padding-left:20px;padding-right:20px}.foot{grid-template-columns:1fr 1fr}.foot>.brand{grid-column:1/-1}.disclosure{flex-direction:column}.disclosure span{white-space:normal}}
@media(max-width:420px){.actions{align-items:stretch;flex-direction:column}.actions .button{width:100%}.foot{grid-template-columns:1fr}.hero h1,.page-hero h1,.product-hero h1,.article-hero h1{font-size:34px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Ten-category navigation */
.menu{display:block;background:#fff;border:1px solid var(--line);border-radius:4px;padding:8px 12px;font-weight:800}.menu span:after{content:' 10 categories';font-weight:600}nav{display:none;position:absolute;top:105px;left:50%;transform:translateX(-50%);width:min(1120px,calc(100% - 32px));background:#fff;z-index:50;padding:22px;grid-template-columns:repeat(3,1fr);gap:10px 20px;box-shadow:var(--shadow);border:1px solid var(--line);border-radius:8px;white-space:normal}nav.open{display:grid}nav a{padding:7px 9px;border-radius:4px}nav a:hover{background:var(--cream)}
@media(max-width:760px){.menu span:after{content:''}nav{top:105px;display:none;grid-template-columns:1fr;width:100%;left:0;transform:none;border-radius:0;max-height:calc(100vh - 105px);overflow:auto}nav.open{display:grid}}

/* Global header behavior: identical on every generated page. */
body{overflow-x:hidden}header .menu{display:block!important}header nav{display:none!important;flex-direction:initial}header nav.open{display:grid!important}.article-card .article-art:after{background:linear-gradient(180deg,rgba(16,36,62,.04) 10%,rgba(10,26,44,.94) 100%)!important}.article-card .thumb-title{display:block!important;color:#fff!important}
@media(max-width:760px){header nav.open{display:grid!important}}
.trust-copy h2{scroll-margin-top:30px}.trust-copy code{background:#edf1ef;border-radius:3px;padding:2px 5px}.answer-box{background:#eef3f0;border-left:5px solid var(--mint);padding:20px 24px;margin:10px 0 28px}.answer-box h2{font-size:19px;margin:0 0 8px}.answer-box p{margin:0}.checklist{display:grid;grid-template-columns:1fr 1fr;gap:9px 24px;padding-left:22px}.content-note{margin-top:42px;padding-top:18px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}.error-page{max-width:720px;margin:12vh auto;padding:40px 24px}.error-page h1{font-size:48px;line-height:1.1}.error-page p{color:var(--muted)}
@media(max-width:760px){.checklist{grid-template-columns:1fr}.answer-box{padding:18px}}
.field-note{border-left:3px solid var(--gold);padding:12px 16px;background:#faf7f0;margin:20px 0}.field-note p{margin:4px 0}.table-wrap{overflow-x:auto;margin:22px 0}.article-body table{width:100%;border-collapse:collapse;font-size:14px}.article-body th,.article-body td{border:1px solid var(--line);padding:11px;text-align:left;vertical-align:top}.article-body thead{background:var(--navy);color:#fff}.article-body tbody th{background:#f4f2ec;min-width:150px}
