/* VA proposal: color rhythm, plain-language verdict, sticky chapter bar,
   and hierarchy inside the long entitlement section. Section-level only. */

/* ---------- Color rhythm ----------
   hero (paper) / chooser: tint (tool) / entitlement: white, finder band on tint /
   refinancing: tint / before you shop: white / why VA: navy (the one big idea) /
   recent purchase: tint / beyond: white / closing CTA: tint */
.s .va-start{background:var(--tint);border-block:0}
.s .va-start .ch{background:#fff}
.s #entitlement{background:#fff}
.s #va-refinance{background:var(--tint);border-block:0}
.s #before-you-shop{background:#fff}
.s #va-execution{background:var(--tint)}
.s #va-execution .big{color:var(--navy)}
.s #va-execution .big::after{content:"";display:block;width:56px;height:4px;background:var(--gold);margin-top:16px}
.s #beyond-va{background:#fff;border-bottom:0}

/* ---------- Verdict ---------- */
.s .ph .va-verdict{margin-top:18px;max-width:600px;padding:14px 0 14px 18px;border-left:3px solid var(--gold);font-size:17px;line-height:1.5;color:var(--navy)}
.va-verdict b{font-weight:600}

/* ---------- Sticky chapter bar ---------- */
.va-tabs{position:sticky;top:0;z-index:30;background:var(--navy);border-bottom:2px solid var(--gold);transition:top .28s cubic-bezier(.2,.8,.2,1)}
.va-tabs-in{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.va-tabs-in::-webkit-scrollbar{display:none}
.va-tabs a{flex:none;display:flex;align-items:center;min-height:48px;padding:0 14px;font:600 14px Archivo,sans-serif;color:#C7CAD0;text-decoration:none;white-space:nowrap;border-bottom:3px solid transparent;margin-bottom:-2px;transition:color .2s,border-color .2s}
.va-tabs a:first-child{padding-left:0}
.va-tabs a:hover{color:#fff}
.va-tabs a[aria-current=true]{color:#fff;border-bottom-color:var(--gold)}
.va-tabs a:focus-visible{outline:2px solid var(--gold);outline-offset:-4px}
.s main section[id]{scroll-margin-top:64px}

/* ---------- Entitlement hierarchy ---------- */
.va-band{position:relative;margin-top:36px;padding:32px 0 36px;background:var(--tint);box-shadow:0 0 0 100vmax var(--tint);clip-path:inset(0 -100vmax)}
.va-band .ec{margin-top:20px}
.va-sub{display:flex;flex-direction:column;gap:6px}
.va-sub-n{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--slate)}
.va-lead{font-family:'Source Serif 4',Georgia,serif;font-size:24px;line-height:1.3;color:var(--navy);max-width:720px}
.s #entitlement .ent-h{margin-top:48px;font-size:12px}
.s #entitlement .ent-h + .va-lead{margin-top:8px}
.s #entitlement .ent .k{font-size:18px;line-height:1.4;padding-bottom:12px;border-bottom:1px solid var(--rule)}
.va-sub-src{margin-top:48px;padding-top:28px;border-top:1px solid var(--rule)}
.va-sub-src + .fine{margin-top:12px!important}

@media (max-width:900px){
  .s .ph .va-verdict{font-size:16px;margin-top:16px}
  .va-tabs a{min-height:46px;padding:0 12px;font-size:13.5px}
  .s main section[id]{scroll-margin-top:116px}
  .va-band{margin-top:28px;padding:26px 0 28px}
  .va-lead{font-size:21px}
  .s #entitlement .ent-h{margin-top:40px}
  .va-sub-src{margin-top:36px;padding-top:22px}
}
@media (prefers-reduced-motion:reduce){.va-tabs,.va-tabs a{transition:none}}