/* Total Veteran 2026 design layer. Loaded last on every page. */
:root{
  --ink:#16211B;--forest:#1F3A29;--forest-deep:#17301F;--pine:#2C4A37;
  --accent:#C9A961;--brass:#C9A961;--brass-d:#8E7333;
  --bone:#F5F1E8;--paper:#F7F6F2;--cream:#F5F1E8;--rule:#D9D5CA;--ash:#5E6660;--charcoal:#16211B;
  --serif:"Archivo",system-ui,sans-serif;
  --sans:"Source Serif 4",Georgia,serif;
  --mono:"Archivo",system-ui,sans-serif;
  --disp:"Archivo",system-ui,sans-serif;
  --read:"Source Serif 4",Georgia,serif;
}
html body{background:var(--paper);color:var(--ink);font-family:var(--read);-webkit-font-smoothing:antialiased}
:focus-visible{outline:3px solid var(--brass);outline-offset:3px}

/* headings: one sturdy sans, sentence case, no italic accent words */
h1,h2,h3,h4{font-family:var(--disp)!important;font-variation-settings:"wdth" 102;letter-spacing:-.015em}
h1,h2{font-weight:680!important}
h3,h4{font-weight:650!important}
h1 em,h2 em,h3 em,h4 em,h1 span,h2 span,h1 strong,h2 strong{font-style:normal!important;color:inherit!important;font-weight:inherit!important}
h1{line-height:1.06}
.sp-hero h1,.art-hero h1,.j-hero h1,.research-hero h1,.legal-title{font-size:clamp(36px,4.4vw,58px)!important;max-width:20ch}

/* eyebrows become quiet sentence-case kickers */
.eyebrow{font-family:var(--disp)!important;font-weight:650!important;font-size:16px!important;letter-spacing:0!important;text-transform:none!important;color:var(--brass-d)}
.eyebrow .dot{display:none!important}
.sp-contact .eyebrow,.study-cta .eyebrow,.reg .eyebrow{color:var(--brass)!important}

/* body copy in the reading serif */
p,li,td,dd{font-family:var(--read)}
.lede,.art-dek,.j-hero p{font-family:var(--read)}

/* buttons and controls: one shape */
.sp-btn,.btn-dark,.btn-ghost,.study-form button,.sp-form button,.j-filter-btn,.cohort-band a,.tv-wa,button[type=submit]{border-radius:3px!important;font-family:var(--disp)!important;font-weight:650!important;letter-spacing:0!important}
.sp-btn{min-height:48px;display:inline-flex;align-items:center;font-size:16px!important;padding:12px 22px!important}
input,select,textarea{border-radius:3px!important;font-family:var(--read)}
label{font-family:var(--disp)!important;letter-spacing:0!important}

/* small labels, tags and meta lose the mono all-caps look */
.k,.tag,.meta,.crumbs,.sp-jump a,.j-filter-btn,.regtag,.reviewed,.art-byline,.focus-header-label,.section-label{font-family:var(--disp)!important;letter-spacing:0!important}
.crumbs{font-size:14px!important}
.sp-jump a{font-size:14.5px!important;font-weight:550}
.art-byline,.reviewed{font-size:14.5px!important}

