/* ==== Calmer type and colour, after Capital Stacks: serif headings in sentence case,
   serif ledes, a softer indigo; uppercase kept for small labels, tabs and buttons. ==== */
@import url('https://fonts.googleapis.com/css2?family=Source+Serif+4:opsz,wght@8..60,400;8..60,600&display=swap');
:root{
  --font-serif:'Source Serif 4',Georgia,serif;
  --csmb-indigo:#5F5E9C;
  --csmb-indigo-tint:#E4E1F3;
  --csmb-indigo-tint-2:#F1EFE8;
}
h1,h2,h3,.q-t,.tn-q,.c-title,.sg-t,.eb-t,.pl-h h3,.ex-t b,.sh-facts b,.dn{
  font-family:var(--font-serif) !important;font-weight:600 !important;text-transform:none !important;letter-spacing:-.02em !important}
.sh-hero h1{font-size:clamp(2.6rem,6.4vw,5.4rem) !important;line-height:.95 !important;letter-spacing:-.035em !important;max-width:15ch}
.view:not([data-view="home"]) .v-head h1{font-size:clamp(2.2rem,4.2vw,3.4rem) !important;line-height:1 !important;letter-spacing:-.03em !important}
.v-main section>h2,.qs-h h2{font-size:clamp(1.5rem,2.3vw,1.9rem) !important;line-height:1.1 !important}
h3{font-size:clamp(1.15rem,1.5vw,1.3rem) !important;line-height:1.2 !important}
.q-t{font-size:21px !important;line-height:1.15 !important}
.tn-q{font-size:clamp(22px,2.4vw,28px) !important;line-height:1.1 !important}
.lede{font-family:var(--font-serif);font-size:clamp(1.12rem,1.45vw,1.3rem) !important;line-height:1.5 !important}
.sh-hero .hl{padding:0 .08em}
.sh-hero h1{line-height:1.04 !important}
.sh-hero h1{line-height:1.1 !important}
.sh-hero .hl{padding:0 .08em .02em}
/* Home title: CSM-site style (Archivo Black, uppercase), with more room between lines and a wider measure */
.sh-hero h1{font-family:var(--font-display) !important;font-weight:400 !important;text-transform:uppercase !important;letter-spacing:-.015em !important;line-height:1.14 !important;font-size:clamp(2.3rem,5.1vw,4.4rem) !important;max-width:21ch !important}
.sh-hero .hl{padding:.02em .14em .04em;box-decoration-break:clone;-webkit-box-decoration-break:clone}

/* ==== Mixed system: Brutalist for the big titles, Capital Stacks serif for content ==== */
/* Big titles: Archivo Black, uppercase */
.ck-left h1,.part h2.part-t{font-family:var(--font-display) !important;font-weight:400 !important;text-transform:uppercase !important;letter-spacing:-.01em !important}
.ck-left h1{font-size:clamp(2.1rem,3.9vw,3.3rem) !important;line-height:1.06 !important;max-width:17ch !important}
.part h2.part-t{font-size:clamp(1.55rem,2.7vw,2.25rem) !important;line-height:1.08 !important;max-width:24ch}
/* Content: Source Serif for running text */
.view:not([data-view="home"]) .v-main p:not(.note):not(.sources):not(.reviewed):not(.fine):not(.access-note):not(.o-k):not(.s-k):not(.t-k):not(.il-k):not(.pw-sub):not(.pw-k),
.view:not([data-view="home"]) .v-main li:not(.pcard):not(.path li),
.prose p,.pw-panel p,.pcard p,.q-d,.sh-ex .ex-t{font-family:var(--font-serif) !important}
.view:not([data-view="home"]) .v-main p:not(.note):not(.sources):not(.reviewed):not(.fine):not(.access-note):not(.part-lede):not(.intro-p):not(.o-k):not(.s-k):not(.t-k):not(.il-k):not(.pw-sub):not(.pw-k){font-size:17.5px;line-height:1.62}
.pcard p,.q-d{font-size:16.5px !important;line-height:1.55 !important}

/* ==== More compact: Capital Stacks-like reading measure and tighter vertical rhythm ==== */
.view:not([data-view="home"]) :is(.v-main,.vm-body)>*:not(.part),.part>*{max-width:820px !important}
.view:not([data-view="home"]) .v-main p,.view:not([data-view="home"]) .v-main section>h2,.part-lede,.intro-p,.prose,.linklist,.path{max-width:740px !important}
.pw{max-width:980px !important}
.ck-left{padding:clamp(28px,3.4vw,46px) clamp(20px,4vw,56px) !important}
.ck-toc{padding:clamp(28px,3.4vw,46px) clamp(20px,3vw,40px) !important}
.view .ck-left .ck-stand{margin-top:16px !important}
.part{margin-top:clamp(40px,5vw,60px) !important;padding-top:clamp(24px,2.6vw,32px) !important}
.view:not([data-view="home"]) :is(.v-main,.vm-body)>section,.part>section{margin-top:clamp(32px,4vw,46px) !important}
.intro-p{margin-top:clamp(22px,2.6vw,30px) !important}
.view:not([data-view="home"]){padding-bottom:clamp(40px,5vw,64px) !important}
.sh-hero{padding-top:clamp(28px,3.6vw,48px) !important;padding-bottom:clamp(26px,3vw,40px) !important}
.sh-hero h1{margin-bottom:22px !important}
.sh-ledes{max-width:960px}
.view:not([data-view="home"]) :is(.v-main,.vm-body)>p.intro-p,.view:not([data-view="home"]) :is(.v-main,.vm-body)>section>p{max-width:740px !important}
/* Home title exactly in the CSM-site manner: Archivo Black, tight tracking, deep indigo highlight */
.sh-hero h1{letter-spacing:-.02em !important;font-size:clamp(2.4rem,5.6vw,4.85rem) !important;line-height:1.12 !important;max-width:20ch !important}
.sh-hero .hl{background:#241B6B !important;color:#fff;padding:.05em .13em .02em !important}