:root {
  --bg: #0a0a0f;
  --surface: #13131a;
  --surface-2: #1a1a24;
  --border: #252536;
  --border-2: #34344a;
  --accent: #7c3aed;
  --accent-2: #06b6d4;
  --accent-3: #f59e0b;
  --green: #22c55e;
  --red: #ef4444;
  --text: #e2e8f0;
  --text-2: #cbd5e1;
  --muted: #94a3b8;
  --muted-2: #64748b;
  --radius: 12px;
  --radius-lg: 16px;
  --shadow: 0 18px 48px rgba(0,0,0,.35);
  --font: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --max: 1120px;
  --textmax: 820px;
}
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--bg); color: var(--text); font-family: var(--font); font-size: 16px; line-height: 1.68; overflow-x: hidden; }
img { display: block; max-width: 100%; height: auto; }
a { color: var(--accent-2); text-decoration: none; }
a:hover { color: #67e8f9; text-decoration: underline; }
.skip-link { position: absolute; left: -999px; top: auto; background: var(--accent); color: #fff; padding: .7rem 1rem; border-radius: 0 0 .5rem 0; z-index: 1000; }
.skip-link:focus { left: 0; top: 0; }
nav { position: sticky; top: 0; z-index: 100; background: rgba(19,19,26,.94); backdrop-filter: blur(10px); border-bottom: 1px solid var(--border); display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: .9rem 2rem; width: 100%; }
.nav-brand { font-weight: 900; font-size: 1.1rem; background: linear-gradient(90deg,var(--accent),var(--accent-2)); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-decoration: none; }
.nav-links { display: flex; gap: 1.1rem; align-items: center; flex-wrap: wrap; }
.nav-links a { color: var(--muted); font-size: .92rem; font-weight: 600; }
.nav-links a:hover { color: var(--accent-2); text-decoration: none; }
main, .main-content { width: 100%; max-width: none; margin: 0; padding: 0; }
.hero { width: 100%; margin: 0; background: linear-gradient(135deg,#0f0f1a 0%,#1a0a2e 58%,#061a23 100%); border-bottom: 1px solid var(--border); text-align: center; }
.hero-inner { max-width: var(--max); margin: 0 auto; padding: 3.8rem 1.5rem 2.5rem; }
.hero-eyebrow { display: inline-flex; align-items: center; gap: .35rem; margin: 0 0 1rem; padding: .35rem .9rem; border: 1px solid rgba(124,58,237,.35); border-radius: 999px; background: rgba(124,58,237,.14); color: #c4b5fd; font-size: .76rem; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
.hero h1 { max-width: 900px; margin: .15rem auto 1rem; font-size: 3.8rem; line-height: 1.06; font-weight: 950; letter-spacing: -.035em; color: #f8fafc; text-shadow: 0 10px 32px rgba(0,0,0,.38); }
.hero h1 .gradient-text { color: inherit; }
@supports (-webkit-background-clip: text) {
  .hero h1 { background: linear-gradient(135deg,#f8fafc 0%,#c4b5fd 48%,#22d3ee 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-shadow: none; }
  .hero h1 .gradient-text { background: inherit; -webkit-background-clip: inherit; background-clip: inherit; -webkit-text-fill-color: inherit; }
}
.hero-sub { max-width: 760px; margin: 0 auto 1.4rem; color: var(--muted); font-size: 1.1rem; line-height: 1.6; }
.hero-figure { max-width: 900px; margin: 1.45rem auto 0; border: 1px solid rgba(124,58,237,.28); border-radius: 18px; overflow: hidden; background: #0f0f1a; box-shadow: var(--shadow); }
.hero-figure img { width: 100%; aspect-ratio: 1200 / 560; object-fit: cover; background: var(--surface-2); }
.hero-figure figcaption { border-top: 1px solid var(--border); padding: .45rem .8rem; text-align: right; color: var(--muted-2); font-size: .72rem; background: rgba(0,0,0,.2); }
.hero-meta, .ofb-meta { display: flex; justify-content: center; gap: .75rem 1.4rem; flex-wrap: wrap; margin: 1.25rem auto 0; color: var(--muted-2); font-size: .85rem; }
.hero-meta span, .ofb-meta span { display: inline-flex; align-items: center; gap: .35rem; }
.hero-disclosure.hero-disclosure--compact { display: block; max-width: 1040px; margin: 1.15rem auto 0; padding: .62rem 1rem; background: rgba(124,58,237,.10); border-left: 3px solid var(--accent); border-radius: 0 6px 6px 0; box-shadow: 0 0 18px rgba(124,58,237,.12); color: var(--muted); text-align: left; font-size: .84rem; line-height: 1.35; }
.hero-disclosure strong { color: var(--text); }
.hero-disclosure a { font-weight: 700; }
.content-wrap { width: 100%; max-width: var(--max); margin: 0 auto; padding: 3rem 1rem; }
.content-wrap > p, .page-content > p { max-width: var(--textmax); }
h2 { margin: 2.6rem 0 1rem; color: var(--accent-2); font-size: 2rem; line-height: 1.22; }
h3 { margin: 1.55rem 0 .75rem; color: var(--text); font-size: 1.18rem; line-height: 1.3; }
h4 { margin: 1rem 0 .5rem; color: var(--text); font-size: 1.05rem; }
p { margin: 0 0 1.05rem; color: var(--text-2); }
ul, ol { margin: 0 0 1.2rem; padding-left: 1.35rem; color: var(--text-2); }
li { margin: .42rem 0; }
li + li { margin-top: .5rem; }
strong { color: var(--text); }
blockquote { margin: 1.5rem 0; padding: 1rem 1.25rem; border-left: 3px solid var(--accent); background: var(--surface); border-radius: 0 var(--radius) var(--radius) 0; color: var(--muted); }
section, .article-section, .format-section, .ofb-section, .expanded-decision-section, .sitewide-enhancement, .final-added-section, .final-added-section-2 { margin: 2.1rem 0; }
.article-section, .format-section, .ofb-section, .expanded-decision-section, .sitewide-enhancement, .final-added-section, .final-added-section-2 { padding: 1.25rem 1.35rem; border: 1px solid var(--border); border-radius: var(--radius-lg); background: linear-gradient(180deg,rgba(255,255,255,.028),rgba(255,255,255,.012)); }
.article-section h2:first-child, .format-section h2:first-child, .ofb-section h2:first-child, .expanded-decision-section h2:first-child, .sitewide-enhancement h2:first-child, .final-added-section h2:first-child, .final-added-section-2 h2:first-child { margin-top: 0; }
.ofb-top { display: grid; grid-template-columns: minmax(0,1fr) minmax(280px,420px); gap: 1.6rem; align-items: center; margin: 2rem 0; padding: 1.5rem; border: 1px solid var(--border); border-radius: var(--radius-lg); background: var(--surface); }
.ofb-top img { border-radius: var(--radius); border: 1px solid var(--border-2); background: var(--surface-2); }
.ofb-kicker, .kicker, .top-pick-label, .ofb-rank { display: inline-block; margin: 0 0 .45rem; color: #c4b5fd; font-size: .72rem; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.card-grid, .format-card-grid, .ofb-grid, .hub-grid, .related-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px,1fr)); gap: 1rem; margin: 1.2rem 0; }
.card, .format-card, .ofb-card, .hub-card, .related-card, .spec-card, .ofb-product { display: block; padding: 1.2rem 1.25rem; border: 1px solid var(--border); border-radius: var(--radius); background: var(--surface); color: var(--text); box-shadow: 0 8px 26px rgba(0,0,0,.12); }
.card:hover, .format-card:hover, .ofb-card:hover, .hub-card:hover, .related-card:hover { border-color: var(--accent); text-decoration: none; transform: translateY(-1px); }
.card p, .format-card p, .ofb-card p, .hub-card p, .related-card p, .ofb-product p { color: var(--muted); font-size: .94rem; }
.go { font-weight: 800; color: var(--accent-2); }
.top-pick-section, .format-top-pick, .verdict-box, .format-callout, .ofb-callout, .info-box, .tip-box, .warning-box { margin: 1.6rem 0; padding: 1.25rem 1.35rem; border: 1px solid rgba(124,58,237,.42); border-left: 3px solid var(--accent); border-radius: var(--radius); background: rgba(124,58,237,.07); }
.warning-box { border-left-color: var(--accent-3); background: rgba(245,158,11,.07); }
.tip-box { border-left-color: var(--green); background: rgba(34,197,94,.07); }
.comparison-table-wrap, .table-wrap { width: 100%; overflow-x: auto; margin: 1.4rem 0; border: 1px solid var(--border); border-radius: var(--radius); background: var(--surface); }
table { width: 100%; border-collapse: collapse; font-size: .92rem; }
th, td { padding: .82rem .95rem; border-bottom: 1px solid var(--border); text-align: left; vertical-align: top; }
th { color: var(--accent-2); background: var(--surface-2); font-size: .78rem; text-transform: uppercase; letter-spacing: .06em; }
td { color: var(--text-2); }
tr:last-child td { border-bottom: 0; }
tr:hover td { background: rgba(124,58,237,.045); }
caption { caption-side: top; padding: .75rem 1rem; color: var(--muted); text-align: left; }
.pros-cons, .pros-cons-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(260px,1fr)); gap: 1rem; margin: 1.3rem 0; }
.pros, .cons, .pros-box, .cons-box, .pro-box, .con-box { padding: 1.15rem; border: 1px solid var(--border); border-radius: var(--radius); background: var(--surface); }
.pros, .pros-box, .pro-box { border-top: 3px solid var(--green); }
.cons, .cons-box, .con-box { border-top: 3px solid var(--red); }
.spec-grid, .format-stat-strip, .format-score-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(180px,1fr)); gap: 1rem; margin: 1.3rem 0; }
.spec-label, .stat-label { color: var(--muted-2); font-size: .76rem; text-transform: uppercase; letter-spacing: .07em; }
.spec-val, .stat-num { display: block; color: var(--text); font-weight: 900; font-size: 1.25rem; }
.format-action-table { margin: 1.2rem 0; border: 1px solid var(--border); border-radius: var(--radius); overflow: hidden; background: var(--surface); }
.format-action-row { display: grid; grid-template-columns: minmax(160px,.7fr) minmax(0,1fr); gap: 1rem; padding: 1rem 1.1rem; border-bottom: 1px solid var(--border); }
.format-action-row:last-child { border-bottom: 0; }
.format-action-row span { color: var(--muted); }
.format-comparison { margin: 1.2rem 0; border: 1px solid var(--border); border-radius: var(--radius); overflow: hidden; }
.format-comparison-header, .format-comparison-row { display: grid; grid-template-columns: minmax(140px,.8fr) repeat(2,minmax(0,1fr)); }
.format-comparison-header > div, .format-comparison-row > div { padding: .9rem 1rem; border-bottom: 1px solid var(--border); }
.format-comparison-header { background: rgba(124,58,237,.14); font-weight: 900; }
.format-comparison-row > div:not(:first-child) { color: var(--muted); }
.btn, .ofb-btn, .btn-primary, .btn-secondary, .btn-affiliate, .buy-btn { display: inline-flex; align-items: center; justify-content: center; gap: .35rem; margin: .25rem .35rem .25rem 0; padding: .72rem 1.1rem; border: 1px solid transparent; border-radius: 10px; background: var(--accent); color: white !important; font-weight: 850; text-decoration: none; line-height: 1.2; }
.btn:hover, .ofb-btn:hover { text-decoration: none; filter: brightness(1.08); }
.btn-secondary, .ofb-btn.secondary, .secondary { background: transparent; border-color: var(--accent-2); color: var(--accent-2) !important; }
.btn-amazon { background: linear-gradient(90deg,#ff9900,#ffb347); color: #111 !important; }
.btn-zzounds, .ofb-btn.zz { background: linear-gradient(90deg,#b91c1c,#ef4444); color: white !important; }
.btn-pluginboutique { background: linear-gradient(90deg,#047857,#10b981); color: white !important; }
.ofb-ctas, .format-cta-row, .cta-group, .hero-ctas, .product-card-footer { display: flex; flex-wrap: wrap; gap: .45rem; margin: .9rem 0; }
.affiliate-cta, .affiliate-cta-box, .cta-box { margin: 1.6rem 0; padding: 1.25rem; border: 1px solid rgba(6,182,212,.38); border-radius: var(--radius); background: linear-gradient(135deg,rgba(6,182,212,.08),rgba(124,58,237,.08)); }
.affiliate-cta p, .affiliate-cta-box p { color: var(--muted); }
.product-card, .ofb-product { margin: 1.25rem 0; }
.product-card-header, .ofb-product-head { display: flex; justify-content: space-between; gap: 1rem; align-items: flex-start; flex-wrap: wrap; }
.product-name { font-size: 1.25rem; font-weight: 900; }
.product-price { color: var(--accent-2); font-weight: 900; }
.verdict-badge, .ofb-verdict, .badge { display: inline-flex; align-items: center; width: max-content; padding: .28rem .68rem; border: 1px solid rgba(34,197,94,.3); border-radius: 999px; background: rgba(34,197,94,.1); color: #4ade80; font-size: .72rem; font-weight: 900; text-transform: uppercase; letter-spacing: .06em; }
.badge-cyan { border-color: rgba(6,182,212,.35); background: rgba(6,182,212,.1); color: var(--accent-2); }
.badge-amber { border-color: rgba(245,158,11,.35); background: rgba(245,158,11,.1); color: var(--accent-3); }
.faq-section { margin: 2.5rem 0; }
.faq-section h2 { margin-bottom: 1rem; }
.faq-section details, details { margin: .75rem 0; border: 1px solid var(--border); border-radius: var(--radius); background: var(--surface); overflow: hidden; }
.faq-section summary, details summary { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1rem 1.15rem; cursor: pointer; color: var(--text); font-weight: 850; list-style: none; }
.faq-section summary::-webkit-details-marker, details summary::-webkit-details-marker { display: none; }
.faq-section summary::after, details summary::after { content: "+"; color: var(--accent-2); font-size: 1.25rem; }
.faq-section details[open] summary::after, details[open] summary::after { content: "−"; }
.faq-section details p, details > p, details > div { padding: 0 1.15rem 1.1rem; margin: 0; color: var(--muted); }
.related-articles { margin: 2.4rem 0; padding: 1.2rem 1.35rem; border: 1px solid var(--border); border-radius: var(--radius); background: var(--surface); }
.related-articles h3 { margin: 0 0 .85rem; color: #c4b5fd; font-size: .82rem; text-transform: uppercase; letter-spacing: .1em; }
.related-articles ul { display: flex; flex-wrap: wrap; gap: .55rem; list-style: none; padding: 0; margin: 0; }
.related-articles a { display: inline-flex; padding: .42rem .7rem; border: 1px solid var(--border-2); border-radius: 7px; background: #0e0e1a; color: #cbd5e1; font-size: .88rem; }
.related-articles a:hover { border-color: var(--accent); color: white; text-decoration: none; }
.author-box { display: flex; gap: 1rem; margin: 2.4rem 0 0; padding: 1.25rem; border: 1px solid var(--border); border-radius: var(--radius); background: var(--surface); }
.author-avatar { width: 54px; height: 54px; display: grid; place-items: center; flex: 0 0 54px; border-radius: 50%; background: linear-gradient(135deg,var(--accent),var(--accent-2)); font-size: 1.45rem; }
.author-info h4 { margin: .1rem 0; }
.author-title { color: var(--accent-2); font-size: .9rem; margin: .15rem 0 .5rem; }
footer { width: 100%; border-top: 1px solid var(--border); background: var(--surface); color: var(--muted); }
.footer-nav-grid { max-width: var(--max); margin: 0 auto; padding: 2.2rem 1rem 1.2rem; display: grid; grid-template-columns: repeat(auto-fit,minmax(170px,1fr)); gap: 1.4rem; }
.footer-col h4 { margin: 0 0 .65rem; color: var(--muted-2); font-size: .76rem; text-transform: uppercase; letter-spacing: .09em; }
.footer-col ul { list-style: none; margin: 0; padding: 0; }
.footer-col li { margin: .28rem 0; }
.footer-col a { color: var(--muted); font-size: .86rem; }
.footer-bottom { border-top: 1px solid var(--border); padding: 1.1rem; text-align: center; }
.footer-bottom p { margin: 0; color: var(--muted-2); font-size: .82rem; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); }
.text-center { text-align: center; }
.text-muted { color: var(--muted); }
@media (max-width: 760px) {
  nav { position: static; align-items: flex-start; flex-direction: column; padding: .9rem 1rem; }
  .nav-links { gap: .65rem 1rem; }
  .hero-inner { padding: 2.8rem 1rem 1.9rem; }
  .hero h1 { font-size: 2.25rem; }
  .content-wrap { padding: 2.2rem .75rem; }
  .ofb-top { grid-template-columns: 1fr; }
  .format-action-row, .format-comparison-header, .format-comparison-row { grid-template-columns: 1fr; }
  .btn, .ofb-btn { width: 100%; margin: .2rem 0; }
  .author-box { flex-direction: column; }
}

/* =============================================================================
   Final cohesion patch: restores page-specific imagery while preserving the
   simplified shared shell. Keep this block last so it resolves legacy classes.
   ============================================================================= */
.content-wrap { max-width: 1120px; }
.content-wrap > p, .page-content > p { max-width: none; }
.page-content { width: 100%; }
.page-content > h2, .page-content > h3, .page-content > p, .page-content > ul, .page-content > ol, .page-content > div { width: 100%; }
.hero-figure { max-width: min(960px, calc(100vw - 2rem)); }
.hero-figure img { width: 100%; min-height: 260px; max-height: 520px; aspect-ratio: 16 / 7; object-fit: cover; }
.hero-figure img.product-photo-img, .ofb-top img.product-photo-img, img.product-photo-img { object-fit: contain; background: #0f0f1a; padding: .65rem; }
.hero-figure figcaption, .img-attribution { color: var(--muted-2); font-size: .76rem; line-height: 1.35; }
.hero-figure figcaption a, .img-attribution a { color: var(--accent-2); }
.hub-hero-stat { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 1rem; margin: 0 0 2rem; }
.hub-stat { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); padding: 1rem; text-align: center; }
.hub-stat strong { display: block; font-size: 1.35rem; color: var(--accent-2); line-height: 1.1; }
.hub-stat span { display: block; margin-top: .25rem; color: var(--muted); font-size: .82rem; }
.category-nav { display: flex; flex-wrap: wrap; gap: .55rem; margin: 1.2rem 0 2rem; padding: .8rem; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); }
.category-nav a { padding: .42rem .72rem; border: 1px solid var(--border-2); border-radius: 999px; color: var(--muted); font-weight: 800; font-size: .86rem; }
.category-nav a:hover, .category-nav a.active { color: white; border-color: var(--accent); background: rgba(124,58,237,.16); text-decoration: none; }
.hub-card-icon, .card-icon { font-size: 1.65rem; line-height: 1; margin-bottom: .65rem; }
.hub-links { list-style: none; padding: 0; margin: .9rem 0; display: grid; gap: .35rem; }
.hub-links li { margin: 0; }
.hub-links a { color: var(--accent-2); font-weight: 750; }
.btn-hub { display: inline-flex; align-items: center; justify-content: center; margin-top: .25rem; padding: .64rem .9rem; border-radius: 10px; background: rgba(6,182,212,.12); border: 1px solid rgba(6,182,212,.42); color: var(--accent-2); font-weight: 850; }
.btn-hub:hover { color: white; border-color: var(--accent-2); text-decoration: none; }
.tips-banner { margin: 1.6rem 0; padding: 1rem 1.15rem; border: 1px solid rgba(245,158,11,.35); border-left: 3px solid var(--accent-3); border-radius: var(--radius); background: rgba(245,158,11,.08); color: var(--text-2); }
.star-rating-badge { display: inline-flex; align-items: center; gap: .6rem; margin: .2rem auto 1rem; padding: .45rem .85rem; border: 1px solid rgba(245,158,11,.35); border-radius: 999px; background: rgba(245,158,11,.08); color: var(--accent-3); font-weight: 850; }
.star-rating-badge .rating-text { color: var(--text-2); font-size: .9rem; }
.intro-text { font-size: 1.08rem; color: var(--text-2); }
.summary-box, .checklist-section, .next-steps-section { margin: 1.8rem 0; padding: 1.25rem; border: 1px solid var(--border); border-radius: var(--radius); background: var(--surface); }
.checklist, .checklist-section ul { list-style: none; padding-left: 0; }
.checklist-item { display: grid; grid-template-columns: auto 1fr; gap: .7rem; align-items: start; padding: .65rem 0; border-bottom: 1px solid rgba(255,255,255,.06); }
.checklist-item:last-child { border-bottom: 0; }
.check-icon, .tick { color: var(--green); font-weight: 900; }
.commission-tag { display: inline-flex; padding: .22rem .55rem; border-radius: 999px; background: rgba(124,58,237,.16); color: #c4b5fd; font-size: .74rem; font-weight: 900; text-transform: uppercase; letter-spacing: .05em; }
.card-grid:has(> :only-child), .hub-grid:has(> :only-child), .format-card-grid:has(> :only-child), .ofb-grid:has(> :only-child) { max-width: 520px; }
@media (max-width: 760px) {
  .hero-figure img { min-height: 190px; aspect-ratio: 16 / 9; }
  .hub-hero-stat { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .category-nav { gap: .4rem; }
  .category-nav a { font-size: .78rem; }
}


/* === Offbeat final visual continuity layer ===
   Single override layer for width, section contrast, CTA balance, row groups,
   affiliate/product cards, and hero disclosure/image reliability. */
:root { --accent2: var(--accent-2); --accent3: var(--accent-3); --max: 1180px; --textmax: 100%; }
.content-wrap { width: 100%; max-width: min(var(--max), calc(100vw - 2rem)); margin: 0 auto; padding: 3rem 1rem; }
.content-wrap > p,
.content-wrap > ul,
.content-wrap > ol,
.content-wrap > div,
.content-wrap > h2,
.content-wrap > h3,
.page-content > p,
.page-content > ul,
.page-content > ol,
.page-content > div,
.page-content > h2,
.page-content > h3 { max-width: none; width: 100%; }
.hero-disclosure.hero-disclosure--compact { max-width: 1040px; margin: 1rem auto 0; padding: .68rem 1rem; background: rgba(124,58,237,.10); border-left: 3px solid var(--accent); border-radius: 0 8px 8px 0; box-shadow: 0 0 18px rgba(124,58,237,.13); text-align: left; }
.hero-figure { min-height: 220px; }
.hero-figure img { min-height: 220px; object-fit: cover; }
.hero-figure figcaption a, .img-attribution a { color: var(--muted); border-bottom: 1px solid rgba(148,163,184,.35); }
.hero-figure figcaption a:hover, .img-attribution a:hover { color: var(--accent-2); }
.article-section,
.format-section,
.ofb-section,
.expanded-decision-section,
.sitewide-enhancement,
.final-added-section,
.final-added-section-2,
.product-section-card,
.checklist-section-card,
.summary-box,
.next-steps-section,
.checklist-section {
  width: 100%; max-width: none; margin: 2rem 0; padding: clamp(1.35rem, 2.35vw, 2rem);
  border: 1px solid rgba(124,58,237,.24); border-radius: var(--radius-lg);
  background: linear-gradient(135deg, rgba(19,19,26,.98), rgba(26,26,36,.90));
  box-shadow: 0 14px 34px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.035);
}
.article-section:nth-of-type(2n), .product-section-card:nth-of-type(2n) { border-color: rgba(6,182,212,.18); }
.article-section h2:first-child,
.format-section h2:first-child,
.ofb-section h2:first-child,
.product-section-card h2:first-child,
.checklist-section-card h2:first-child { margin-top: 0; }
.article-section > p, .format-section > p, .ofb-section > p, .product-section-card > p, .checklist-section-card > p { max-width: none; }
.article-section h2, .product-section-card h2, .checklist-section-card h2 { color: var(--accent-2); }
.article-section h3, .product-section-card h3, .checklist-section-card h3 { color: var(--text); }
.card, .format-card, .ofb-card, .hub-card, .related-card, .spec-card, .affiliate-product-card {
  border: 1px solid rgba(124,58,237,.24); background: rgba(19,19,26,.92);
}
.card:hover, .format-card:hover, .ofb-card:hover, .hub-card:hover, .related-card:hover { border-color: rgba(6,182,212,.58); }
.card-grid, .format-card-grid, .ofb-grid, .hub-grid, .related-grid, .affiliate-product-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:1rem; align-items:stretch; width:100%; }
.card-grid:has(> :only-child), .hub-grid:has(> :only-child), .format-card-grid:has(> :only-child), .ofb-grid:has(> :only-child) { max-width: none; }
.affiliate-cta-box,
.top-pick-section,
.product-buy-row {
  display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 1rem 1.5rem;
  width: 100%; max-width: none; padding: 1.15rem 1.35rem; border-radius: var(--radius);
}
.affiliate-cta-box { background: linear-gradient(135deg, rgba(124,58,237,.13), rgba(6,182,212,.055)); border: 1px solid rgba(124,58,237,.34); }
.affiliate-cta-box--zzounds { background: linear-gradient(135deg, rgba(192,57,43,.14), rgba(231,76,60,.055)); border-color: rgba(231,76,60,.35); }
.affiliate-cta-box > a, .top-pick-section > a, .product-buy-row > a { justify-self:end; white-space:nowrap; }
.affiliate-cta-box h3, .affiliate-cta-box p, .top-pick-section h3, .top-pick-section p { text-align:left; }
.product-buy-row { margin: 1rem 0 1.35rem; background: linear-gradient(135deg, rgba(245,158,11,.12), rgba(249,115,22,.05)); border: 1px solid rgba(245,158,11,.36); }
.product-buy-row strong { display:block; color:var(--text); }
.product-buy-row p { margin:.15rem 0 0; color:var(--muted); font-size:.9rem; }
.format-action-table, .format-comparison { display:grid; gap:.75rem; margin:1.25rem 0; width:100%; border:0; background:transparent; overflow:visible; }
.format-action-row, .format-comparison-row, .format-comparison-header {
  display:grid; grid-template-columns:minmax(190px,.38fr) minmax(0,1fr); gap:1rem; align-items:start;
  padding:1rem 1.1rem; border:1px solid rgba(255,255,255,.085); border-radius:var(--radius);
  background:rgba(19,19,26,.86);
}
.format-comparison-header { border-color:rgba(124,58,237,.28); background:rgba(124,58,237,.10); color:var(--accent-2); font-weight:800; }
.format-action-row strong { color:var(--accent-2); }
.format-action-row span { color:var(--muted); }
.format-stat-strip, .format-score-grid, .hub-hero-stat, .stats-bar, .spec-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:1rem; width:100%; }
.format-stat, .hub-stat, .stat, .spec-card {
  padding:1rem; border:1px solid rgba(124,58,237,.22); border-radius:var(--radius);
  background:rgba(19,19,26,.9); display:flex; flex-direction:column; gap:.25rem; align-items:flex-start;
}
.format-stat strong, .hub-stat strong, .stat-num, .spec-val { font-weight:900; font-size:1.35rem; color:var(--text); line-height:1.1; }
.format-stat span, .hub-stat span, .stat-label, .spec-label { color:var(--muted); font-size:.82rem; line-height:1.35; }
.affiliate-product-section { border-color:rgba(245,158,11,.34); }
.affiliate-product-grid { margin-top:1.15rem; }
.affiliate-product-card { display:flex; flex-direction:column; gap:.55rem; padding:1.1rem; border-radius:var(--radius); }
.affiliate-product-card h3 { margin:0; color:var(--text); font-size:1.02rem; }
.affiliate-product-card p { margin:0 0 .3rem; color:var(--muted); font-size:.9rem; flex:1; }
.affiliate-product-card .btn { justify-content:center; margin-top:auto; }
.related-articles { border:1px solid rgba(124,58,237,.26); background:linear-gradient(135deg,rgba(26,26,46,.96),rgba(19,19,26,.95)); }
.related-articles ul { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:.65rem; }
.related-articles li { margin:0; }
.related-articles a { width:100%; height:100%; }
.table-wrap, .comparison-table-wrap { width:100%; max-width:none; }
@media (max-width:760px){
  .content-wrap{max-width:calc(100vw - 1rem);padding-left:.5rem;padding-right:.5rem;}
  .affiliate-cta-box,.top-pick-section,.product-buy-row{grid-template-columns:1fr;}
  .affiliate-cta-box>a,.top-pick-section>a,.product-buy-row>a{justify-self:stretch;width:100%;justify-content:center;}
  .format-action-row,.format-comparison-row,.format-comparison-header{grid-template-columns:1fr;}
}


/* =============================================================================
   Final visual QA correction layer — contrast, card nesting, widths, steps,
   comparisons, CTA balance, and funnel modules. Keep last.
   ============================================================================= */
:root{
  --bg:#08080d;
  --surface:#101018;
  --surface-2:#151522;
  --surface-deep:#0b0b12;
  --surface-card:#12121c;
  --surface-card-2:#171725;
  --border:#2b2144;
  --border-2:#3b2f5d;
  --purple-soft:rgba(124,58,237,.34);
  --cyan-soft:rgba(6,182,212,.26);
  --shadow:0 18px 52px rgba(0,0,0,.34);
  --max:1180px;
  --textmax:100%;
}
body{background:var(--bg);}
.content-wrap{max-width:min(var(--max),calc(100vw - 2rem));padding:3rem 1rem;}
.content-wrap p,.content-wrap li,.page-content p,.page-content li{font-size:1rem;}
.content-wrap p,.content-wrap > p,.page-content p,.article-section p,.format-section p,.ofb-section p,.product-section-card p,.checklist-section-card p{max-width:none;width:auto;}
.content-wrap > h2,.content-wrap > h3,.content-wrap > p,.content-wrap > ul,.content-wrap > ol,.content-wrap > div,.page-content > h2,.page-content > h3,.page-content > p,.page-content > ul,.page-content > ol,.page-content > div{max-width:none;width:100%;}
.hero{background:linear-gradient(135deg,#0b0b13 0%,#190a2d 58%,#06161f 100%);}
.hero-inner{max-width:1180px;}
.hero-disclosure.hero-disclosure--compact{max-width:1040px;margin:1.15rem auto 0;background:rgba(124,58,237,.10);border-left:3px solid var(--accent);border-top:0;border-right:0;border-bottom:0;border-radius:0 8px 8px 0;box-shadow:0 0 18px rgba(124,58,237,.12);}

/* Use near-black section panels, not grey-on-grey nesting. */
.article-section,.format-section,.ofb-section,.expanded-decision-section,.sitewide-enhancement,.final-added-section,.final-added-section-2,.product-section-card,.checklist-section-card,.summary-box,.next-steps-section,.checklist-section{
  width:100%;max-width:none;margin:2.15rem 0;padding:clamp(1.4rem,2.3vw,2.05rem);
  border:1px solid var(--purple-soft);border-radius:var(--radius-lg);
  background:linear-gradient(135deg,var(--surface-deep),#11111a 78%);
  box-shadow:0 14px 34px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.025);
}
.article-section:nth-of-type(2n),.format-section:nth-of-type(2n),.ofb-section:nth-of-type(2n){border-color:var(--cyan-soft);}
.article-section .article-section,.article-section .format-section,.article-section .ofb-section,.format-section .article-section,.format-section .format-section,.ofb-section .ofb-section{
  background:transparent;border:0;box-shadow:none;padding:0;margin:1.2rem 0;
}
.article-section h2:first-child,.format-section h2:first-child,.ofb-section h2:first-child,.product-section-card h2:first-child,.checklist-section-card h2:first-child{margin-top:0;}
.article-section h2,.format-section h2,.ofb-section h2,.product-section-card h2,.checklist-section-card h2{color:var(--accent-2);}
.article-section h3,.format-section h3,.ofb-section h3{color:var(--text);}

/* Inner cards: darker, fewer outlines, clearer contrast. */
.card,.format-card,.ofb-card,.hub-card,.related-card,.spec-card,.ofb-product,.product-card,.affiliate-product-card,.checklist-card,.starter-kit{
  background:linear-gradient(135deg,var(--surface-card),var(--surface-card-2));
  border:1px solid rgba(124,58,237,.28);border-radius:var(--radius);box-shadow:0 10px 28px rgba(0,0,0,.22);
}
.article-section .card,.format-section .card,.ofb-section .card,.article-section .format-card,.format-section .format-card,.ofb-section .ofb-card,.article-section .hub-card,.format-section .hub-card{
  background:#101018;border-color:rgba(124,58,237,.22);
}
.card:hover,.format-card:hover,.ofb-card:hover,.hub-card:hover,.related-card:hover{border-color:rgba(6,182,212,.58);}
.card-grid,.format-card-grid,.ofb-grid,.hub-grid,.related-grid,.affiliate-product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;width:100%;align-items:stretch;}
.card-grid:has(> :only-child),.hub-grid:has(> :only-child),.format-card-grid:has(> :only-child),.ofb-grid:has(> :only-child){max-width:none;}

/* Numbered paths / journey cards. */
.roadmap,.format-steps,.journey-steps,.step-grid{display:grid;gap:1rem;margin:1.25rem 0;width:100%;}
.roadmap-step,.format-step,.journey-step,.step-card{
  display:grid;grid-template-columns:auto minmax(0,1fr);gap:1rem;align-items:start;
  padding:1.05rem 1.15rem;border:1px solid rgba(124,58,237,.26);border-radius:var(--radius);
  background:#101018;box-shadow:0 8px 22px rgba(0,0,0,.20);
}
.roadmap-step-num,.format-step-number,.journey-step-number,.step-number{
  width:2.25rem;height:2.25rem;display:grid;place-items:center;flex:0 0 2.25rem;border-radius:999px;
  color:#fff;font-weight:950;line-height:1;background:linear-gradient(135deg,var(--accent),var(--accent-2));
  box-shadow:0 0 0 4px rgba(124,58,237,.10),0 8px 20px rgba(0,0,0,.28);
}
.roadmap-step h3,.format-step h3,.journey-step h3{margin:.05rem 0 .35rem;color:var(--text);}
.roadmap-step p,.format-step p,.journey-step p{margin:0;color:var(--text-2);}

/* Comparison / action row groups: one outer component, row dividers only. */
.format-action-table,.format-comparison{display:block;width:100%;margin:1.3rem 0;border:1px solid rgba(124,58,237,.28);border-radius:var(--radius);overflow:hidden;background:var(--surface-deep);box-shadow:0 10px 28px rgba(0,0,0,.18);}
.format-action-row{display:grid;grid-template-columns:minmax(190px,.38fr) minmax(0,1fr);gap:1rem;align-items:start;padding:1rem 1.15rem;border:0;border-bottom:1px solid rgba(255,255,255,.08);border-radius:0;background:transparent;}
.format-action-row:last-child{border-bottom:0;}
.format-action-row strong{color:var(--accent-2);}
.format-action-row span{color:var(--text-2);}
.format-comparison-header,.format-comparison-row{display:grid;grid-template-columns:minmax(170px,.65fr) repeat(2,minmax(0,1fr));gap:0;align-items:stretch;padding:0;border:0;border-radius:0;background:transparent;}
.format-comparison-header{background:rgba(124,58,237,.16);color:var(--accent-2);font-weight:900;}
.format-comparison-header > div,.format-comparison-row > div{padding:1rem 1.1rem;border:0;border-bottom:1px solid rgba(255,255,255,.08);min-width:0;}
.format-comparison-row:last-child > div{border-bottom:0;}
.format-comparison-row > div:not(:first-child){color:var(--text-2);}
.format-comparison-row > div:first-child{color:var(--text);font-weight:800;}

/* Stat strips should read as separate tiles, not mashed together text. */
.format-stat-strip,.format-score-grid,.hub-hero-stat,.stats-bar,.spec-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;width:100%;align-items:stretch;}
.format-stat,.hub-stat,.stat,.spec-card{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:.35rem;padding:1rem;border:1px solid rgba(124,58,237,.24);border-radius:var(--radius);background:#101018;text-align:left;}
.format-stat strong,.hub-stat strong,.stat-num,.spec-val{display:block;color:var(--text);font-size:1.35rem;font-weight:950;line-height:1.1;word-break:normal;}
.format-stat span,.hub-stat span,.stat-label,.spec-label{display:block;color:var(--muted);font-size:.84rem;line-height:1.35;}

/* CTA balance: copy left, button right. Keep brand buttons, remove extra red/amber panels. */
.affiliate-cta-box,.affiliate-cta,.cta-box,.top-pick-section,.product-buy-row{
  display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem 1.5rem;width:100%;max-width:none;
  border:1px solid rgba(124,58,237,.36);border-radius:var(--radius);background:linear-gradient(135deg,rgba(124,58,237,.12),rgba(6,182,212,.055));
}
.affiliate-cta-box--zzounds,.affiliate-cta-box--pluginboutique,.product-buy-row{border-color:rgba(124,58,237,.36);background:linear-gradient(135deg,rgba(124,58,237,.12),rgba(6,182,212,.055));}
.affiliate-cta-box > a,.affiliate-cta > a,.cta-box > a,.top-pick-section > a,.product-buy-row > a{justify-self:end;white-space:nowrap;}
.affiliate-cta-box h3,.affiliate-cta-box p,.affiliate-cta h3,.affiliate-cta p,.cta-box h3,.cta-box p,.top-pick-section h3,.top-pick-section p,.product-buy-row p{text-align:left;}
.warning-box,.tips-banner{border-color:rgba(124,58,237,.36);border-left-color:var(--accent);background:rgba(124,58,237,.08);}
.badge-amber{border-color:rgba(124,58,237,.32);background:rgba(124,58,237,.12);color:#c4b5fd;}

/* Related/funnel modules */
.related-articles.funnel-related{margin:2.6rem 0;padding:1.35rem;border:1px solid rgba(124,58,237,.34);border-radius:var(--radius-lg);background:linear-gradient(135deg,#0d0d14,#11111b);}
.related-articles.funnel-related h3{margin:0 0 1rem;color:#c4b5fd;}
.related-articles.funnel-related ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.7rem;list-style:none;margin:0;padding:0;}
.related-articles.funnel-related li{margin:0;}
.related-articles.funnel-related a{display:flex;align-items:center;min-height:100%;width:100%;padding:.75rem .85rem;border:1px solid rgba(124,58,237,.26);border-radius:10px;background:#101018;color:var(--text-2);font-weight:800;}
.related-articles.funnel-related a:hover{border-color:rgba(6,182,212,.58);color:#fff;text-decoration:none;}
.footer-nav-grid{grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:1.25rem;}
.footer-col a{line-height:1.35;}

@media(max-width:760px){
  .format-action-row,.format-comparison-header,.format-comparison-row,.roadmap-step,.format-step,.journey-step{grid-template-columns:1fr;}
  .affiliate-cta-box,.affiliate-cta,.cta-box,.top-pick-section,.product-buy-row{grid-template-columns:1fr;}
  .affiliate-cta-box > a,.affiliate-cta > a,.cta-box > a,.top-pick-section > a,.product-buy-row > a{justify-self:stretch;width:100%;}
}


/* =============================================================================
   Night stabilization layer — 2026-06-12
   Goal: preserve the stronger cohesive shell while reducing grey-on-grey nesting,
   restoring near-black inner cards, simplifying related guides, and compacting the footer.
   ============================================================================= */
:root{
  --bg:#050508;
  --surface:#0b0b11;
  --surface-2:#11111a;
  --surface-deep:#07070c;
  --surface-card:#020204;
  --surface-card-2:#07070b;
  --border:#342157;
  --border-2:#4a3276;
  --purple-soft:rgba(124,58,237,.40);
  --cyan-soft:rgba(6,182,212,.30);
  --section-bg:linear-gradient(135deg,#0a0a10 0%,#11111a 78%,#0a0a10 100%);
  --inner-bg:linear-gradient(135deg,#020204 0%,#06060a 100%);
}
html,body{background:var(--bg);}
.content-wrap{max-width:min(1180px,calc(100vw - 2rem));}
.content-wrap p,.page-content p,.article-section p,.format-section p,.ofb-section p,.product-section-card p,.checklist-section-card p{max-width:none!important;}
.article-section,.format-section,.ofb-section,.expanded-decision-section,.sitewide-enhancement,.final-added-section,.final-added-section-2,.product-section-card,.checklist-section-card,.summary-box,.next-steps-section,.checklist-section{
  background:var(--section-bg)!important;
  border-color:var(--purple-soft)!important;
  box-shadow:0 16px 42px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.025)!important;
}
.article-section:nth-of-type(2n),.format-section:nth-of-type(2n),.ofb-section:nth-of-type(2n){border-color:var(--cyan-soft)!important;}
.article-section .article-section,.article-section .format-section,.article-section .ofb-section,.format-section .article-section,.format-section .format-section,.ofb-section .ofb-section{
  background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;margin:1.15rem 0!important;
}
.card,.format-card,.ofb-card,.hub-card,.related-card,.spec-card,.ofb-product,.product-card,.affiliate-product-card,.checklist-card,.starter-kit,details,.faq-item,.pros,.cons,.pro-box,.con-box,.pros-box,.cons-box{
  background:var(--inner-bg)!important;
  border-color:rgba(124,58,237,.28)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.34)!important;
}
.article-section .card,.article-section .format-card,.article-section .ofb-card,.article-section .hub-card,.article-section .spec-card,.article-section details,
.format-section .card,.format-section .format-card,.format-section .ofb-card,.format-section .hub-card,.format-section .spec-card,.format-section details,
.ofb-section .card,.ofb-section .format-card,.ofb-section .ofb-card,.ofb-section .hub-card,.ofb-section .spec-card,.ofb-section details{
  background:var(--inner-bg)!important;
  border-color:rgba(124,58,237,.22)!important;
}
.table-wrap,.comparison-table-wrap,.format-action-table,.format-comparison{
  background:#020204!important;
  border:1px solid rgba(124,58,237,.30)!important;
  box-shadow:0 14px 32px rgba(0,0,0,.36)!important;
}
table th,.comparison-table th,.comparison-grid th{background:#090910!important;color:var(--accent-2)!important;}
table td,.comparison-table td,.comparison-grid td{background:#020204!important;color:var(--text-2)!important;}
table tr:hover td,.comparison-table tr:hover td,.comparison-grid tr:hover td{background:#08080f!important;}
.format-action-row,.format-comparison-row{background:transparent!important;border-radius:0!important;box-shadow:none!important;}
.format-comparison-header{background:rgba(124,58,237,.13)!important;}
.roadmap-step,.format-step,.journey-step,.step-card{background:#020204!important;border-color:rgba(124,58,237,.24)!important;}
.roadmap-step-num,.format-step-number,.journey-step-number,.step-number{background:linear-gradient(135deg,var(--accent),var(--accent-2))!important;}
.affiliate-cta-box,.affiliate-cta,.cta-box,.top-pick-section,.product-buy-row{
  display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:1rem 1.5rem!important;
  background:linear-gradient(135deg,rgba(124,58,237,.16),rgba(6,182,212,.06))!important;
  border:1px solid rgba(124,58,237,.42)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.24)!important;
}
.cta-copy{min-width:0;}
.affiliate-cta-box>a,.affiliate-cta>a,.cta-box>a,.top-pick-section>a,.product-buy-row>a{justify-self:end!important;white-space:nowrap!important;}
.warning-box,.tips-banner,.info-box,.tip-box{background:rgba(124,58,237,.07)!important;border-color:rgba(124,58,237,.34)!important;border-left-color:var(--accent)!important;}
.badge-amber,.badge-red{background:rgba(124,58,237,.12)!important;color:#c4b5fd!important;border-color:rgba(124,58,237,.30)!important;}
.related-articles.funnel-related{
  margin:2.6rem 0!important;padding:1.25rem!important;border:1px solid rgba(124,58,237,.34)!important;border-radius:var(--radius-lg)!important;
  background:linear-gradient(135deg,#07070c,#0d0d15)!important;box-shadow:0 14px 38px rgba(0,0,0,.32)!important;
}
.related-articles.funnel-related h3{color:#c4b5fd!important;margin:0 0 .9rem!important;}
.related-articles.funnel-related ul{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;gap:.7rem!important;list-style:none!important;margin:0!important;padding:0!important;}
.related-articles.funnel-related a{display:flex!important;align-items:center!important;width:100%!important;min-height:100%!important;padding:.8rem .9rem!important;border:1px solid rgba(124,58,237,.28)!important;border-radius:10px!important;background:#020204!important;color:var(--text-2)!important;font-weight:850!important;}
.related-articles.funnel-related a:hover{border-color:rgba(6,182,212,.65)!important;color:white!important;text-decoration:none!important;}
footer{background:#08080d!important;border-top:1px solid rgba(124,58,237,.25)!important;}
.footer-nav-grid.footer-nav-grid--compact{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(145px,1fr))!important;gap:1.1rem!important;max-width:1180px!important;padding:2rem 1rem 1.1rem!important;}
.footer-nav-grid--compact .footer-col h4{color:#a78bfa!important;}
.footer-nav-grid--compact .footer-col li{margin:.22rem 0!important;}
.footer-nav-grid--compact .footer-col a{font-size:.82rem!important;line-height:1.32!important;color:var(--muted)!important;}
.footer-nav-grid--compact .footer-col a:hover{color:var(--accent-2)!important;}
.footer-bottom{background:#06060a!important;}
@media(max-width:760px){
  .affiliate-cta-box,.affiliate-cta,.cta-box,.top-pick-section,.product-buy-row{grid-template-columns:1fr!important;}
  .affiliate-cta-box>a,.affiliate-cta>a,.cta-box>a,.top-pick-section>a,.product-buy-row>a{justify-self:stretch!important;width:100%!important;justify-content:center!important;}
}


/* === Prelaunch trust/source polish === */
.trust-source-section { background: linear-gradient(180deg, rgba(6,182,212,.055), rgba(0,0,0,.18)); border-color: rgba(6,182,212,.26); }
.trust-source-section h2 { color: #67e8f9; }
.specific-notes-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: .85rem; margin: 1rem 0 1.2rem; }
.specific-note-card { border: 1px solid rgba(124,58,237,.28); border-radius: var(--radius); background: rgba(0,0,0,.28); padding: .95rem 1rem; }
.specific-note-card p { margin: 0; color: var(--text-2); }
.source-intro { margin: .75rem 0 .6rem; color: var(--muted); font-size: .94rem; }
.source-link-list { list-style: none; padding: 0; margin: .5rem 0 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: .55rem; }
.source-link-list li { margin: 0; }
.source-link-list a { display: block; padding: .72rem .85rem; border: 1px solid rgba(148,163,184,.18); border-radius: 10px; background: rgba(0,0,0,.34); color: #bfdbfe; font-weight: 750; }
.source-link-list a:hover { border-color: var(--accent-2); color: #fff; text-decoration: none; }

/* === Final mobile overflow hardening === */
@media (max-width: 760px) {
  html, body { max-width: 100%; overflow-x: hidden; }
  .content-wrap, main, .main-content, section, .article-section, .format-section, .ofb-section, .expanded-decision-section, .sitewide-enhancement, .final-added-section, .final-added-section-2 { max-width: 100% !important; }
  .ofb-top { grid-template-columns: minmax(0, 1fr) !important; overflow: hidden !important; }
  .ofb-top > *, .product-card > *, .ofb-product > *, .affiliate-product-card > *, .product-buy-row > *, .affiliate-cta-box > *, .top-pick-section > *, .cta-box > * { min-width: 0 !important; max-width: 100% !important; }
  .ofb-top img, .page-hero-img, .product-photo-img, .hero-figure img { width: 100% !important; max-width: 100% !important; height: auto !important; }
  .ofb-ctas, .format-cta-row, .cta-group, .hero-ctas, .product-card-footer { width: 100% !important; max-width: 100% !important; }
  .btn, .ofb-btn, .btn-primary, .btn-secondary, .btn-affiliate, .buy-btn, .btn-amazon, .btn-zzounds, .btn-pluginboutique { width: 100% !important; max-width: 100% !important; white-space: normal !important; overflow-wrap: anywhere !important; text-align: center !important; }
  .product-buy-row, .affiliate-cta-box, .affiliate-cta, .cta-box, .top-pick-section { overflow: hidden !important; }
  .comparison-table-wrap, .table-wrap { max-width: 100% !important; overflow-x: auto !important; -webkit-overflow-scrolling: touch; }
  .comparison-table-wrap table, .table-wrap table { min-width: 560px; }
}

/* === Mobile table wrapper compatibility === */
@media (max-width: 760px) {
  .comparison-table-wrapper, .table-wrapper { max-width: 100% !important; overflow-x: auto !important; -webkit-overflow-scrolling: touch; }
  .comparison-table-wrapper table, .table-wrapper table { min-width: 560px; }
}

/* === Mobile code/table containment === */
@media (max-width: 760px) {
  pre { max-width: 100% !important; overflow-x: auto !important; white-space: pre-wrap !important; }
  code { white-space: pre-wrap !important; overflow-wrap: anywhere !important; word-break: break-word !important; }
  .comparison-table-wrap, .comparison-table-wrapper, .table-wrap, .table-wrapper { display: block !important; width: 100% !important; max-width: 100% !important; overflow-x: auto !important; overflow-y: hidden !important; }
}


/* Final production touch-up sweep: generated-section polish */
.polished-list{margin:1rem 0 0;padding-left:1.25rem;display:grid;gap:.55rem;color:var(--text-2);}
.polished-list li{padding:.55rem .7rem;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:#020204;}
.spec-grid .spec-card{padding:1rem;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#020204;}
.spec-grid .spec-card strong{display:block;margin-bottom:.25rem;color:var(--accent-2);}
.card-grid > .card{min-height:100%;}
.disclosure-page .content-wrap section:last-child{margin-bottom:2rem;}

.product-gallery-grid figure{margin:0;}
.product-gallery-grid img{width:100%;height:auto;border-radius:12px;}
.product-gallery-grid figcaption{margin-top:.55rem;color:var(--text-2);font-size:.9rem;}


/* === Final affiliate/revenue hardening pass === */
.revenue-hardening-section .revenue-visual-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;margin:1rem 0 1.2rem;}
.revenue-hardening-section .revenue-visual-grid figure{padding:.75rem;border:1px solid rgba(124,58,237,.28);border-radius:var(--radius);background:#020204;}
.revenue-hardening-section .bespoke-decision-grid h3{margin:.05rem 0 .45rem;color:var(--accent-2);font-size:1rem;}
.cluster-intent-section{border-color:rgba(6,182,212,.28)!important;background:linear-gradient(180deg,rgba(6,182,212,.055),rgba(0,0,0,.18))!important;}
.cluster-intent-section a{font-weight:850;}


/* === Final screenshot-driven layout fixes — 2026-06-12 === */
.card-grid.comparison-with-pick{
  grid-template-columns:minmax(620px,1.35fr) minmax(320px,.65fr)!important;
  align-items:stretch!important;
}
.card-grid.comparison-with-pick>.comparison-table-wrap{margin:0!important;min-width:0!important;}
.card-grid.comparison-with-pick>.top-pick-section{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:1rem!important;
  min-width:0!important;
  overflow:hidden!important;
}
.card-grid.comparison-with-pick>.top-pick-section>*{min-width:0!important;max-width:100%!important;}
.card-grid.comparison-with-pick>.top-pick-section .btn,
.card-grid.comparison-with-pick>.top-pick-section>a{
  width:100%!important;
  justify-content:center!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  text-align:center!important;
}
.top-pick-label{display:block;color:#c4b5fd;font-weight:950;letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;margin-bottom:.55rem;}
.top-pick-name{color:var(--text);font-weight:900;font-size:1.08rem;line-height:1.35;margin-bottom:.4rem;}
.top-pick-desc{color:var(--text-2);line-height:1.48;}
.affiliate-cta:has(> a:nth-of-type(2)),
.affiliate-cta-box:has(> a:nth-of-type(2)),
.cta-box:has(> a:nth-of-type(2)){
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr))!important;
  align-items:stretch!important;
}
.affiliate-cta:has(> a:nth-of-type(2)) .cta-copy,
.affiliate-cta-box:has(> a:nth-of-type(2)) .cta-copy,
.cta-box:has(> a:nth-of-type(2)) .cta-copy,
.affiliate-cta:has(> a:nth-of-type(2))>p:first-child,
.affiliate-cta-box:has(> a:nth-of-type(2))>p:first-child,
.cta-box:has(> a:nth-of-type(2))>p:first-child{
  grid-column:1/-1!important;
  margin-bottom:.15rem!important;
}
.affiliate-cta:has(> a:nth-of-type(2))>a,
.affiliate-cta-box:has(> a:nth-of-type(2))>a,
.cta-box:has(> a:nth-of-type(2))>a{
  justify-self:stretch!important;
  width:100%!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  justify-content:center!important;
  text-align:center!important;
}
.product-buy-row>*,.affiliate-cta>*,.affiliate-cta-box>*,.cta-box>*,.top-pick-section>*{min-width:0!important;}
@media(max-width:980px){
  .card-grid.comparison-with-pick{grid-template-columns:1fr!important;}
}
@media(max-width:760px){
  .card-grid.comparison-with-pick>.comparison-table-wrap table{min-width:620px!important;}
  .top-pick-section .top-pick-name{font-size:1rem;}
}

/* Final button overflow guard for long product names inside compact cards. */
.product-buy-row>a,
.affiliate-cta-box>a,
.affiliate-cta>a,
.cta-box>a,
.top-pick-section>a{
  max-width:100%!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  text-align:center!important;
}
.product-buy-row>a{justify-self:end!important;}
@media(max-width:980px){.product-buy-row>a{justify-self:stretch!important;width:100%!important;}}