/* shared header */
.tvh{background:var(--paper);border-bottom:1px solid var(--rule);position:sticky;top:0;z-index:60}
.tvh-in{max-width:1200px;margin:0 auto;padding:0 32px;height:76px;display:flex;align-items:center;gap:28px;position:relative}
.tvh-brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-family:var(--disp);font-weight:750;font-size:21px;font-variation-settings:"wdth" 118;color:var(--forest)!important}
.tvh-brand img{width:40px;height:40px}
.tvh-nav{display:flex;gap:26px;margin-left:auto;font-family:var(--disp);font-size:15.5px;font-weight:550}
.tvh-nav a{text-decoration:none;color:var(--ink);padding:6px 0;border-bottom:2px solid transparent}
.tvh-nav a:hover{border-color:var(--brass)}
.tvh-cta{display:inline-flex;align-items:center;min-height:44px;padding:9px 18px;background:var(--forest);color:#fff!important;text-decoration:none;font-family:var(--disp);font-weight:650;font-size:15px;border-radius:3px}
.tvh-cta:hover{background:var(--pine)}
.tvh-m{display:none;margin-left:auto}
.tvh-m summary{list-style:none;cursor:pointer;font-family:var(--disp);font-weight:650;padding:10px 14px;border:1.5px solid var(--forest);border-radius:3px;color:var(--forest)}
.tvh-m summary::-webkit-details-marker{display:none}
.tvh-m nav{display:none;position:absolute;left:0;right:0;top:76px;background:var(--paper);border-bottom:1px solid var(--rule);flex-direction:column;padding:8px 24px 20px}
.tvh-m[open] nav{display:flex}
.tvh-m nav a{padding:14px 0;border-bottom:1px solid var(--rule);text-decoration:none;font-family:var(--disp);font-weight:600;font-size:18px;color:var(--ink)}
.tvh-m nav a.tvh-cta{border:0;margin-top:12px;justify-content:center;color:#fff}

/* shared footer */
.tvf{background:var(--ink);color:rgba(255,255,255,.75);padding:64px 0 36px;font-size:15.5px;margin-top:0}
.tvf-in{max-width:1200px;margin:0 auto;padding:0 32px}
.tvf-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px}
.tvf-logo{display:inline-block}.tvf-logo img{width:118px;height:auto}
.tvf .tvh-brand{color:#fff!important}
.tvf .tvh-brand img{background:var(--paper);border-radius:3px;padding:3px}
.tvf p{margin-top:14px;max-width:38ch;font-size:15.5px;color:rgba(255,255,255,.75)}
.tvf h4{font-family:var(--disp);font-weight:650;font-size:15px;color:#fff;margin:0 0 12px}
.tvf ul{list-style:none;display:grid;gap:9px;padding:0;margin:0}
.tvf a{text-decoration:none;color:rgba(255,255,255,.8)}
.tvf a:hover{text-decoration:underline}
.tvf .tvf-bot{max-width:none;margin-top:48px;padding-top:22px;border-top:1px solid rgba(255,255,255,.12);font-size:14px;color:rgba(255,255,255,.55)}
.research-footer{font-family:var(--disp)!important;letter-spacing:0!important}

.tvh-nav a,.tvh-brand,.tvh-cta{white-space:nowrap}
@media (max-width:1220px){
  .tvh-nav,.tvh-in > .tvh-cta{display:none}
  .tvh-m{display:block}
}
@media (max-width:980px){
  .tvf-top{grid-template-columns:1fr 1fr}
}
@media (max-width:620px){
  .tvh-in,.tvf-in{padding:0 20px}
  .tvf-top{grid-template-columns:1fr}
}

/* in-page section menu under dark heroes: one piece with the banner, pinned under the header */
.sp-hero .sp-wrap:not(:has(.sp-stats)){padding-bottom:76px}
.sp-jump{position:sticky!important;top:76px!important;z-index:40;background:#17301F!important;border-bottom:1px solid rgba(201,169,97,.35)!important;border-top:1px solid rgba(245,241,232,.08)}
.sp-jump .sp-wrap{display:flex;align-items:center;gap:28px;overflow-x:auto;white-space:nowrap;scrollbar-width:none}
.sp-jump .sp-wrap::-webkit-scrollbar{display:none}
.sp-jump .sp-wrap:before{content:"On this page";font-family:var(--disp);font-weight:650;font-size:13.5px;color:var(--brass);padding-right:6px;border-right:1px solid rgba(245,241,232,.18);padding-right:22px}
.sp-jump a{color:rgba(245,241,232,.74)!important;padding:17px 0 15px!important;border-bottom:2px solid transparent!important;text-decoration:none;transition:color .2s,border-color .2s}
.sp-jump a:hover{color:#fff!important;border-bottom-color:rgba(201,169,97,.6)!important}
.sp-jump a.on{color:#fff!important;border-bottom-color:var(--brass)!important}
.sp-sec,section[id]{scroll-margin-top:140px}
@media (max-width:760px){
  .sp-jump .sp-wrap:before{display:none}
  .sp-jump{-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent)}
  .sp-jump .sp-wrap{gap:22px;padding-right:48px}
}

/* generated: remove all-caps labels */
.callout .k,
.crumbs,
.ev-d span,
.eyebrow,
.figure .fig-title,
.hub-card .tag,
.nw .k,
.nw a,
.pillar .k,
.related-grid .tag,
.scen .tagline,
.scen dt,
.sources .k,
.sp-btn,
.sp-cell .k,
.sp-form button,
.sp-form label,
.sp-jump a,
.sp-table th,
.study-form label,
.tv-consent__heading,
footer.site .bottom,
footer.site .col h4{text-transform:none!important;letter-spacing:.005em!important}
