/* Kai Vasvari – final design system, August 2026
   One palette and one content rhythm across legacy and new pages. */
:root{
  --kv-bg:#07111b;
  --kv-bg-deep:#040a10;
  --kv-surface:#0d1a26;
  --kv-surface-2:#122231;
  --kv-ink:#f5f7f9;
  --kv-muted:#b8c4ce;
  --kv-soft:#d8e0e6;
  --kv-gold:#e2bf6a;
  --kv-gold-strong:#f0d58b;
  --kv-line:rgba(226,191,106,.22);
  --kv-line-cool:rgba(184,212,230,.15);
  --kv-shadow:0 22px 65px rgba(0,0,0,.28);
}

html{background:var(--kv-bg-deep);color-scheme:dark}
body{background:var(--kv-bg);color:var(--kv-ink)}
body::selection{background:var(--kv-gold);color:#101820}

body .nav{background:rgba(4,10,16,.9)!important;border-bottom-color:var(--kv-line-cool)!important}
body .brand strong,body .menu a,body h1,body h2,body h3,body h4{color:var(--kv-ink)}
body .brand span,body p,body li,body .lead{color:var(--kv-muted)}
body a{color:var(--kv-gold-strong)}
body .eyebrow,body .mini-label{color:var(--kv-gold)!important}

body .nav-cta,body .btn.primary,body .scan-btn.primary,body .lead-button{
  background:linear-gradient(135deg,var(--kv-gold-strong),var(--kv-gold))!important;
  border-color:transparent!important;color:#101820!important;box-shadow:0 10px 28px rgba(226,191,106,.16)!important
}
body .nav-cta:hover,body .btn.primary:hover,body .scan-btn.primary:hover,body .lead-button:hover{
  background:linear-gradient(135deg,#f6e2a5,#e7c675)!important;transform:translateY(-1px)
}
body .btn.secondary,body .scan-btn.secondary{
  background:rgba(255,255,255,.035)!important;border-color:var(--kv-line)!important;color:var(--kv-ink)!important
}

body .section,body .trust,body .premium-offers,body .premium-topics,body .premium-books{
  background-color:var(--kv-bg)!important
}
body .split-bg,body .premium-problem,body .performance-scan-home,body .research-section{
  background:linear-gradient(180deg,var(--kv-surface),var(--kv-bg))!important
}
body .card,body .seo-panel,body .local-card,body .premium-offer,body .premium-topic,
body .trust-item,body .scan-score-card,body .research-card,body .evidence-card,body .source-card{
  border-color:var(--kv-line-cool)!important;background:linear-gradient(145deg,rgba(18,34,49,.93),rgba(9,19,29,.97))!important;
  box-shadow:var(--kv-shadow)
}
body .footer{background:var(--kv-bg-deep)!important;border-top-color:var(--kv-line)!important}

/* Remove legacy orange/red/blue decorative accents without changing semantic alerts. */
body .benefit-row span,body .keyword-pills span,body .scan-benefits span{
  border-color:var(--kv-line)!important;background:rgba(226,191,106,.06)!important;color:var(--kv-soft)!important
}
body .benefit-row span::before,body .scan-benefits span::before{color:var(--kv-gold)!important}

/* Evidence-led long-form articles */
body.page-research .sub-hero{min-height:auto;padding:clamp(92px,12vw,150px) 0 clamp(64px,8vw,100px)}
body.page-research .hero-content{max-width:940px}
body.page-research .hero .h1{max-width:16ch;font-size:clamp(42px,6.2vw,78px);line-height:1.02;text-wrap:balance}
body.page-research .hero .lead{max-width:72ch}
.article-shell{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:clamp(34px,6vw,82px);align-items:start}
.article-body{min-width:0}
.article-body>section{margin:0 0 clamp(54px,7vw,86px);scroll-margin-top:110px}
.article-body h2{margin:0 0 20px;font-size:clamp(28px,4vw,45px);line-height:1.13;letter-spacing:-.035em;text-wrap:balance}
.article-body h3{margin:32px 0 12px;font-size:clamp(20px,2.4vw,28px);line-height:1.25}
.article-body p,.article-body li{font-size:clamp(16px,1.35vw,18px);line-height:1.78;color:var(--kv-soft)}
.article-body ul,.article-body ol{display:grid;gap:10px;padding-left:1.25em}
.article-body strong{color:var(--kv-ink)}
.article-aside{position:sticky;top:106px;display:grid;gap:15px}
.article-nav,.evidence-card,.source-card,.practice-box,.fact-box{padding:23px;border:1px solid var(--kv-line-cool);border-radius:18px;background:rgba(255,255,255,.027)}
.article-nav strong{display:block;margin-bottom:12px;color:var(--kv-ink)}
.article-nav a{display:block;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.06);color:var(--kv-muted);font-size:13px;text-decoration:none}
.article-nav a:last-child{border:0}
.evidence-label{display:inline-flex;margin-bottom:12px;padding:6px 10px;border:1px solid var(--kv-line);border-radius:999px;color:var(--kv-gold);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.evidence-card p,.source-card p,.practice-box p,.fact-box p{margin:0;color:var(--kv-soft);font-size:15px;line-height:1.67}
.practice-box,.fact-box{margin:25px 0;padding:clamp(22px,4vw,34px);border-color:var(--kv-line);background:linear-gradient(145deg,rgba(226,191,106,.08),rgba(255,255,255,.025))}
.practice-box h3,.fact-box h3{margin-top:0}
.source-list{display:grid;gap:14px;margin-top:24px}
.source-item{padding:17px 19px;border-left:2px solid var(--kv-gold);background:rgba(255,255,255,.025)}
.source-item a{font-weight:750;text-decoration-thickness:1px;text-underline-offset:3px}
.source-item span{display:block;margin-top:5px;color:var(--kv-muted);font-size:13px;line-height:1.55}
.article-meta{display:flex;gap:10px 18px;flex-wrap:wrap;margin-top:22px;color:var(--kv-muted);font-size:13px}
.article-meta span{display:inline-flex;align-items:center;gap:7px}
.claim-note{padding:16px 18px;border:1px solid var(--kv-line-cool);border-radius:13px;background:rgba(255,255,255,.025);color:var(--kv-muted);font-size:14px;line-height:1.65}
.related-research{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.related-research a{display:flex;min-height:150px;padding:24px;border:1px solid var(--kv-line-cool);border-radius:18px;background:var(--kv-surface);color:var(--kv-ink);font-weight:760;line-height:1.4;text-decoration:none;align-items:flex-end}
.related-research a:hover{border-color:var(--kv-line);transform:translateY(-2px)}

@media(max-width:960px){.article-shell{grid-template-columns:1fr}.article-aside{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.article-nav{display:none}}
@media(max-width:680px){body.page-research .sub-hero{padding:76px 0 58px}.article-aside{grid-template-columns:1fr}.article-body>section{margin-bottom:56px}.related-research{grid-template-columns:1fr}.related-research a{min-height:105px}.article-body p,.article-body li{font-size:16px!important}.practice-box,.fact-box{padding:20px}}