/* trd-site.css v12 — fixed header + author/article shell + skip-link */

/* ── Accessibility: hide skip link until keyboard focus ── */
.skip-link{position:absolute;left:-9999px;top:0;z-index:10001;padding:10px 16px;background:#1a1a2e;color:#fff;font-weight:600;text-decoration:none;border-radius:0 0 8px 0}
.skip-link:focus{left:0;outline:2px solid #2563eb;outline-offset:2px}

/* ── Fixed top: logo bar + text category row — always visible ── */
:root{--trd-header-h:156px}
@media(max-width:600px){:root{--trd-header-h:132px}}
.site-top{position:fixed!important;top:0;left:0;right:0;width:100%;z-index:1000;box-shadow:0 2px 12px rgba(0,0,0,.35);background:rgba(13,13,20,.96)!important}
body{padding-top:var(--trd-header-h)!important}
.site-header{background:rgba(13,13,20,.96)!important;color:#fff;padding:0;margin:0}
.header-inner{max-width:1200px;margin:0 auto;padding:0 12px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:44px;max-height:48px}
.site-logo{margin:0;font-size:clamp(1.25rem,3vw,1.52rem);font-weight:700;letter-spacing:.02em;line-height:1.15;text-align:center;padding:5px 0}
.site-logo a{color:#fff!important;text-decoration:none!important;font-weight:700}
.site-logo a:hover{color:#60a5fa!important;text-decoration:none!important}

/* Text category row — below logo bar (site-wide) */
.category-nav{background:rgba(13,13,20,.9)!important;border-bottom:1px solid rgba(255,255,255,.08)!important}
.category-nav-inner{max-width:1200px;margin:0 auto;padding:5px 14px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:2px 6px;row-gap:3px;box-sizing:border-box;line-height:1.35}
.cat-nav-link{color:rgba(255,255,255,.72)!important;font-size:15px;font-weight:500;text-decoration:none!important;padding:3px 6px;white-space:nowrap}
.cat-nav-link:hover{text-decoration:underline!important;text-underline-offset:2px;color:#fff!important}
.cat-nav-sep{color:rgba(255,255,255,.35)!important;padding:0 4px;user-select:none;font-size:15px}

/* Legacy pill row (old markup only) */
.category-pills-row{background:#f4f7fb;border-bottom:1px solid #e2e8f0}
.category-pills-inner{max-width:1200px;margin:0 auto;padding:12px 16px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;box-sizing:border-box}
.category-pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:8px 16px;font-size:14px;font-weight:600;line-height:1.25;background:#e8eef8;color:#1a4d8c!important;text-decoration:none!important;white-space:nowrap;transition:background .15s ease,color .15s ease,box-shadow .15s ease;border:1px solid transparent}
.category-pill:hover{background:#2563eb!important;color:#fff!important;text-decoration:none!important;box-shadow:0 2px 8px rgba(37,99,235,.25)}
.category-pill--home{background:#2563eb!important;color:#fff!important;border-color:#1d4ed8}
.category-pill--home:hover{background:#1d4ed8!important;color:#fff!important}

/* Legacy header markup (old pages) */
header:not(.site-header){background:#1a2744!important;color:#fff;padding:0!important;position:fixed!important;top:0;left:0;right:0;width:100%;z-index:1000;box-shadow:0 2px 12px rgba(0,0,0,.25)}
header:not(.site-header) .inner{max-width:1200px;margin:0 auto;padding:0 16px;display:flex!important;flex-direction:column;align-items:center;min-height:104px!important;box-sizing:border-box}
header:not(.site-header) .site-name,header:not(.site-header) h1{margin:0;font-size:clamp(1.5rem,3.2vw,1.75rem);font-weight:700;line-height:1.2;text-align:center;padding:0}
header:not(.site-header) .site-name a,header:not(.site-header) h1 a{color:#7eb8ff!important;text-decoration:none!important;font-weight:700}
header:not(.site-header) nav{display:none!important}

/* Hide legacy in-header pills and old duplicate UI only */
.header-nav,.nav-pill,.category-pills-row,.chips-row,.cats-2026{display:none!important}

/* ── Homepage hero banner (after category nav) ── */
.hero-2026{box-sizing:border-box;background:linear-gradient(135deg,#1e40af 0%,#3b82f6 50%,#60a5fa 100%);color:#fff;padding:28px 24px;text-align:center;border-radius:20px;margin-bottom:18px;box-shadow:0 10px 40px rgba(30,64,175,.25)}
.hero-2026-title{font-size:2rem;margin:0 0 8px;font-weight:800;letter-spacing:-0.03em;line-height:1.2}
.hero-2026-tagline{font-size:1.05rem;max-width:640px;margin:0 auto 14px;color:#e8f0ff;line-height:1.45;min-height:4.35em}
.hero-2026-cta{display:inline-block;background:#fff;color:#1e40af;padding:10px 24px;border-radius:50px;font-weight:600;text-decoration:none!important;font-size:.95rem;transition:transform .15s ease,box-shadow .2s ease;box-shadow:0 2px 10px rgba(0,0,0,.1)}
.hero-2026-cta:hover{opacity:.95;text-decoration:none!important;color:#1e40af;transform:translateY(-1px);box-shadow:0 4px 16px rgba(0,0,0,.15)}
.hero-2026-trust{font-size:.8rem;margin:10px 0 0;color:#dbeafe}

/* ── Homepage trending grid (3 columns, equal row heights) ── */
.trending-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px!important;align-items:stretch!important;max-width:1200px;width:100%;margin:0 auto}
.trending-grid>a.trending-card,.trending-grid>.trending-card,.trending-card,.trend-card{display:flex!important;flex-direction:column!important;height:100%!important;min-height:100%!important;text-decoration:none!important;color:inherit!important;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.08);border:1px solid #e5e7eb;max-width:100%;margin:0;transition:transform .2s ease,box-shadow .2s ease}
.trending-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(15,23,42,.14)}
.trending-card-link{text-decoration:none!important;color:inherit;display:flex;flex-direction:column;flex:1;height:100%;border:none!important;box-shadow:none!important}
.trending-card-link:hover{text-decoration:none!important;border:none!important}
.trending-card-img-wrap{flex-shrink:0;display:block;width:100%;overflow:hidden;background:#f3f4f6;aspect-ratio:16/10;position:relative;line-height:0}
.trending-card-img-wrap picture{display:block;line-height:0;width:100%;height:100%;position:absolute;inset:0;margin:0;padding:0}
.trending-card-img,.trending-card img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;border:none!important;background:#07070e}
.trending-card-body{flex:1 1 auto!important;display:flex!important;flex-direction:column!important;padding:16px;min-height:0;min-width:0;border:none!important}
.trending-card-body h3,.trending-card-title{font-size:1rem;margin:0 0 8px;font-weight:700;color:#1a1a2e;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.7em;border:none!important}
.trending-card-title:hover{color:#2563eb}
.trending-card-body p,.trending-card-desc{flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:4.05em;font-size:.9rem;color:#555;margin:0 0 12px;line-height:1.5;border:none!important}
.trending-card-cta,.trending-card-body .read-link,.trending-card-body a{margin-top:auto!important;flex-shrink:0;font-size:.9rem;color:#2563eb;font-weight:600;text-decoration:none!important;border:none!important;display:inline-block;padding:0}
.trending-title{font-size:1.35rem;text-align:center;margin:0 0 16px;font-weight:700;color:#1a1a2e;padding-bottom:10px;border-bottom:2px solid #e8f0ff}

/* ── Section headings ── */
.main-content h2,main .main-content h2,.page-wrap h2.section-title{font-size:1.5rem!important;font-weight:700!important;margin-top:2rem!important;color:#1a2744!important}
.main-content h2.video-embed-title{font-size:1.25rem!important;margin-top:1.5rem!important}

/* ── Sidebar (sticky offset under fixed header) ── */
.sidebar{position:sticky!important;top:var(--trd-header-h)!important}
.sidebar-box h3{font-size:1rem!important;font-weight:700!important;color:#1a2744!important;margin-bottom:12px!important}
.sidebar-box .rating{color:#f59e0b!important;font-size:1.35rem!important;letter-spacing:.05em}
.sidebar-box .rating-text{font-size:.9rem!important;color:#64748b!important;margin-top:6px}
.sidebar-box .popular-post{display:flex!important;gap:12px;align-items:flex-start;margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid #f1f5f9}
.sidebar-box .popular-post:last-child{border-bottom:none!important;margin-bottom:0!important;padding-bottom:0!important}
.sidebar-box .popular-post-title{font-size:.88rem!important;font-weight:600!important;line-height:1.35}
.sidebar-box .popular-post-title a{color:#1a2744!important;text-decoration:none!important}
.sidebar-box .popular-post-meta{font-size:.8rem!important;color:#64748b!important}

/* Sidebar categories with counts */
.sidebar-cat-row,.sidebar-box>div[style*="display:flex"],.sidebar-box>div[style*="display: flex"]{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;min-width:0!important;width:100%!important;box-sizing:border-box!important;padding:9px 12px!important;margin-bottom:6px!important;background:#f8fafc!important;border:1px solid #e8eef5!important;border-radius:10px!important;transition:background .15s,border-color .15s}
.sidebar-cat-row:hover,.sidebar-box>div[style*="display:flex"]:hover,.sidebar-box>div[style*="display: flex"]:hover{background:#f1f5f9!important;border-color:#dbeafe!important;box-shadow:none!important}
.sidebar-cat-link,.sidebar-box>div[style*="display:flex"] a,.sidebar-box>div[style*="display: flex"] a{flex:1 1 auto!important;min-width:0!important;color:#334155!important;font-size:15px!important;font-weight:600!important;text-decoration:none!important;line-height:1.35!important}
.sidebar-cat-link:hover{color:#2563eb!important;text-decoration:none!important}
.sidebar-cat-count,.sidebar-box>div[style*="display:flex"]>span,.sidebar-box>div[style*="display: flex"]>span{flex:0 0 auto!important;margin-left:auto!important;background:#eef2f7!important;color:#64748b!important;font-size:.72rem!important;font-weight:600!important;padding:2px 8px!important;min-width:1.85em!important;text-align:center!important;line-height:1.45!important;border-radius:999px!important;border:1px solid #e2e8f0!important;box-shadow:none!important}

/* Homepage sidebar categories */
.cat-row{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;min-width:0!important;padding:9px 12px!important;margin-bottom:6px!important;background:#f8fafc!important;border:1px solid #e8eef5!important;border-radius:10px!important;font-size:15px!important;font-weight:600!important}
.cat-row a{flex:1 1 auto!important;min-width:0!important;color:#334155!important;font-weight:600!important;text-decoration:none!important}
.cat-row a:hover{color:#2563eb!important;text-decoration:none!important}
.cat-count{flex:0 0 auto!important;margin-left:auto!important;background:#eef2f7!important;color:#64748b!important;font-size:.72rem!important;font-weight:600!important;padding:2px 8px!important;min-width:1.85em!important;text-align:center!important;line-height:1.45!important;border-radius:999px!important;border:1px solid #e2e8f0!important;box-shadow:none!important}

/* Site info — inline links with · separators */
.sidebar-utility h3{font-size:.88rem!important;color:#64748b!important;text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px!important}
.sidebar-utility-links{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:8px!important;line-height:1.5!important;overflow:hidden;max-width:100%}
.sidebar-utility-links a{color:#64748b!important;font-size:13px!important;font-weight:500!important;text-decoration:none!important;padding:2px 0;white-space:nowrap}
.sidebar-utility-links a:hover{color:#2563eb!important;text-decoration:underline!important;text-underline-offset:2px}
.util-sep{color:#cbd5e1!important;font-size:.82rem!important;user-select:none;padding:0 1px}

.sidebar-box .tag{display:inline-block;background:#e0e7ff;color:#1e40af;font-size:.76rem;padding:4px 12px;border-radius:20px;margin:3px 4px 3px 0;font-weight:500;text-decoration:none!important}
.sidebar-box .tag:hover{background:#2563eb;color:#fff!important}

/* ── FAQ ── */
.faq-q{font-size:16px!important;line-height:1.45}
.faq-a{font-size:16px!important;line-height:1.65;color:#334155}

/* ── Footer / sticky CTA ── */
.buy-box,.where-to-buy{background:linear-gradient(135deg,#1a2744 0%,#16213e 100%)!important}
.buy-box h2,.buy-box h3,.where-to-buy h2,.where-to-buy h3{color:#fff!important}
.buy-box p,.where-to-buy p,.buy-box .affiliate-disclosure,.where-to-buy .affiliate-disclosure,.where-to-buy .affiliate-note,.affiliate-note{color:#cbd5e1!important;font-size:.92rem!important;line-height:1.55}
.buy-buttons-wrap{display:flex!important;flex-wrap:wrap;gap:12px;justify-content:center!important;align-items:center}
.sticky-cta{background:#1a2744!important;padding:14px 20px!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;z-index:90!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-wrap:wrap!important;gap:14px!important;box-shadow:0 -4px 20px rgba(0,0,0,.25)!important}
.sticky-cta-text{color:#e2e8f0!important;font-size:.95rem!important}
.sticky-cta a{color:#fff!important;font-weight:700;text-decoration:none!important;background:#2563eb;padding:10px 22px;border-radius:10px}
.sticky-cta a:hover{background:#1d4ed8!important;text-decoration:none!important}
body:has(.sticky-cta){padding-bottom:calc(68px + env(safe-area-inset-bottom,0))!important}

footer{background:#1a1a2e!important;color:#94a3b8!important;text-align:center;padding:32px 20px!important;font-size:.86rem!important;border-top:1px solid rgba(255,255,255,.08)!important;margin-top:0!important}
footer a{color:#cbd5e1!important;text-decoration:underline!important;text-underline-offset:2px!important}
footer a:hover{color:#fff!important}
footer .footer-links,footer.footer-links{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;align-items:center!important;gap:8px!important;margin:0 auto 14px!important;max-width:1100px!important}
footer .footer-links a,footer.footer-links a{white-space:nowrap;padding:8px 10px;min-height:44px;display:inline-flex;align-items:center}
footer .footer-sep,footer.footer-sep{color:#64748b;padding:0 2px;user-select:none}
footer>p{max-width:1100px;margin:0 auto;line-height:1.65}

/* Share buttons */
.share-buttons{margin-top:32px!important;padding:24px 28px!important;border-top:1px solid #e8f0ff!important;background:#f8fafc!important;border-radius:14px!important}
.share-buttons .share-heading{font-size:1rem!important;font-weight:700!important;color:#1a2744!important;margin:0 0 16px!important}
.share-buttons-inner{display:flex!important;flex-wrap:wrap!important;gap:12px!important;align-items:center!important}
.share-buttons .share-btn{display:inline-block!important;padding:12px 20px!important;border-radius:10px!important;font-size:.9rem!important;font-weight:600!important;text-decoration:none!important;color:#fff!important}
.share-buttons .share-twitter{background:#000!important}
.share-buttons .share-facebook{background:#1877f2!important}
.share-buttons .share-pinterest{background:#bd081c!important}

/* Related reviews links */
.related-reviews .related-link{display:inline-block!important;padding:10px 16px!important;background:rgba(255,255,255,.05)!important;color:rgba(255,255,255,.75)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:10px!important;font-size:.9rem!important;text-decoration:none!important}
.related-reviews .related-link:hover{background:rgba(96,165,250,.12)!important;color:#93c5fd!important;text-decoration:none!important}

@media(max-width:900px){
 .category-pills-inner{gap:8px;padding:10px 14px}
}
@media(max-width:768px){
 .trending-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .category-pills-inner{justify-content:flex-start;overflow-x:auto;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;padding-bottom:10px}
 .category-pill{flex-shrink:0;font-size:13px;padding:7px 14px}
 .sidebar-cat-link,.sidebar-box>div[style*="display:flex"] a{font-size:14px!important}
 .sidebar-cat-count,.cat-count{font-size:.68rem!important;padding:2px 7px!important}
 .cat-row{font-size:16px!important}
}
@media(max-width:480px){
 .trending-grid{grid-template-columns:1fr!important}
}
@media(max-width:600px){
 .header-inner{min-height:88px}
 .site-logo{font-size:clamp(1.35rem,5vw,1.55rem)}
 .hero-2026-title{font-size:1.5rem}
 .hero-2026-tagline{font-size:.95rem;min-height:5.5em}
 .hero-2026{padding:20px 16px}
}

/* ── Layout containment (homepage + articles) ── */
.site-container,.main-wrap,.page-wrap,.index-content-wrap,.container{max-width:1200px;margin-left:auto;margin-right:auto;overflow-x:hidden;box-sizing:border-box}
aside,.sidebar{overflow:hidden;word-break:break-word;min-width:0;max-width:100%}
.sidebar-box{overflow:hidden;min-width:0;max-width:100%;box-sizing:border-box}
.sidebar-box img,.aliexpress-banner-wrap img{max-width:100%!important;height:auto!important}
.main-grid,.container{display:grid;align-items:start}
.container{grid-template-columns:minmax(0,1fr) 320px;gap:28px}
.main-col,.main-content{min-width:0;max-width:100%}
.main-grid>.sidebar,.container>aside,.container>.sidebar{align-self:start}
@media(max-width:768px){
 .container{grid-template-columns:1fr!important;gap:20px}
 .container>.sidebar,.container>aside{position:static!important;top:auto!important}
}

/* Homepage: tighter vertical rhythm */
.page-wrap .hero-2026{margin-bottom:18px!important}
.page-wrap .search-form-wrap{margin-bottom:16px!important}
.page-wrap .trending-2026{margin-bottom:18px!important;padding-top:0!important}
.page-wrap .trending-title,.page-wrap .section-title,.page-wrap .latest-block h2{margin-top:0!important;margin-bottom:12px!important}
.page-wrap .main-grid{margin-top:0;gap:24px}

/* Thumbnail boxes */
.list-thumb{display:block;width:120px;height:84px;flex-shrink:0;overflow:hidden;border-radius:12px;background:transparent!important;line-height:0}
.list-thumb img{width:100%!important;height:100%!important;object-fit:cover;display:block;border-radius:12px}

/* Homepage sidebar: static, headers aligned with main column */
.page-wrap .sidebar{position:static!important;top:auto!important;gap:14px!important}
.page-wrap .sidebar-box h3,.page-wrap .sidebar .sidebar-box>h3{font-size:1.12rem!important;font-weight:700!important;color:#1a1a2e!important;margin:0 0 12px!important;padding-bottom:8px!important;border-bottom:2px solid #e8f0ff!important;line-height:1.3!important}
.page-wrap .sidebar .rating-big .stars{font-size:1.1rem;letter-spacing:2px}

/* Long sidebar text must wrap inside the box */
.side-row{display:flex;align-items:center;gap:8px;padding:6px 0}
.side-thumb-link{flex-shrink:0;line-height:0;border-radius:10px;overflow:hidden}
.side-row-thumb,.side-row .side-thumb-link img{width:100px;height:70px;object-fit:cover;border-radius:10px;display:block}
.side-index{display:none!important}
.side-row,.side-row a,.popular-post-title,.cat-row a{overflow-wrap:anywhere;word-break:break-word;min-width:0}
.cat-row{min-width:0;gap:8px}
.side-row a{flex:1}

@media(max-width:900px){
 .page-wrap .main-grid{grid-template-columns:1fr!important}
 .page-wrap .sidebar{position:static!important}
}
@media(max-width:768px){
 .list-card .list-thumb{width:100%!important;height:auto!important;aspect-ratio:120/84}
}

/* ── Author portraits (uniform 4:5 editorial crop) ── */
/* trd-author-photos-v1 */
.author-photo-wrap{display:block;overflow:hidden;background:#e8eef5;flex-shrink:0;line-height:0}
.author-photo-wrap img.author-avatar,.author-photo-wrap img.author-avatar--photo{display:block;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;object-position:center 18%;border:none;margin:0;padding:0}
.author-photo-wrap--card{width:100%;max-width:240px;aspect-ratio:4/5;border-radius:12px;margin-bottom:4px}
.author-photo-wrap--profile{width:220px;max-width:38vw;aspect-ratio:4/5;border-radius:14px;border:2px solid #e2e8f0;box-shadow:0 4px 16px rgba(15,23,42,.08)}
.author-photo-wrap--byline{width:48px;aspect-ratio:4/5;border-radius:8px;border:2px solid #e2e8f0}
.author-photo-wrap--bio{width:56px;aspect-ratio:4/5;border-radius:10px;border:2px solid #e2e8f0}
.author-card>.author-card-link>.author-avatar,.author-card .author-card-link>.author-avatar,.author-card-link>.author-avatar.author-avatar--photo{width:100%;max-width:240px;aspect-ratio:4/5;height:auto!important;object-fit:cover;object-position:center 18%;border-radius:12px;display:block;margin:0 0 4px;border:none}
.author-profile-header .author-avatar,.author-profile-header .author-photo-wrap--profile{width:220px;max-width:38vw;aspect-ratio:4/5;height:auto!important;object-fit:cover;object-position:center 18%;border-radius:14px!important;border:2px solid #e2e8f0;flex-shrink:0;box-shadow:0 4px 16px rgba(15,23,42,.08)}
.author-byline .author-avatar,.author-byline .author-photo-wrap,.author-byline .author-photo-wrap--byline{width:48px;aspect-ratio:4/5;height:auto!important;object-fit:cover;object-position:center 18%;border-radius:8px!important;border:2px solid #e2e8f0;flex-shrink:0}
.author-bio-row .author-avatar,.author-bio-row .author-photo-wrap,.author-bio-row .author-photo-wrap--bio{width:56px;aspect-ratio:4/5;height:auto!important;object-fit:cover;object-position:center 18%;border-radius:10px!important;border:2px solid #e2e8f0;flex-shrink:0}
.author-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;margin:24px 0}
.author-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:20px}
.author-card a.author-card-link{color:inherit;text-decoration:none;display:block}
.author-card a.author-card-link:hover .author-card-name{color:#2563eb}
.author-profile-header{display:flex;gap:24px;align-items:flex-start;margin-bottom:28px}

/* ── Article + author page shell (breadcrumb, padded content card) ── */
.breadcrumb{max-width:1100px;margin:14px auto 0;padding:0 20px;font-size:.84rem;color:#475569;line-height:1.5;box-sizing:border-box}
.breadcrumb a{color:#475569;text-decoration:underline;text-underline-offset:2px}
.breadcrumb a:hover{color:#2563eb}
.breadcrumb-sep{margin:0 .35em;color:#94a3b8}
.site-container,.main-wrap,.page-wrap,.index-content-wrap,.container{max-width:1200px;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px;overflow-x:hidden;box-sizing:border-box}
.container{margin-top:24px;margin-bottom:48px}
.container>main.main-content,.container>.main-content,.main-content:not(.page-wrap .main-content){background:#fff;border-radius:16px;padding:36px;box-shadow:0 4px 24px rgba(0,0,0,.06);border:1px solid #eef2f7;box-sizing:border-box;overflow-wrap:break-word}
/* Dark article shell when fixed site header is present (beats inline #fff main-content on tech-news) */
body:has(.site-top){background:#0d0d14!important;color:#e2e4ef!important}
body:has(.site-top) .main-content,body:has(.site-top) .container>main,body:has(.site-top) .container>.main-content{
  background:transparent!important;border:none!important;box-shadow:none!important;color:#e2e4ef!important
}
body:has(.site-top) .sidebar-box{background:#14141f!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:none!important;color:#e2e4ef!important}
body:has(.site-top) .breadcrumb,body:has(.site-top) .breadcrumb a{color:rgba(255,255,255,.55)!important}
body:has(.site-top) h1.page-title,body:has(.site-top) .main-content h2,body:has(.site-top) .main-content h3{color:#fff!important}
body:has(.site-top) .main-content p,body:has(.site-top) .main-content li{color:rgba(255,255,255,.8)!important}
body:has(.site-top) .article-byline,body:has(.site-top) .schema-rating{color:rgba(255,255,255,.55)!important}
.container:has(>main:only-child){grid-template-columns:1fr!important;max-width:900px}
.container:has(>main:only-child)>main{max-width:860px;margin:0 auto;width:100%}
/* Author + hub pages: single column without :has() dependency */
.container.container--single,.container--single{display:block!important;max-width:900px!important;margin-left:auto!important;margin-right:auto!important;grid-template-columns:1fr!important}
.container.container--single>main,.container--single>main,.container.container--single>.main-content{max-width:860px;margin-left:auto;margin-right:auto;width:100%}
body:has(.container--single){background:#eef2f7}
.author-profile-header+ p,.author-profile-header~p{line-height:1.65;color:#334155;margin:0 0 1rem}
.author-profile-header~h2{margin-top:1.75rem}
@media(max-width:768px){
 .container{padding-left:16px;padding-right:16px}
 .container>main.main-content,.container>.main-content{padding:24px 20px}
 .author-profile-header{flex-direction:column;align-items:center;text-align:center}
}

/* Comparison tables on article pages — dark zebra (not #f9fafb inline stripes) */
#picks-comparison .comparison-table,table.comparison-table,.comparison-table{
  border:1px solid rgba(255,255,255,.08)!important;
  background:rgba(20,20,31,.55)!important;
}
table.comparison-table th,.comparison-table th{
  background:rgba(255,255,255,.07)!important;color:#fff!important;
}
table.comparison-table td,.comparison-table td{
  color:rgba(255,255,255,.88)!important;
  border-color:rgba(255,255,255,.06)!important;
}
table.comparison-table tbody tr:nth-child(even) td,.comparison-table tbody tr:nth-child(even) td,
table.comparison-table tr:nth-child(even) td,.comparison-table tr:nth-child(even) td{
  background:rgba(255,255,255,.04)!important;
}
table.comparison-table tbody tr:nth-child(odd) td,.comparison-table tbody tr:nth-child(odd) td{
  background:transparent!important;
}
/* Generator sets background on <tr> (#f8fafc) — override at row level, not only td */
table.comparison-table tbody tr:nth-child(even),.comparison-table tbody tr:nth-child(even),
table.comparison-table tr:nth-child(even),.comparison-table tr:nth-child(even){
  background:rgba(255,255,255,.04)!important;
}
table.comparison-table tbody tr:nth-child(odd),.comparison-table tbody tr:nth-child(odd),
table.comparison-table tbody tr,.comparison-table tbody tr{
  background:transparent!important;
}
body:has(.site-top) table.comparison-table td,body:has(.site-top) .comparison-table td{
  color:rgba(255,255,255,.88)!important;border-color:rgba(255,255,255,.06)!important;
}

/* Verdict box tables: zebra rows must stay readable on dark gradient (not white stripes) */
.verdict-box .comparison-table td,
.verdict-box .comparison-table th {
  color: #f1f5f9;
  border-color: rgba(255, 255, 255, 0.15);
}
.verdict-box .comparison-table th {
  background: rgba(0, 0, 0, 0.28);
}
.verdict-box .comparison-table tr:nth-child(even) {
  background: rgba(255, 255, 255, 0.07) !important;
}
.verdict-box .comparison-table tr:nth-child(odd) td {
  background: transparent !important;
}

/* ── TRD listing pages: dark fallback (homepage / reviews / deals / tech-news) ── */
body:has(.page-wrap),body:has(.index-content-wrap),body:has(.hero-2026){
  background:#0d0d14!important;color:#e2e4ef!important;
}
.page-wrap,.index-content-wrap,.layout,.main-col{background:transparent!important}
.search-form-wrap{background:#14141f!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:none!important}
.search-form-wrap input[type=search]{
  background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.1)!important;color:#e2e4ef!important;
}
.search-form-wrap button[type=submit]{
  background:linear-gradient(135deg,#60a5fa,#3b82f6)!important;color:#fff!important;
}
.trending-title,.section-title,.cats-title{color:#fff!important;border-bottom-color:rgba(255,255,255,.07)!important}
.trending-grid>a.trending-card,.trending-grid>.trending-card,.trending-card,.trend-card{
  background:#14141f!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:none!important;
}
.trending-card-body h3,.trending-card-title{color:#fff!important}
.trending-card-body p,.trending-card-desc{color:rgba(255,255,255,.55)!important}
.trending-card-cta,.trending-card-body a{color:#60a5fa!important}
.trending-card-img-wrap{background:#1a1a2a!important}
.hero-main,.list-card,.sidebar-box,.cat-card{background:#14141f!important;border-color:rgba(255,255,255,.08)!important}
.latest-block,.list-section{background:transparent!important}
.trd-ad-hero{background:transparent!important;min-height:0!important;padding:0!important;box-shadow:none!important}
.trd-ad-hero:not(:has(ins:not([data-ad-status='unfilled']))){display:none!important}
.hero-2026{
  background:linear-gradient(135deg,#0d1b3e 0%,#1a2d5a 40%,#0f2044 100%)!important;
  border:1px solid rgba(96,165,250,.2)!important;
}
.hero-2026-cta{background:linear-gradient(135deg,#60a5fa,#3b82f6)!important;color:#fff!important}

/* trd-premium-merged-v9 */
/* trd-premium.css v20260608-v9 — TRD dark article theme (restored) */
:root{
  --p-bg:#0d0d14;--p-card:#14141f;--p-border:rgba(255,255,255,.08);
  --p-accent:#60a5fa;--p-accent2:#a78bfa;--p-gold:#f59e0b;
  --p-green:#4ade80;--p-red:#f87171;--p-amz:#FF9900;
  --p-r:12px;--p-r-sm:8px;
}

html{scroll-behavior:smooth}
body{background:var(--p-bg)!important;color:#e2e4ef!important;font-family:'Inter',system-ui,sans-serif!important;-webkit-font-smoothing:antialiased!important}

/* ── Kill legacy white inline shells ── */
.product-card,.product-card.trd-ranked-card,.product-card.trd-pick-spotlight,
.trd-ranked-list.trd-picks-first .product-card,
body .product-card{
  background:var(--p-card)!important;border:1px solid var(--p-border)!important;
  box-shadow:none!important;color:#e2e4ef!important;
}
.product-card-title,.product-card-head .product-card-title{color:#fff!important}
.product-card-excerpt,.product-card-description p{color:rgba(255,255,255,.72)!important}
.product-card-rating{color:var(--p-gold)!important}
.product-card-specs td:first-child{background:rgba(255,255,255,.04)!important;color:rgba(255,255,255,.75)!important}
.product-card-specs td{color:rgba(255,255,255,.8)!important;border-color:var(--p-border)!important}
.product-card-pros-cons .pros{background:rgba(74,222,128,.08)!important;border-left-color:#22c55e!important}
.product-card-pros-cons .cons{background:rgba(248,113,113,.08)!important;border-left-color:#ef4444!important}
.product-card-actions{background:rgba(255,255,255,.03)!important;border-top:1px solid var(--p-border)!important}
.product-card-why{background:rgba(245,158,11,.08)!important;border-color:rgba(245,158,11,.25)!important}

.main-content,.container>main,.container>.main-content{
  background:transparent!important;border:none!important;box-shadow:none!important;color:#e2e4ef!important;
}
.sidebar-box{
  background:var(--p-card)!important;border:1px solid var(--p-border)!important;
  box-shadow:none!important;color:#e2e4ef!important;
}
.sidebar-box h3{color:#fff!important;border-bottom-color:rgba(255,255,255,.07)!important}
.sidebar-cat-row,.cat-row{
  background:rgba(255,255,255,.04)!important;border:1px solid rgba(255,255,255,.06)!important;
}
.sidebar-cat-link,.cat-row a,.side-row a{color:rgba(255,255,255,.75)!important}
.sidebar-cat-count,.cat-count{background:rgba(96,165,250,.15)!important;color:var(--p-accent)!important}
.sidebar-box .tag{background:rgba(96,165,250,.15)!important;color:var(--p-accent)!important}

.breadcrumb,.breadcrumb a{color:rgba(255,255,255,.55)!important}
.page-title,h1.page-title{color:#fff!important}
.main-content h2,.main-content h3,.main-content h4{color:#fff!important}
.main-content p,.main-content li,.main-content td{color:rgba(255,255,255,.8)!important}
.article-byline,.schema-rating,.byline-date{color:rgba(255,255,255,.55)!important}

.toc{background:rgba(255,255,255,.03)!important;border:1px solid var(--p-border)!important}
.toc h4{color:#fff!important}
.toc a{color:var(--p-accent)!important}
.testing-grid>div{
  background:rgba(255,255,255,.03)!important;border:1px solid var(--p-border)!important;color:rgba(255,255,255,.8)!important;
}
.faq-q{background:rgba(255,255,255,.04)!important;color:#fff!important;border:1px solid var(--p-border)!important}
.faq-a{background:transparent!important;color:rgba(255,255,255,.8)!important}

.trd-exec-summary,.trd-trust-bar{
  background:rgba(255,255,255,.03)!important;border:1px solid var(--p-border)!important;border-radius:14px!important;
}
.trd-exec-summary h2,.trd-exec-item .trd-exec-val{color:#fff!important}
.trd-exec-label{color:rgba(255,255,255,.55)!important}

.trd-jump-nav{
  display:flex!important;flex-wrap:wrap!important;gap:10px!important;
  margin:18px 0 22px!important;padding:14px 18px!important;
  background:rgba(255,255,255,.04)!important;border-radius:12px!important;
  border:1px solid var(--p-border)!important;max-width:100%!important;box-sizing:border-box!important;
}
.category-nav>.trd-jump-nav{display:none!important}
.trd-jump-nav a{
  font-size:.82rem!important;font-weight:600!important;color:rgba(255,255,255,.72)!important;
  text-decoration:none!important;padding:7px 14px!important;border-radius:20px!important;
  border:1px solid rgba(255,255,255,.1)!important;white-space:nowrap!important;
}
.trd-jump-nav a:hover{
  background:rgba(96,165,250,.12)!important;color:#93c5fd!important;border-color:rgba(96,165,250,.35)!important;
}

/* ── Benchmark bars (readable on dark cards) ── */
.trd-pick-benchmark-group{
  display:grid!important;gap:8px!important;padding:12px 18px 16px!important;
  border-top:1px solid var(--p-border)!important;
}
.trd-pick-benchmark-group>.trd-pick-benchmark,
.trd-pick-benchmark-group .trd-pick-benchmark-bar-row{
  display:flex!important;align-items:center!important;gap:8px!important;margin:0!important;
}
.trd-pick-benchmark-label{
  flex:0 0 110px!important;font-size:.78rem!important;font-weight:600!important;
  color:rgba(255,255,255,.75)!important;line-height:1.3!important;
}
.trd-pick-benchmark-bar-wrap{
  flex:1!important;height:8px!important;background:rgba(255,255,255,.08)!important;
  border-radius:999px!important;overflow:hidden!important;
}
.trd-pick-benchmark-bar{
  height:100%!important;background:linear-gradient(90deg,#3b82f6,#60a5fa)!important;border-radius:999px!important;
}
.trd-pick-benchmark-score{
  flex:0 0 32px!important;font-size:.82rem!important;font-weight:700!important;
  color:#fff!important;text-align:right!important;
}
.trd-pick-benchmark-block h4{color:#fff!important}
.trd-pick-benchmark-block svg{max-width:100%!important;height:auto!important}

/* ── Ads: transparent on dark ── */
.trd-ad-hero,.trd-ad-infeed,.trd-ad-sidebar,.sidebar-sponsor{
  background:transparent!important;border:none!important;min-height:0!important;padding:0!important;box-shadow:none!important;
}
.trd-ad-zone:has(ins[data-ad-status='unfilled']:only-child){display:none!important}

/* ── Inline blocks from generator ── */
.sources-block,.author-bio,.editorial-lab-notes,.eat-box,.price-tracker,.share-buttons{
  background:var(--p-card)!important;border:1px solid var(--p-border)!important;color:#e2e4ef!important;
}
.sources-block h2,.editorial-lab-notes h2{color:rgba(255,255,255,.85)!important}
.share-buttons{background:rgba(255,255,255,.03)!important}

/* trd-picks-first — dark premium (never light #fff blocks) */
.trd-ranked-list.trd-picks-first{margin:24px 0 32px;padding:0;background:transparent;border:none;border-radius:0}
.trd-ranked-list.trd-picks-first>h2{font-size:1.35rem;margin:0 0 6px;color:#fff}
.trd-ranked-list-lead{margin:0 0 18px;color:rgba(255,255,255,.65);font-size:.95rem;line-height:1.5}
.trd-ranked-card.trd-pick-spotlight{margin:0 0 14px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#14141f;box-shadow:none;overflow:hidden}
.trd-pick-spotlight-row{display:block!important;padding:0!important} .trd-pick-spotlight-main{flex:1;min-width:220px;padding:16px 18px}
.trd-pick-spotlight-main .product-card-title{font-size:1.1rem;margin:0 0 6px;color:#fff}
.trd-pick-spotlight-main .product-card-excerpt{font-size:.92rem;color:rgba(255,255,255,.7);margin:8px 0;line-height:1.5}
.trd-pick-spotlight-main .product-card-price{font-size:.95rem;color:#4ade80;margin:8px 0}
.trd-pick-spotlight-main .btn-buy{display:inline-block;margin-top:8px;padding:10px 18px;border-radius:8px;font-weight:600;text-decoration:none!important}
.trd-pick-details{border-top:1px solid rgba(255,255,255,.08)!important;background:transparent!important}
.trd-pick-details>summary{cursor:pointer;padding:12px 18px;font-size:.9rem;font-weight:600;color:rgba(255,255,255,.88)!important;background:rgba(255,255,255,.04)!important;list-style:none;border-left:none!important}
.trd-pick-details>summary::-webkit-details-marker{display:none}
.trd-pick-details[open]>summary{border-bottom:1px solid rgba(255,255,255,.08)!important;background:rgba(255,255,255,.05)!important}
.trd-pick-details .product-card-body{padding:16px 18px 18px}
.trd-shortlist-intro{margin:0 0 20px;padding:16px 18px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:12px}
.trd-shortlist-intro>p{margin:0 0 12px;color:rgba(255,255,255,.75);font-size:.95rem;line-height:1.55}
.trd-shortlist-quick{list-style:none;margin:0;padding:0}
.trd-shortlist-quick li{display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.trd-shortlist-quick li:last-child{border-bottom:0}
.trd-shortlist-rank{font-weight:700;color:#60a5fa;min-width:28px}
.trd-shortlist-name{font-weight:600;color:#fff}
.trd-shortlist-tagline{color:rgba(255,255,255,.55);font-size:.88rem;margin-top:2px;line-height:1.45}
.trd-pick-detail-blurb{font-size:.9rem;color:rgba(255,255,255,.65);line-height:1.55;margin:10px 0 0}
@media(max-width:640px){
/* trd-fixed-header-v2 */
:root{--trd-header-h:156px}@media(max-width:600px){:root{--trd-header-h:132px}.site-top{position:fixed!important;top:0;left:0;right:0;width:100%;z-index:1000;box-shadow:0 2px 12px rgba(0,0,0,.35);background:rgba(13,13,20,.96)!important}.site-header{background:rgba(13,13,20,.96)!important;color:#fff!important}.header-inner{min-height:46px!important;max-height:50px!important;padding:0 12px!important}.site-logo{font-size:clamp(1.25rem,3vw,1.52rem)!important;padding:5px 0!important;line-height:1.15!important}.category-nav{background:rgba(13,13,20,.9)!important;border-bottom:1px solid rgba(255,255,255,.08)!important}.category-nav-inner{padding:6px 14px!important;row-gap:4px!important}.cat-nav-link{color:rgba(255,255,255,.72)!important;font-size:15px!important;padding:3px 6px!important}body{padding-top:var(--trd-header-h)!important;background:#0d0d14!important;color:#e2e4ef!important}.sidebar{position:sticky!important;top:var(--trd-header-h)!important}@media(max-width:900px){.sidebar{position:static!important;top:auto!important}
/* TRD comparison table — dark (loads last; beats generator inline #f9fafb stripes) */
#picks-comparison .comparison-table,table.comparison-table,.comparison-table{ border:1px solid rgba(255,255,255,.08)!important; background:rgba(20,20,31,.55)!important;
}
table.comparison-table th,.comparison-table th{ background:rgba(255,255,255,.07)!important;color:#fff!important;
}
table.comparison-table td,.comparison-table td{ color:rgba(255,255,255,.88)!important; border-color:rgba(255,255,255,.06)!important;
}
table.comparison-table tbody tr:nth-child(odd) td,.comparison-table tbody tr:nth-child(odd) td{ background:transparent!important;
}
table.comparison-table tbody tr:nth-child(even) td,.comparison-table tbody tr:nth-child(even) td,
table.comparison-table tr:nth-child(even) td,.comparison-table tr:nth-child(even) td{ background:rgba(255,255,255,.04)!important;
}
table.comparison-table tbody tr:nth-child(even),.comparison-table tbody tr:nth-child(even),
table.comparison-table tr:nth-child(even),.comparison-table tr:nth-child(even){ background:rgba(255,255,255,.04)!important;
}
table.comparison-table tbody tr:nth-child(odd),.comparison-table tbody tr:nth-child(odd),
table.comparison-table tbody tr,.comparison-table tbody tr{ background:transparent!important;
}
table.comparison-table tr:hover td,.comparison-table tr:hover td{ background:rgba(96,165,250,.1)!important;
}
/* trd-container-grid */
.container{max-width:1200px;margin:0 auto;padding:0 16px;display:grid;grid-template-columns:1fr 320px;gap:32px;align-items:start}.main-content{min-width:0}.sidebar{position:sticky!important;top:var(--trd-header-h,156px)!important}@media(max-width:900px){.container{grid-template-columns:1fr}.sidebar{position:static!important;top:auto!important}
/* TRD Premium v2 — critical vars (full theme in trd-premium.css) */
:root{ --p-bg:#0d0d14;--p-card:#14141f;--p-border:rgba(255,255,255,.08); --p-accent:#60a5fa;--p-accent2:#a78bfa;--p-gold:#f59e0b; --p-green:#4ade80;--p-red:#f87171;--p-amz:#FF9900; --p-r:12px;--p-r-sm:8px;
}
body{background:var(--p-bg)!important;color:#e2e4ef!important}
@media(max-width:640px){} /* ── Ad block dark-theme override ── */
.trd-ad-infeed{margin:4px 0;min-height:0;background:transparent;border:none;padding:0}
.trd-ad-sidebar,.sidebar-sponsor.ad-slot-sidebar,.trd-ad-zone.trd-ad-sidebar{min-height:0;background:transparent;border:none;padding:2px}
.sidebar-box.sidebar-sponsor:empty,.sidebar-box.sidebar-sponsor:has(.trd-ad-zone:empty){display:none!important;}
/* comparison table dark theme */
table.comparison-table td,.comparison-table td{color:rgba(255,255,255,.88)!important;border-color:rgba(255,255,255,.06)!important;}
table.comparison-table th,.comparison-table th{background:rgba(255,255,255,.07)!important;color:#fff!important;}
table.comparison-table tbody tr:nth-child(even) td,.comparison-table tbody tr:nth-child(even) td,table.comparison-table tr:nth-child(even) td{background:rgba(255,255,255,.04)!important;}
table.comparison-table tbody tr:nth-child(odd) td,.comparison-table tbody tr:nth-child(odd) td{background:transparent!important;}
table.comparison-table,.comparison-table{border-color:rgba(255,255,255,.08)!important;background:rgba(20,20,31,.55)!important;} /* ── Jump navigation (in main content, not header) ── */
.trd-jump-nav{ display:flex!important;flex-wrap:wrap!important;gap:10px!important; margin:18px 0 22px!important;padding:14px 18px!important; background:rgba(255,255,255,.04)!important;border-radius:12px!important; border:1px solid rgba(255,255,255,.08)!important; max-width:100%!important;box-sizing:border-box!important;
}
.category-nav>.trd-jump-nav{display:none!important}
.trd-jump-nav a{ font-size:.82rem!important;font-weight:600!important;color:rgba(255,255,255,.72)!important; text-decoration:none!important;padding:7px 14px!important;border-radius:20px!important; border:1px solid rgba(255,255,255,.1)!important;transition:all .15s!important; white-space:nowrap!important;display:inline-flex!important;align-items:center!important;
}
.trd-jump-nav a:hover{ background:rgba(96,165,250,.12)!important;color:#93c5fd!important; border-color:rgba(96,165,250,.35)!important;
} @media(max-width:640px){
/* TRD Premium v2 — critical vars (full theme in trd-premium.css) */
:root{ --p-bg:#0d0d14;--p-card:#14141f;--p-border:rgba(255,255,255,.08); --p-accent:#60a5fa;--p-accent2:#a78bfa;--p-gold:#f59e0b; --p-green:#4ade80;--p-red:#f87171;--p-amz:#FF9900; --p-r:12px;--p-r-sm:8px;
}


@media(max-width:640px){