/* 2.5 — neutral surfaces, focused accents, one semantic palette. */
:root{--action:#4255d4;--action-hover:#3343ad;--accent:#7452bf;--accent-soft:#efedff;--cyan:#087b91;--surface:#fff;--surface-soft:#f3f5fa;--ink:#202b43;--text-secondary:#556177;--line:#dce1eb;--page:#f7f8fc;--halo:#eaf0ff;--halo-two:#f2ecfd}
body{--blue:var(--action);--navy:var(--ink);--muted:var(--text-secondary);--border:var(--line);--light:var(--accent-soft);--paper:var(--page);color:var(--ink);background:var(--page)}
body.dnm-style-ocean{--action:#136978;--action-hover:#0d5260;--accent:#3262ad;--accent-soft:#e8f4f5;--cyan:#0d7176;--halo:#e5f2f6;--halo-two:#edf1fc}
body.dnm-style-graphite{--action:#42536e;--action-hover:#303e54;--accent:#536887;--accent-soft:#ecf0f5;--cyan:#45647c;--halo:#e9edf4;--halo-two:#f1f2f6}
.site-header{border-top:0;border-bottom:1px solid var(--line);background:#ffffffed;box-shadow:0 2px 12px #202b4305}.header-inner nav a{color:var(--text-secondary)}.header-inner nav a:hover,.header-inner nav .current-menu-item>a{color:var(--action)}.header-inner nav .current-menu-item>a::after{height:3px;background:var(--action);border-radius:5px}.header-actions a,.menu-toggle{background:#f3f5fa;border:1px solid #e5e9f1;color:#38465e}.header-actions a:hover{background:var(--accent-soft);color:var(--action)}.header-search .search-form{border-color:var(--line)}.search-form input::placeholder{color:#67748a;opacity:1}
.hero-inner{background:radial-gradient(ellipse at 85% 20%,var(--halo-two),transparent 58%),radial-gradient(ellipse at 10% 90%,var(--halo),transparent 64%),#f8faff;color:var(--ink);border:1px solid #dce3f2;box-shadow:0 16px 45px #293d7110}.hero h1{color:var(--ink)}.hero h1 span{color:var(--action)}.hero-copy>.eyebrow{color:var(--action)}.hero-copy>.eyebrow::before{background:linear-gradient(90deg,var(--action),var(--cyan))}.hero-copy>.hero-description,.hero-trust{color:var(--text-secondary)}.hero-trust svg{color:var(--cyan)}.hero .search-form{border-color:#d9e0ef;box-shadow:0 6px 24px #3347810d}.hero .search-form button{background:var(--action)}.hero-caption{background:#ffffffb8;border:1px solid #dce3f0;color:var(--ink);box-shadow:0 4px 16px #2c416909}.hero-caption div>span{color:var(--text-secondary)}.hero-caption-icon{background:var(--accent-soft);color:var(--action)}
.section-heading h2,.page-heading h1,.article-heading h1{color:var(--ink)}.section-heading h2{border:0;padding-left:0}.eyebrow,.section-heading .eyebrow{color:var(--action);letter-spacing:1.5px}.section-description,.lead,.muted{color:var(--text-secondary)}.section-link{color:var(--action)}.section-link>span{color:var(--cyan)}
/* A category owns its accent; ordering never changes its visual identity. */
.category,.category-tile{--category-color:var(--action);--category-tint:var(--accent-soft)}
.category-accent-blue{--category-color:#3e5bba;--category-tint:#edf1ff}.category-accent-cyan{--category-color:#08778a;--category-tint:#e7f5f8}.category-accent-violet{--category-color:#7450ab;--category-tint:#f2edfa}.category-accent-mint{--category-color:#23745f;--category-tint:#e8f5f0}.category-accent-amber{--category-color:#98601b;--category-tint:#fdf2e2}.category-accent-rose{--category-color:#a24970;--category-tint:#f9edf3}
.category{background:var(--surface)!important;border:1px solid var(--line);color:var(--ink);box-shadow:0 4px 14px #27385c06}.category strong{color:var(--ink)}.category .category-symbol,.category:nth-child(n) .category-symbol{background:var(--category-tint);color:var(--category-color);border:1px solid #ffffff;border-radius:17px}.category:hover{border-color:var(--category-color);box-shadow:0 10px 24px #27385c0d;transform:translateY(-3px)}.category-custom-icon{width:34px;height:34px;object-fit:contain;border-radius:5px}.category:focus-visible{outline:3px solid var(--action);outline-offset:4px}
.product-card{background:var(--surface);border-color:var(--line);box-shadow:0 5px 18px #29395506}.product-card:hover{border-color:#aab8de;box-shadow:0 12px 30px #29395510}.product-card .product-label{display:inline-flex;width:fit-content;max-width:100%;align-self:flex-start;padding:3px 8px;background:#eef1f7;color:#52627d;border:1px solid #e1e7f0;border-radius:6px;min-height:22px}.product-brand{color:#647086}.product-card h3 a{color:var(--ink)}.product-card h3 a:hover{color:var(--action)}.product-card .price,.detail-price strong,.offer-row strong{color:#25334e}.product-card .price del{color:#6b7688}.product-image,.product-card .product-image,.archive-grid .product-image{background:linear-gradient(150deg,#f7f9fc,#f0f3f9);border:1px solid #edf0f5}.rating>span{color:#9e700e}.rating small{color:#5f6d81}
.button:not(.button-secondary):not(.disabled){background:var(--action);border:1px solid var(--action);color:#fff;box-shadow:0 3px 9px #33478116}.button:not(.button-secondary):not(.disabled):hover{background:var(--action-hover);border-color:var(--action-hover)}.button-secondary{background:#fff;border-color:#bdc9e0;color:var(--action)}.button-secondary:hover{background:var(--accent-soft);color:var(--action-hover)}.card-tools{border-top:1px solid #e6eaf1}.card-tools button{color:#596980}.card-tools button[aria-pressed=true],.card-tools button:hover{background:var(--accent-soft);color:var(--action)}.text-button{color:var(--action)}
.trust-banner{background:radial-gradient(ellipse at right bottom,var(--halo-two),transparent 60%),linear-gradient(110deg,var(--halo),#fafcff);color:var(--ink);border:1px solid #d4ddf0;box-shadow:0 6px 22px #33478106}.trust-banner h2{color:var(--ink)}.trust-banner p{color:var(--text-secondary)}.trust-banner .eyebrow{color:var(--action)}.trust-icon{background:#ffffffbd;color:var(--action);border:1px solid #d6e0f2}.trust-banner .button-secondary{background:#fff;color:var(--action);border-color:#b8c7e6}.trust-banner .button-secondary:hover{background:var(--accent-soft)}
.review-card,.review-card:nth-child(n){background:#fff;border:1px solid var(--line);box-shadow:0 5px 18px #29395506}.review-card:hover{border-color:#aab8de}.review-card>h3 a{color:var(--ink)}.review-card>p{color:var(--text-secondary)}.review-card>a:last-child{color:var(--action)}.review-card .review-image{background:linear-gradient(140deg,#f2f5fc,var(--halo-two))}.editorial-promise{border-top:1px solid var(--line)}.editorial-promise>div>span,.editorial-promise>div:nth-child(n)>span{background:#fff;border:1px solid #d7e1f1;color:var(--action)}
.page-heading{border-bottom:1px solid var(--line);padding-bottom:18px}.catalog-filters{background:#fff;border:1px solid #d9e0ed;box-shadow:0 6px 20px #33478106}.catalog-filters label{color:#4c5c74}.catalog-filters>a{color:var(--action)}.catalog-filters input,.catalog-filters select{background:#f9fbfe;color:var(--ink);border-color:#c7d1e2}.filter-links a{background:#fff;border-color:#d5deed;color:#455876}.filter-links a:hover,.filter-links a[aria-current=page],.page-numbers.current{background:var(--accent-soft);border-color:var(--action);color:var(--action)}
.active-filter-summary{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:14px 0 22px;color:var(--muted);font-size:12px}.active-filter-title{font-weight:700;color:var(--ink)}.active-filter-chip{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:6px 11px;border:1px solid var(--line);border-radius:999px;background:var(--accent-soft);color:var(--ink);text-decoration:none}.active-filter-chip span{font-size:17px;line-height:1;color:var(--action)}.active-filter-chip:hover,.active-filter-chip:focus-visible{border-color:var(--action);color:var(--action)}.active-filter-clear{min-height:36px;display:inline-flex;align-items:center;padding:5px 8px;color:var(--action);font-weight:600}.active-filter-summary a:focus-visible{outline:3px solid color-mix(in srgb,var(--action) 28%,transparent);outline-offset:2px}
.surface{border-color:var(--line);box-shadow:0 4px 15px #24375d04}.category-directory .category-tile,.category-directory .category-tile:nth-child(n){background:#fff;border:1px solid var(--line)}.category-tile>span,.category-tile:nth-child(n)>span{background:var(--category-tint);color:var(--category-color)}.category-tile>span img{width:38px;height:38px;object-fit:contain}.category-tile small{color:var(--action);font-weight:600}.category-tile:hover{border-color:var(--category-color)}.category-tile p{color:var(--text-secondary)}
.notice-box{background:#fff6e8;color:#78521e;border-color:#ead3a9;border-left:3px solid #c0934a}.buying-note{background:#f3f6fe;border:1px solid #d5dfef}.product-detail .detail-image{background:#f1f4fa;border:1px solid #e0e6f0}.detail-tabs{border-bottom:1px solid #ced8e8}.detail-tabs a{color:var(--action);font-weight:600}.merchant-mark{background:var(--accent-soft);color:var(--action)}.pros-cons>div{background:#edf6f2;border-top:2px solid #a5cbbb}.pros-cons>div:last-child{background:#fcf4e9;border-top-color:#dfc39b}.spec-table th{background:#f0f3fa;color:#435572;font-weight:600}.comparison-table th:first-child{background:#edf2fa;color:#435572}.sources-box{background:#f2f5fc;border:1px solid #d6e0ef}.article-sidebar .surface{border:1px solid #d6e0ef}#article-toc a{color:#52647e}#article-toc a:hover{color:var(--action)}.faq-list summary{color:var(--ink)}.side-link{color:var(--action)}
.site-footer{background:#182338;border-top:1px solid #2a3850}.site-footer h3{color:#fff}.footer-grid p,.footer-bottom{color:#bac6d9}.footer-grid a:not(.brand){color:#dce4f1}.footer-grid a:not(.brand):hover{color:#b6d7ff}.footer-bottom{border-top-color:#324056}.compare-tray{background:#22344f;border:1px solid #4d6484;box-shadow:0 8px 24px #17294426}.compare-tray a{color:#c2ddff}
/* Campaign images retain the owner's artwork and the published canvas ratios. */
.banner-picture{display:block;width:100%;aspect-ratio:5/4;overflow:hidden;border-radius:18px;background:var(--surface-soft)}.banner-picture img{display:block;position:static;width:100%;height:100%;object-fit:contain}.banner-default{background:transparent}.banner-link{display:block;border-radius:18px}.banner-link:focus-visible{outline:3px solid var(--action);outline-offset:5px}.campaign-banner{padding-top:28px}.campaign-banner .banner-picture{aspect-ratio:3/1;border:1px solid var(--line);box-shadow:0 12px 28px #24375d0d}.campaign-banner+.home-content{padding-top:36px}.campaign-search{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 20px;margin-top:14px}.campaign-search strong{font-size:14px;color:var(--ink)}.campaign-search .search-form{width:100%;max-width:480px;margin:0;border:1px solid #c3d0e6}.campaign-search .search-form input{min-width:0}.campaign-search .search-form button{flex-shrink:0}
@media(max-width:960px){.header-inner nav .current-menu-item>a{background:var(--accent-soft);color:var(--action)}.header-inner nav .mobile-nav-shortcuts a{background:var(--surface-soft);color:#405473}}
@media(max-width:700px){.campaign-banner{padding-top:18px}.campaign-banner .banner-picture.has-mobile-banner{aspect-ratio:1/1}.campaign-banner+.home-content{padding-top:28px}.banner-picture,.banner-link{border-radius:14px}.category{box-shadow:none}.category .category-symbol{border-radius:13px}.category-custom-icon{width:29px;height:29px}.product-card .product-label{font-size:9px}.trust-banner{box-shadow:none}.campaign-search{flex-direction:column;align-items:stretch;gap:10px;padding:14px}.campaign-search strong{font-size:13px}.campaign-search .search-form input{font-size:16px}}
@media(prefers-reduced-motion:reduce){.category:hover,.product-card:hover{transform:none}}