/* Galok essay layer · 2026-10
   One reading system for every /essays/<slug>/ page (design review PR #97, prototype /lab/essay/).
   Load after /assets/galok-type.css. Everything is scoped to body#g-essay, so research pages that share
   editorial-modern and modern-longform keep their look. The id outranks the !important class chains in those
   sheets; !important is used only where they set the same property with !important. */

/* ───────── tokens ───────── */
#g-essay{
  --ge-mark:#b7e600;          /* lens colour: marks, rules, bars */
  --ge-text:#5a7300;          /* 4.5:1 twin for any text set in the lens colour */
  --ge-masthead:56px;
  --ge-gap:28px;
  --ge-toc:150px;
  --ge-notes:200px;
  --ge-gutter:clamp(16px,4vw,56px);
  --ge-rhythm:32px;
  --galok-accent:var(--ge-mark);
  --galok-bg:var(--g-paper);
}
#g-essay[data-g-lens="view"]{--ge-mark:#ff4057;--ge-text:#d61f3c}
#g-essay[data-g-lens="frame"]{--ge-mark:#2f63ff;--ge-text:#2a5ae6}
#g-essay[data-g-lens="observe"]{--ge-mark:#b7e600;--ge-text:#5a7300}

/* ───────── one palette with the rest of the site (assets/galok/foundation.css), complete in light and dark ───────── */
#g-essay{--g-paper:#fafaf7;--gt-ink:#161613;--gt-ink-2:#33342f;--gt-muted:#62635e;--gt-rule:#dcddd5;--ge-surface:#f1f1ea;--ge-signal:#ffd60a;color-scheme:light}
#g-essay[data-g-lens="view"]{--ge-text:#c4183a}
#g-essay[data-g-lens="frame"]{--ge-text:#2a56d9}
#g-essay[data-g-lens="observe"]{--ge-text:#566e00}
@media (prefers-color-scheme:dark){
  html:not([data-theme="light"]):has(> body#g-essay){background:#111310;color-scheme:dark}
  html:not([data-theme="light"]) #g-essay{--g-paper:#111310;--gt-ink:#f4f4ec;--gt-ink-2:#d9dad1;--gt-muted:#a5a69d;--gt-rule:#2c2e28;--ge-surface:#1a1c18;color-scheme:dark}
  html:not([data-theme="light"]) #g-essay[data-g-lens="view"]{--ge-text:#ff7a8c}
  html:not([data-theme="light"]) #g-essay[data-g-lens="frame"]{--ge-text:#8eabff}
  html:not([data-theme="light"]) #g-essay[data-g-lens="observe"]{--ge-text:#c6ef3a}
}
html[data-theme="dark"]:has(> body#g-essay){background:#111310;color-scheme:dark}
html[data-theme="dark"] #g-essay{--g-paper:#111310;--gt-ink:#f4f4ec;--gt-ink-2:#d9dad1;--gt-muted:#a5a69d;--gt-rule:#2c2e28;--ge-surface:#1a1c18;color-scheme:dark}
html[data-theme="dark"] #g-essay[data-g-lens="view"]{--ge-text:#ff7a8c}
html[data-theme="dark"] #g-essay[data-g-lens="frame"]{--ge-text:#8eabff}
html[data-theme="dark"] #g-essay[data-g-lens="observe"]{--ge-text:#c6ef3a}

html:has(> body#g-essay){scroll-padding-top:calc(var(--ge-masthead, 56px) + 24px)}
@media (prefers-reduced-motion:no-preference){html:has(> body#g-essay){scroll-behavior:smooth}}

#g-essay{
  background:var(--g-paper)!important;
  color:var(--gt-ink)!important;
  font-family:var(--g-sans)!important;
  font-optical-sizing:auto;
  -webkit-font-smoothing:antialiased;
  overflow-x:clip;
}
#g-essay ::selection{background:color-mix(in srgb,var(--ge-mark) 32%,transparent);color:var(--gt-ink)}
#g-essay :focus-visible{outline:2px solid var(--ge-text);outline-offset:3px}

/* The old fixed corner labels and the bottom island bar are replaced by the masthead (one header, solid). */
#g-essay::before,#g-essay::after{content:none!important;display:none!important}
#g-essay .galok-triple-islands-v2{display:none!important}

/* ───────── masthead: solid paper, hairline once it sticks ───────── */
#g-essay .g-masthead{position:sticky;top:0;z-index:60;background:var(--g-paper);border-bottom:1px solid transparent;transition:border-color .2s ease}
#g-essay .g-masthead.is-scrolled{border-bottom-color:var(--gt-rule)}
#g-essay .g-masthead__inner{display:flex;align-items:center;gap:18px;height:var(--ge-masthead);max-width:1360px;margin:0 auto;padding:0 var(--ge-gutter)}
#g-essay .g-masthead a{color:inherit;text-decoration:none}
#g-essay .g-masthead__brand{display:inline-flex;align-items:center;gap:9px;flex:none;font:750 14px/1 var(--g-sans);letter-spacing:.16em;text-transform:uppercase;color:var(--gt-ink)}
#g-essay .g-masthead__brand img{width:20px;height:24px}
#g-essay .g-masthead__crumb{display:inline-flex;align-items:center;gap:8px;flex:none;padding-left:18px;border-left:1px solid var(--gt-rule);font:600 12px/1 var(--g-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--gt-muted)}
#g-essay .g-masthead__crumb:hover{color:var(--gt-ink)}
#g-essay .g-lens-mark{display:inline-block;flex:none;width:8px;height:8px;background:var(--ge-mark)}
#g-essay .g-masthead__title{flex:1;min-width:0;margin:0;font:600 14px/1.2 var(--g-sans);color:var(--gt-ink);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;transform:translateY(4px);transition:opacity .25s ease,transform .25s ease}
#g-essay .g-masthead.show-title .g-masthead__title{opacity:1;transform:none}
#g-essay .g-masthead__nav{display:none;align-items:center;gap:16px;flex:none;font:500 14px/1 var(--g-sans)}
#g-essay .g-masthead__nav a{color:var(--gt-muted);padding:6px 0}
#g-essay .g-masthead__nav a:hover,#g-essay .g-masthead__nav a[aria-current]{color:var(--gt-ink)}
#g-essay .g-masthead__nav a[aria-current]{box-shadow:inset 0 -2px 0 var(--ge-mark)}
#g-essay .g-btn{display:inline-flex;align-items:center;gap:8px;flex:none;min-height:36px;padding:0 14px;border:1px solid var(--gt-ink);border-radius:999px;background:transparent;color:var(--gt-ink);font:600 14px/1 var(--g-sans);cursor:pointer}
#g-essay .g-btn:hover{background:var(--gt-ink);color:var(--g-paper)}
#g-essay .g-btn[aria-expanded="true"]{background:var(--gt-ink);color:var(--g-paper)}
#g-essay .g-btn svg{width:16px;height:16px;flex:none}
#g-essay .g-masthead__contents{display:none}
@media (min-width:1100px){#g-essay.g-has-sheet-toc .g-masthead__contents{display:inline-flex}}

/* ───────── cover: seal glyph in the lens colour, display title, standfirst, one meta line ───────── */
#g-essay .article-hero{
  display:grid!important;grid-template-columns:minmax(0,1fr);row-gap:20px;
  width:auto!important;max-width:1360px!important;margin:0 auto!important;
  padding:clamp(32px,6vw,96px) var(--ge-gutter) clamp(36px,5vw,72px)!important;
  min-height:0!important;border:0!important;background:transparent!important;overflow:visible!important;
}
#g-essay .article-hero::before,#g-essay .article-hero::after{display:none!important}
#g-essay .article-signature{display:contents!important}
#g-essay .article-signature > div{display:flex;flex-direction:column;min-width:0}
#g-essay .article-hero .article-anchor,
#g-essay .article-hero .glyph-draw.article-anchor{
  display:block!important;width:auto!important;height:auto!important;margin:0 0 14px -.04em!important;
  color:var(--ge-mark)!important;font-family:var(--g-seal)!important;font-weight:400!important;
  font-size:clamp(112px,30vw,150px)!important;line-height:1!important;letter-spacing:0!important;
  opacity:1!important;transform:none!important;filter:none!important;user-select:none;
}
#g-essay .article-hero .article-title,
#g-essay .data-cover .data-title{
  order:1;margin:0!important;max-width:none!important;
  color:var(--gt-ink)!important;font-family:var(--g-sans)!important;font-weight:800!important;
  font-variation-settings:"opsz" 32;letter-spacing:-.035em!important;line-height:1!important;
  font-size:min(clamp(40px,var(--ge-title-vw,11.5vw),var(--ge-title-max,104px)),var(--ge-title-fit,999px))!important;
  text-wrap:balance;hyphens:manual;overflow-wrap:normal;text-transform:none!important;
}
/* standfirst: the deck reads under the title; when a subtitle exists, the deck becomes the kicker */
#g-essay .article-hero .article-deck{
  order:2;margin:.7em 0 0!important;max-width:26em!important;
  color:var(--gt-ink-2)!important;font:400 var(--gt-t-lede)/1.4 var(--g-serif)!important;
  letter-spacing:0!important;text-transform:none!important;text-wrap:balance;
}
#g-essay .article-hero .batch-article-subtitle{
  order:2;margin:.7em 0 0!important;max-width:26em;
  color:var(--gt-ink-2)!important;font:400 var(--gt-t-lede)/1.4 var(--g-serif)!important;letter-spacing:0!important;text-wrap:balance;
}
#g-essay .article-hero .article-signature > div:has(.batch-article-subtitle) .article-deck{
  order:0;margin:0 0 16px!important;max-width:none!important;
  color:var(--ge-text)!important;font:600 12px/1.45 var(--g-mono)!important;letter-spacing:.08em!important;text-transform:uppercase!important;
}
#g-essay .article-hero .article-meta{
  order:3;position:relative;display:flex!important;flex-wrap:wrap;gap:6px 14px;margin:28px 0 0!important;padding-top:16px;
  border-top:1px solid var(--gt-rule);
  color:var(--gt-muted)!important;font:600 12px/1.4 var(--g-mono)!important;letter-spacing:.08em!important;text-transform:uppercase!important;
}
#g-essay .article-hero .article-meta::before{content:"";position:absolute;left:0;top:-1px;width:48px;height:3px;background:var(--ge-mark)}
#g-essay .article-hero .article-meta > span{color:var(--gt-muted)!important;font:inherit!important}
#g-essay .article-hero .article-meta > span:first-child{color:var(--ge-text)!important}
#g-essay .article-hero .article-meta > span + span::before{content:"·";margin-right:14px;color:var(--gt-muted)}
#g-essay .article-hero .article-meta .glyph-inline{color:var(--ge-text)!important;font-family:var(--g-sans)!important;font-size:1.15em;font-weight:600;letter-spacing:0;opacity:1!important;transform:none!important}
#g-essay .article-hero .glyph-draw::before,#g-essay .article-hero .glyph-draw::after{display:none!important}
/* decorative hero cards (field notes) sit under the meta line as a quiet label */
#g-essay .article-hero :is(.goose-hero-card,.silence-hero-card){
  position:static!important;inset:auto!important;transform:none!important;display:flex!important;flex-wrap:wrap;align-items:baseline;gap:4px 12px;
  width:auto!important;max-width:none!important;margin:0!important;padding:12px 0 0!important;
  border:0!important;border-top:1px solid var(--gt-rule)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:var(--gt-ink-2)!important;
}
#g-essay .article-hero :is(.goose-hero-card,.silence-hero-card) span{font:600 12px/1.3 var(--g-mono)!important;letter-spacing:.08em;text-transform:uppercase;color:var(--ge-text)!important}
#g-essay .article-hero :is(.goose-hero-card,.silence-hero-card) strong{font:600 16px/1.3 var(--g-sans)!important;color:var(--gt-ink)!important}
#g-essay .article-hero :is(.goose-hero-card,.silence-hero-card) small{font:italic 400 16px/1.4 var(--g-serif)!important;color:var(--gt-ink-2)!important}

/* batch covers keep their composition; only the voice changes to the production sans */
#g-essay .batch-cover{font-family:var(--g-sans)}
#g-essay .batch-cover :is(.batch-cover-topline,.batch-cover-copy p:not(.batch-cover-question),.batch-cover-note,.water-cover-evidence span,.water-cover-evidence small,.water-cover-evidence em){font-family:var(--g-sans)!important}
#g-essay .batch-cover :is(.batch-cover-topline span,.batch-cover-note,.water-cover-evidence span,.water-cover-evidence small,.water-cover-evidence em,.water-cover-evidence b){font-size:max(12px,1em)!important}

/* ───────── reading column ───────── */
#g-essay .article-layout{
  display:block!important;width:auto!important;max-width:none!important;margin:0!important;
  padding:0 var(--ge-gutter) clamp(72px,10vw,140px)!important;gap:0!important;
}
#g-essay .article-content{
  width:100%!important;max-width:var(--g-measure)!important;margin:0 auto!important;min-width:0;
  position:relative;
  font:400 var(--gt-t-body)/1.6 var(--g-serif)!important;color:var(--gt-ink)!important;
  font-kerning:normal;font-variant-ligatures:common-ligatures;
}
#g-essay .article-content > p:first-of-type{font-size:var(--gt-t-body)!important;line-height:1.6!important;letter-spacing:0!important}

/* prose paragraphs and list items — wherever they sit in the article, except inside modules */
#g-essay .article-content :is(p,li):not(figure *,.chart-figure *,.source-panel *,.article-aside *,.batch-section-index,.eyebrow,.g-toc *,.g-note *,[class*="chart"] *){
  margin:0 0 1em;
  color:var(--gt-ink)!important;font-family:var(--g-serif)!important;font-size:var(--gt-t-body)!important;font-weight:400!important;
  line-height:1.6!important;letter-spacing:0!important;text-wrap:pretty;hanging-punctuation:first allow-end last;hyphens:manual;orphans:2;widows:2;
}
#g-essay .article-content :is(ul,ol):not(figure *,.chart-figure *,.source-panel *,.g-toc *){margin:0 0 1em;padding-left:1.2em}
#g-essay .article-content li:not(figure *,.chart-figure *,.g-toc *){margin-bottom:.4em}
#g-essay .article-content :is(strong,b):not(figure *,.chart-figure *){font-family:var(--g-sans);font-weight:650;font-size:.88em;letter-spacing:-.005em}
#g-essay .article-content em:not(figure *,.chart-figure *){font-style:italic}
#g-essay .article-content a:not(.chart-figure *,.galok-support__action,.g-toc *){
  color:inherit!important;text-decoration-line:underline;text-decoration-color:var(--ge-text)!important;
  text-decoration-thickness:1px!important;text-underline-offset:.2em;
}
#g-essay .article-content a:not(.chart-figure *,.galok-support__action,.g-toc *):hover{text-decoration-color:var(--gt-ink)!important;text-decoration-thickness:2px!important}

/* sections: space earns hierarchy, a short lens bar marks each chapter */
#g-essay .article-content :is(h2,h3):not(figure *,.chart-figure *,.source-panel *,.magazine-brief *,.article-aside *){
  color:var(--gt-ink)!important;font-family:var(--g-sans)!important;text-wrap:balance;hyphens:none;text-transform:none!important;
  border:0!important;padding:0!important;max-width:none!important;scroll-margin-top:calc(var(--ge-masthead) + 24px);
}
#g-essay .article-content h2:not(figure *,.chart-figure *,.source-panel *,.magazine-brief *,.article-aside *){
  position:relative;margin:2.5em 0 .6em!important;
  font-size:var(--gt-t-h2)!important;font-weight:700!important;line-height:1.08!important;letter-spacing:-.02em!important;font-variation-settings:"opsz" 32;
}
#g-essay .article-content h2:not(figure *,.chart-figure *,.source-panel *,.magazine-brief *,.article-aside *)::before{
  content:""!important;position:static!important;display:block!important;width:40px!important;height:3px!important;margin:0 0 .5em!important;background:var(--ge-mark)!important;
}
#g-essay .article-content h3:not(figure *,.chart-figure *,.source-panel *,.magazine-brief *,.article-aside *){
  margin:1.75em 0 .45em!important;font-size:var(--gt-t-h3)!important;font-weight:600!important;line-height:1.15!important;letter-spacing:-.015em!important;font-variation-settings:"opsz" 28;
}
#g-essay .article-content :is(h2,h3):not(figure *,.chart-figure *) + p{margin-top:0}
#g-essay .article-content > :first-child,
#g-essay .article-content > .g-toc-inline + *{margin-top:0!important}

/* batch chapters: the index label carries the space and the lens bar, the heading follows it closely */
#g-essay .batch-prose-section{margin:0!important;padding:0!important;border:0!important;background:transparent!important}
#g-essay .article-content .batch-section-index{
  position:relative;margin:clamp(72px,9vw,110px) 0 14px!important;padding-top:14px;
  color:var(--ge-text)!important;font:600 12px/1.3 var(--g-mono)!important;letter-spacing:.08em!important;text-transform:uppercase;
}
#g-essay .article-content .batch-section-index::before{content:"";position:absolute;left:0;top:0;width:40px;height:3px;background:var(--ge-mark)}
#g-essay .article-content .batch-section-index + h2{margin-top:0!important}
#g-essay .article-content .batch-section-index + h2::before{display:none!important}
#g-essay .article-content > .batch-prose-section:first-child .batch-section-index,
#g-essay .article-content > .g-toc-inline + .batch-prose-section .batch-section-index{margin-top:0!important}

/* pull quotes: hanging serif italic, thin lens rule, no box */
#g-essay .article-content blockquote:not(figure *,.chart-figure *){
  margin:calc(var(--ge-rhythm) * 1.25) 0!important;padding:0 0 0 22px!important;
  border:0!important;border-left:2px solid var(--ge-mark)!important;background:transparent!important;
  color:var(--gt-ink)!important;font:italic 400 clamp(25px,3.2vw,30px)/1.3 var(--g-serif)!important;letter-spacing:0!important;text-wrap:balance;
}
#g-essay .article-content blockquote:not(figure *,.chart-figure *) p{margin:0!important;font:inherit!important;color:inherit!important}
#g-essay .article-content blockquote.g-quote-marks{text-indent:-.42em}
#g-essay .article-content blockquote.g-quote-marks::before{content:"\201C"}
#g-essay .article-content blockquote.g-quote-marks::after{content:"\201D"}

/* briefs and source panels */
#g-essay .article-content .magazine-brief{
  margin:0 0 calc(var(--ge-rhythm) * 1.5)!important;padding:16px 0 4px!important;
  border:0!important;border-top:1px solid var(--gt-rule)!important;border-bottom:1px solid var(--gt-rule)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;position:relative;
}
#g-essay .article-content .magazine-brief::before{content:"";position:absolute;left:0;top:-2px;width:48px;height:3px;background:var(--ge-mark)}
#g-essay .article-content .magazine-brief .eyebrow{margin:0 0 10px!important;color:var(--ge-text)!important;font:600 12px/1.3 var(--g-mono)!important;letter-spacing:.08em!important;text-transform:uppercase}
#g-essay .article-content .magazine-brief h2{margin:0 0 .6em!important;padding:0!important;border:0!important;color:var(--gt-ink)!important;font:650 var(--gt-t-h3)/1.18 var(--g-sans)!important;letter-spacing:-.015em!important;text-wrap:balance}
#g-essay .article-content .magazine-brief h2::before{display:none!important}
#g-essay .article-content .source-panel{
  margin:calc(var(--ge-rhythm) * 2.5) 0 0!important;padding:calc(var(--ge-rhythm) * 1) 0 0!important;
  border:0!important;border-top:1px solid var(--gt-ink)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
}
#g-essay .article-content .source-panel .eyebrow{margin:0 0 6px!important;color:var(--gt-muted)!important;font:600 12px/1.3 var(--g-mono)!important;letter-spacing:.08em!important;text-transform:uppercase}
#g-essay .article-content .source-panel h2{margin:0 0 .6em!important;padding:0!important;border:0!important;color:var(--gt-ink)!important;font:650 var(--gt-t-lede)/1.2 var(--g-sans)!important;letter-spacing:-.012em!important}
#g-essay .article-content .source-panel h2::before{display:none!important}
#g-essay .article-content .source-panel :is(p,li){color:var(--gt-ink-2)!important;font:400 18px/1.6 var(--g-serif)!important}

/* ───────── figures: text · wide; captions serif italic, credits mono ───────── */
#g-essay .article-content figure:not(.chart-figure){margin:calc(var(--ge-rhythm) * 1.5) 0!important;background:transparent!important;border:0!important;overflow:visible!important}
#g-essay .article-content figure:not(.chart-figure) img{display:block;width:100%!important;height:auto!important;background:var(--gt-rule)}
#g-essay .article-content figure:not(.chart-figure) > figcaption{
  margin-top:12px!important;padding:0!important;border:0!important;max-width:34rem;
  color:var(--gt-ink-2)!important;font:italic 400 var(--g-t-ui)/1.5 var(--g-serif)!important;text-wrap:pretty;
}
#g-essay .article-content .chart-figure{
  margin:calc(var(--ge-rhythm) * 1.75) 0!important;
  border-left:0!important;border-right:0!important;border-bottom:0!important;border-top:1px solid var(--gt-ink)!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;padding-left:0!important;padding-right:0!important;
}
#g-essay .article-content .chart-figure .chart-kicker{color:var(--ge-text)!important;font:600 12px/1.3 var(--g-mono)!important;letter-spacing:.08em!important;text-transform:uppercase}
#g-essay .article-content .chart-figure .paper-chart-head h3{color:var(--gt-ink)!important;font:650 clamp(20px,2.2vw,24px)/1.2 var(--g-sans)!important;letter-spacing:-.012em!important;margin:.35em 0 .3em!important}
#g-essay .article-content .chart-figure .paper-chart-head p:not(.chart-kicker){color:var(--gt-ink-2)!important;font:400 17px/1.5 var(--g-serif)!important}
#g-essay .article-content .chart-figure > figcaption{color:var(--gt-ink-2)!important;font:italic 400 var(--g-t-ui)/1.5 var(--g-serif)!important;letter-spacing:0!important;text-transform:none!important}
#g-essay .article-content .chart-figure :is(.batch-source-note,.chart-source){display:block;color:var(--gt-muted)!important;font:500 12px/1.45 var(--g-mono)!important;letter-spacing:.04em!important}
#g-essay .article-content .chart-figure .chart-detail{color:var(--gt-ink)!important;font:400 17px/1.55 var(--g-serif)!important}

#g-essay .article-content a.text-link:not(.chart-figure *){font:inherit!important;letter-spacing:inherit!important;text-transform:none!important;color:inherit!important;border:0!important;background:none!important;padding:0!important;display:inline!important}
#g-essay .article-content sup{font-size:12px!important;line-height:0;vertical-align:.5em}
#g-essay .article-content sup a{font:inherit!important;color:var(--ge-text)!important}

/* ───────── 12px floor for module labels (charts, axes, cover evidence, support) ───────── */
#g-essay :is(
  .galok-support__eyebrow,.button-link,
  .batch-cycle-control em,.batch-cycle-control span,.batch-stat-control span,.batch-wave-control em,.batch-wave-control span,
  .batch-cover .curator-cover-copy > p:first-child,.batch-cover .curator-cover-evidence span,
  .article-content table thead th,.article-content figure thead th,
  .data-back-top,.data-back-top span,.data-definition p span,.data-definition b,.data-source-register h3,.data-source-register summary b,.data-source-register summary span,.data-source-note,
  .data-hub-stat-note small,.data-hub-header span,.data-hub-overline,.data-hub-tab span,.data-hub-meta b,.data-hub-meta span,.data-hub-year-readout span,.data-hub-reading-title span,.data-hub-stat-grid dt,.data-hub-stat-grid dd b,
  .data-claim-axis span,.data-claim-figure figcaption,.data-conclusion-grid p b,
  .data-cover-track small,.data-cover-track small a,.data-cover-track span,.data-cover-axis span,.data-cover-figure > p,
  .data-research-grid a small,.data-research-grid a span,.data-research-results header p,.data-research-results header span,.data-research-results footer a,.data-research-results footer p,
  .data-bci-strip b,.data-bci-strip small,.data-centre-local b,.data-margin-note b,
  .data-signal-row small,.data-signal-row small a,.data-signal-row b,.data-signal-axis span,.data-signal-strip figcaption span,
  .data-bar-row b,.data-bar-scale span,.data-budget-axis span,.data-budget-row b,.data-decline-axis span,.data-decline-row b,.data-diverge-axis span,.data-diverge-row b,.data-gap-axis span,.data-wide-figure figcaption span,
  .data-question-set li b,.data-boundary-list li b,.data-account-figure li b,.data-summary p b,.data-opening-label p,.data-opening-label span,
  .data-kicker,.data-section-number,.data-view-table th,.data-methodology th
){font-size:12px!important;line-height:1.4}

#g-essay.data-page :is(.data-research-results header span,.data-research-results footer p,.data-research-results a small){color:var(--gt-muted)!important}
#g-essay.data-page :is(dd > b,thead th,.data-view-table th){font-size:12px!important}
#g-essay.data-page .data-hub-svg text{font-size:12px!important}

/* legacy modules colour their labels with --accent (a per-essay gold on the old pages): route it to the lens text twin */
#g-essay :is(.article-hero,.article-content){--accent:var(--ge-text)!important}
/* categorical chart hues stay (they encode data); only when a hue is used as TEXT it is darkened to clear 4.5:1 */
#g-essay :is(.city-proof-card span,.city-proof-card b,.proof-step strong,.proof-step span,.gate-step b,.gate-step span,.silence-timepoint span,.goose-timepoint span,.machine-node b,.machine-node span){color:color-mix(in srgb,var(--tone,var(--ge-text)) 60%,#000)!important}

#g-essay .anchor-point .anchor-value{color:color-mix(in srgb,var(--tone,var(--ge-text)) 60%,#000)!important}
#g-essay :is(.wave-1,.wave-2,.wave-3) :is(span,em){color:var(--gt-ink-2)!important}
#g-essay.data-page :is(.data-claim-axis span,.data-gap-axis span,.data-signal-axis span,.data-cover-axis span,.data-bar-scale span,.data-budget-axis span,.data-decline-axis span,.data-diverge-axis span){color:var(--gt-muted)!important}

/* inline glossary terms: sit in the line like ordinary text; the hover dot stays out of the flow */
#g-essay .article-content .keyword-note{display:inline!important;min-height:0!important;padding:0!important;border-bottom:1px dotted var(--gt-muted)!important}
#g-essay .article-content .keyword-note::after{position:absolute;margin:0;right:-.3em;top:.15em}

/* ───────── margin notes ───────── */
#g-essay .article-aside{
  position:static!important;top:auto!important;width:auto!important;max-width:var(--g-measure);
  margin:calc(var(--ge-rhythm) * 2) auto 0!important;padding:16px 0 0!important;
  border:0!important;border-top:1px solid var(--gt-rule)!important;background:transparent!important;box-shadow:none!important;color:var(--gt-ink-2)!important;
  font-size:var(--gt-t-body);
}
#g-essay .article-aside > h2{margin:0 0 12px!important;padding:0!important;border:0!important;color:var(--gt-ink)!important;font:600 12px/1.3 var(--g-mono)!important;letter-spacing:.08em!important;text-transform:uppercase!important}
#g-essay .article-aside > h2::before{display:none!important}
#g-essay .article-aside > ol{list-style:none!important;margin:0!important;padding:0!important;counter-reset:ge-note}
#g-essay .article-aside > ol > li{
  counter-increment:ge-note;position:relative;margin:0!important;padding:10px 0 10px 30px!important;border:0!important;border-bottom:1px solid var(--gt-rule)!important;
  color:var(--gt-ink-2)!important;font:400 17px/1.45 var(--g-serif)!important;list-style:none!important;
}
#g-essay .article-aside > ol > li::before{content:counter(ge-note,decimal-leading-zero);position:absolute;left:0;top:13px;color:var(--ge-text);font:600 12px/1 var(--g-mono)}
#g-essay .article-aside > ol > li::marker{content:""}
#g-essay .article-aside :is(p,a){font:400 15px/1.5 var(--g-sans)!important;color:var(--gt-ink-2)!important}
#g-essay .article-aside a{display:inline-block;margin-top:12px;text-decoration:underline;text-decoration-color:var(--ge-text);text-underline-offset:3px}

/* anchored sidenotes (an essay opts in with data-g-anchor on its note) */
#g-essay .g-note{display:block;margin:-.25em 0 1.4em;padding:2px 0 2px 16px;border-left:2px solid var(--ge-mark);color:var(--gt-ink-2);font:400 17px/1.45 var(--g-serif);text-wrap:pretty}
#g-essay .g-note__label{display:block;margin-bottom:4px;color:var(--ge-text);font:600 12px/1.3 var(--g-mono);letter-spacing:.08em;text-transform:uppercase}
#g-essay .g-note-ref{display:inline-block;margin-left:.15em;padding:2px 3px;color:var(--ge-text)!important;font:600 12px/1 var(--g-mono)!important;text-decoration:none!important;vertical-align:.55em}

/* ───────── contents: rail (desktop), disclosure + one floating button (smaller screens) ───────── */
#g-essay .g-toc-list{list-style:none;margin:0;padding:0;font:500 14px/1.35 var(--g-sans)}
#g-essay .g-toc-list li{margin:0;padding:0}
#g-essay .g-toc-list a{display:block;min-height:24px;padding:6px 0 6px 12px;border-left:2px solid transparent;color:var(--gt-muted);text-decoration:none;text-wrap:balance}
#g-essay .g-toc-list a:hover{color:var(--gt-ink)}
#g-essay .g-toc-list a[aria-current]{color:var(--gt-ink);border-left-color:var(--ge-mark);font-weight:600}
#g-essay .g-label{margin:0;color:var(--gt-muted);font:600 12px/1.3 var(--g-mono);letter-spacing:.08em;text-transform:uppercase}

#g-essay .g-toc-rail{display:none}
#g-essay .g-toc-inline{margin:0 0 calc(var(--ge-rhythm) * 1.25);border-top:1px solid var(--gt-rule);border-bottom:1px solid var(--gt-rule);font-family:var(--g-sans)}
#g-essay .g-toc-inline summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;cursor:pointer;list-style:none}
#g-essay .g-toc-inline summary::-webkit-details-marker{display:none}
#g-essay .g-toc-inline summary .g-label{display:inline-flex;align-items:center;gap:10px;color:var(--gt-ink)}
#g-essay .g-toc-inline summary .g-label::before{content:"";width:8px;height:8px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg);transition:transform .2s ease}
#g-essay .g-toc-inline[open] summary .g-label::before{transform:rotate(45deg) translate(-2px,-2px)}
#g-essay .g-toc-inline .g-toc-count{color:var(--gt-muted);font:500 14px/1 var(--g-sans)}
#g-essay .g-toc-inline nav{padding:0 0 16px}

#g-essay .g-fab{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:55;display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 16px 0 14px;border:1px solid var(--gt-ink);border-radius:999px;background:var(--gt-ink);color:var(--g-paper);font:600 14px/1 var(--g-sans);box-shadow:0 6px 20px rgba(14,16,15,.18);cursor:pointer;transition:opacity .2s ease,transform .2s ease}
#g-essay .g-fab[hidden]{display:none}
#g-essay .g-fab.is-away{opacity:0;transform:translateY(12px);pointer-events:none}
#g-essay .g-sheet{position:fixed;inset:auto 0 0 0;width:100%;max-width:none;max-height:82vh;margin:0;padding:8px 20px calc(24px + env(safe-area-inset-bottom));border:0;border-top:1px solid var(--gt-rule);background:var(--g-paper);color:var(--gt-ink);overflow:auto;box-shadow:0 -12px 40px rgba(14,16,15,.18)}
#g-essay .g-sheet::backdrop{background:rgba(14,16,15,.32)}
#g-essay .g-sheet__head{display:flex;align-items:center;justify-content:space-between;min-height:48px;border-bottom:1px solid var(--gt-rule);margin-bottom:8px}
#g-essay .g-sheet__head .g-label{color:var(--gt-ink)}
#g-essay .g-sheet__close{min-height:44px;padding:0 4px;border:0;background:none;color:var(--gt-ink);font:600 14px/1 var(--g-sans);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
#g-essay .g-sheet .g-toc-list a{padding-top:10px;padding-bottom:10px;font-size:16px}
#g-essay .g-sheet__foot{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin-top:16px;padding-top:16px;border-top:1px solid var(--gt-rule)}
#g-essay .g-sheet__foot a{color:var(--gt-muted);font:500 14px/1.6 var(--g-sans);text-underline-offset:3px}
#g-essay .g-sheet__foot .g-btn{margin-right:auto}

/* ───────── page chrome below the essay ───────── */
#g-essay :is(.footer,.data-footer){background:var(--ge-footer,#161613)!important;color:#ecebe5!important;border-top:1px solid var(--gt-rule)!important}
#g-essay :is(.footer,.data-footer) :is(a,p,span,small,b,strong,h2){font-family:var(--g-sans)!important;color:#ecebe5!important}
#g-essay :is(.footer,.data-footer) :is(.footer-column > span,.footer-inner > p,.footer-inner > p span,.footer-brand small,.data-footer p,[data-current-year]){color:#b4b6b0!important}
#g-essay :is(.footer,.data-footer) :is(small,.footer-column > span,.footer-inner > p,.footer-inner > p span,.data-footer p){font-size:12px!important;letter-spacing:.06em}
#g-essay :is(.footer,.data-footer) a:hover{color:#fff!important}
#g-essay .footer img{filter:invert(1) brightness(1.1)}

/* ───────── small screens ───────── */
@media (max-width:1099.98px){
  #g-essay{padding-bottom:88px}  /* the contents button never covers the last lines */
  #g-essay .article-content figure.g-wide,
  #g-essay .article-content .chart-figure{width:min(calc(100vw - 2 * var(--ge-gutter)),44em)!important;max-width:none!important;margin-left:calc(50% - min(calc(100vw - 2 * var(--ge-gutter)),44em) / 2)!important;margin-right:0!important}
}
@media (max-width:699.98px){
  /* cover evidence: labels are 12px now, so the caption drops under its figure instead of beside it */
  #g-essay .water-cover-track{grid-template-columns:minmax(0,1fr)!important;row-gap:4px}
  #g-essay .water-cover-track b{overflow-wrap:anywhere}
  #g-essay{--ge-masthead:52px}
  #g-essay .g-masthead__inner{gap:12px}
  #g-essay .g-masthead__title{display:none}
  #g-essay .g-masthead__crumb{margin-right:auto}
  #g-essay .g-masthead__crumb .g-crumb-section{display:none}
  #g-essay .article-content h2:not(figure *,.chart-figure *,.source-panel *,.magazine-brief *,.article-aside *){margin-top:2.2em!important}
}
@media (min-width:700px){
  #g-essay .article-hero{grid-template-columns:auto minmax(0,1fr);column-gap:clamp(24px,4vw,56px);align-items:start}
  #g-essay .article-hero .article-anchor,#g-essay .article-hero .glyph-draw.article-anchor{font-size:clamp(150px,19vw,220px)!important;margin:-.04em 0 0!important}
  #g-essay .article-hero :is(.goose-hero-card,.silence-hero-card){grid-column:2}
}

/* ───────── desktop: contents rail · text · margin column ───────── */
@media (min-width:1100px){
  #g-essay{--ge-masthead:60px}
  #g-essay .g-masthead__nav{display:flex}
  #g-essay .g-masthead__inner{max-width:calc(var(--ge-toc) + 2 * var(--ge-gap) + 630px + var(--ge-notes));box-sizing:content-box;padding:0 16px}
  #g-essay .article-hero,
  #g-essay .article-layout{
    display:grid!important;
    grid-template-columns:[full-start] minmax(16px,1fr) [toc-start] var(--ge-toc) [toc-end] var(--ge-gap) [text-start] var(--g-measure) [text-end] var(--ge-gap) [notes-start] var(--ge-notes) [notes-end] minmax(16px,1fr) [full-end]!important;
    column-gap:0!important;max-width:none!important;padding-left:0!important;padding-right:0!important;font-size:var(--gt-t-body);
  }
  #g-essay .article-layout{align-items:start}
  #g-essay .article-hero .article-anchor,#g-essay .article-hero .glyph-draw.article-anchor{grid-column:full-start / toc-end;grid-row:1 / span 2;justify-self:end;font-size:clamp(170px,15vw,240px)!important;margin:-.05em 0 0!important}
  #g-essay .article-signature > div{grid-column:text-start / notes-end;grid-row:1}
  #g-essay .article-hero :is(.goose-hero-card,.silence-hero-card){grid-column:text-start / notes-end;grid-row:2}

  #g-essay .g-toc-rail{display:block;grid-column:toc;grid-row:1 / span 2;align-self:stretch}
  #g-essay .g-toc-rail__sticky{position:sticky;top:calc(var(--ge-masthead) + 32px);max-height:calc(100vh - var(--ge-masthead) - 64px);overflow:auto;padding-bottom:16px}
  #g-essay .g-toc-rail .g-label{margin:0 0 10px 14px}
  #g-essay .g-toc-rail .g-toc-list{font-size:13.5px}
  #g-essay .g-toc-inline,#g-essay .g-fab{display:none!important}

  #g-essay .article-content{grid-column:text;grid-row:1;max-width:none!important;width:auto!important;margin:0!important}
  #g-essay .article-aside{grid-column:notes;grid-row:1;align-self:start;margin:0!important;max-width:none;padding-top:14px!important}
  #g-essay .article-aside > ol > li{font-size:16px!important;padding-left:28px!important}
  #g-essay .article-content figure.g-wide:not(.g-narrow),
  #g-essay .article-content .chart-figure:not(.g-narrow){margin-right:calc(-1 * (var(--ge-gap) + var(--ge-notes)))!important;width:auto!important;max-width:none!important}
  #g-essay .article-content figure.g-wide > figcaption{max-width:var(--g-measure)}

  #g-essay .g-note{position:absolute;left:calc(100% + var(--ge-gap));width:var(--ge-notes);margin:0;padding:0 0 0 12px;font-size:16px}
  #g-essay.g-has-sidenotes .article-aside{grid-column:text;grid-row:2;margin-top:calc(var(--ge-rhythm) * 2)!important}
}
@media (min-width:1320px){
  #g-essay{--ge-toc:196px;--ge-gap:44px;--ge-notes:244px}
  #g-essay .g-toc-rail .g-toc-list{font-size:14px}
}

/* ───────── data essay (China, in more than one number) ───────── */
#g-essay.data-page{
  --data-paper:var(--g-paper)!important;--data-muted:var(--gt-muted)!important;--data-ink:var(--gt-ink)!important;
  --data-blue:var(--ge-text)!important;--data-red:var(--ge-text)!important;--data-green:var(--ge-text)!important;--data-gold:var(--ge-text)!important;--data-gold-ink:var(--ge-text)!important;
  font-family:var(--g-sans)!important;
}
#g-essay .data-page-main{padding-top:clamp(32px,5vw,64px)!important}
#g-essay .data-essay-origin{font:600 12px/1.4 var(--g-mono)!important;letter-spacing:.08em}
#g-essay .data-essay-origin *{font:inherit!important}
#g-essay .data-essay-origin::before{font-family:var(--g-sans)!important}
#g-essay .data-cover .data-kicker,#g-essay.data-page .data-kicker,#g-essay .data-section-number,#g-essay .data-claim-kicker{color:var(--ge-text)!important;font:600 12px/1.4 var(--g-mono)!important;letter-spacing:.08em!important}
#g-essay .data-cover .data-title{order:0;font-size:min(clamp(52px,7.4vw,112px),var(--ge-title-fit,999px))!important;line-height:.98!important;margin:20px 0!important}
#g-essay .data-cover .data-lead,#g-essay.data-page .data-standfirst,#g-essay.data-page .data-section-lead{color:var(--gt-ink-2)!important;font:400 var(--gt-t-lede)/1.4 var(--g-serif)!important;letter-spacing:0!important}
#g-essay.data-page :is(.data-section-copy,.data-opening-copy,.data-summary > div,.data-conclusion-grid) > p:not(.data-claim-kicker,.data-standfirst,.data-section-lead,.data-closing-line),
#g-essay.data-page .data-question-set li,
#g-essay.data-page .data-summary li{
  max-width:var(--g-measure);color:var(--gt-ink)!important;font:400 var(--gt-t-body)/1.6 var(--g-serif)!important;letter-spacing:0!important;text-wrap:pretty;hanging-punctuation:first allow-end last;
}
#g-essay.data-page :is(.data-section-copy,.data-opening-copy,.data-summary,.data-conclusion-grid) a:not(.data-back-top){color:inherit!important;text-decoration:underline;text-decoration-color:var(--ge-text)!important;text-underline-offset:.2em}
#g-essay.data-page :is(.data-section-copy h2,.data-claim-title,.data-question-set h2,.data-summary h2,.data-conclusion h2,.data-research-results h2){
  color:var(--gt-ink)!important;font:700 var(--gt-t-h2)/1.08 var(--g-sans)!important;letter-spacing:-.02em!important;font-variation-settings:"opsz" 32;text-wrap:balance;hyphens:none;
}
#g-essay.data-page .data-closing-line{font:italic 400 clamp(25px,3.2vw,30px)/1.3 var(--g-serif)!important;color:var(--gt-ink)!important;letter-spacing:0!important}
#g-essay.data-page .data-margin-note{border-top-color:var(--gt-ink)!important}
#g-essay.data-page .data-margin-note b{color:var(--ge-text)!important;font:600 12px/1.3 var(--g-mono)!important;letter-spacing:.08em;text-transform:uppercase}
#g-essay.data-page .data-margin-note p,#g-essay.data-page .data-definition p{color:var(--gt-ink-2)!important;font:400 16px/1.5 var(--g-serif)!important}
#g-essay.data-page figure figcaption h3,#g-essay.data-page .data-wide-figure h3{font-family:var(--g-sans)!important;font-weight:700!important;letter-spacing:-.02em!important}
#g-essay.data-page .data-wide-figure > p,#g-essay.data-page figure > p[id$="-note"]{color:var(--gt-ink-2)!important;font:400 16px/1.5 var(--g-serif)!important}

@media (prefers-reduced-motion:reduce){
  #g-essay .g-masthead__title,#g-essay .g-fab.is-away{transform:none}
}
@media print{
  #g-essay .g-masthead,#g-essay .g-toc-rail,#g-essay .g-toc-inline,#g-essay .g-fab,#g-essay .g-sheet{display:none!important}
}

/* ───────── one header on essays (the essay masthead); the shared nav markup stays for the shell sync but is never shown ───────── */
#g-essay .site-nav{display:none!important}

/* ───────── plate bar and other plate-system components read the same palette ───────── */
#g-essay{--g-bg:var(--g-paper);--g-ink:var(--gt-ink);--g-ink-2:var(--gt-ink-2);--g-muted:var(--gt-muted);--g-rule:var(--gt-rule);--g-rule-strong:#c4c5bc;--g-surface:var(--ge-surface);--g-soft:var(--ge-surface);--g-view-text:#c4183a;--g-frame-text:#2a56d9;--g-observe-text:#566e00}
@media (prefers-color-scheme:dark){
  /* legacy modules inside essays (data components, shared shell pieces) read the old --galok-* names: give them the dark values here, essays only */
  html:not([data-theme="light"]) #g-essay{--galok-bg:#111310;--galok-surface:#1a1c18;--galok-soft:#1a1c18;--galok-ink:#f4f4ec;--galok-muted:#a5a69d;--galok-line:#2c2e28;--galok-line-strong:#444740;--g-rule-strong:#444740;--g-view-text:#ff7a8c;--g-frame-text:#8eabff;--g-observe-text:#c6ef3a;--ge-footer:#0b0c0a}
  html:not([data-theme="light"]) #g-essay.data-page :is(.data-claim-figure figcaption,.data-claim-point span,.data-claim-axis span,.data-cover-track small,.data-cover-track span,.data-cover-figure figcaption,.data-cover-figure > p,.data-opening-label p,.data-opening-label span,.data-kicker,.data-section-number){color:var(--gt-muted)!important}
  html:not([data-theme="light"]) #g-essay.data-page :is(.data-cover-track b,.data-claim-point b,.data-research-grid a span,.data-research-grid a strong,.data-research-grid a b){color:var(--gt-ink)!important}
  html:not([data-theme="light"]) #g-essay.data-page :is(.data-cover,.data-cover-figure,.data-claim-figure,.data-opening,.data-research-grid a,.data-definition){background-color:transparent!important}
  html:not([data-theme="light"]) #g-essay.data-page .data-definition{border-color:var(--gt-rule)!important}
  html:not([data-theme="light"]) #g-essay.data-page .data-hub-tab{background-color:var(--ge-surface)!important;border-color:var(--gt-rule)!important}
  html:not([data-theme="light"]) #g-essay.data-page .data-hub-tab[aria-selected="true"],html:not([data-theme="light"]) #g-essay.data-page .data-hub-tab.is-active{background-color:var(--gt-ink)!important}
  html:not([data-theme="light"]) #g-essay.data-page .data-hub-tab[aria-selected="true"] *,html:not([data-theme="light"]) #g-essay.data-page .data-hub-tab.is-active *{color:var(--g-paper)!important}
  html:not([data-theme="light"]) #g-essay.data-page :is(.data-research-grid h3,.data-research-results h3){color:var(--gt-ink)!important}
  html:not([data-theme="light"]) #g-essay.data-page .data-research-results header p{color:#ff8a80!important}
}
@media (prefers-color-scheme:dark){html:not([data-theme="light"]) #g-essay .g-masthead__brand img{filter:invert(1)}}
html[data-theme="dark"] #g-essay .g-masthead__brand img{filter:invert(1)}
html[data-theme="dark"] #g-essay{--galok-bg:#111310;--galok-surface:#1a1c18;--galok-soft:#1a1c18;--galok-ink:#f4f4ec;--galok-muted:#a5a69d;--galok-line:#2c2e28;--galok-line-strong:#444740;--g-rule-strong:#444740;--g-view-text:#ff7a8c;--g-frame-text:#8eabff;--g-observe-text:#c6ef3a;--ge-footer:#0b0c0a}

/* Essay charts were drawn for paper: dozens of their inks are fixed light-theme values (styles.css, the batch chart
   system). In dark each chart sits as a light plate with the light-theme tokens inside it, so every label, value and
   chip reads exactly as designed; the prose around it stays dark. */
@media (prefers-color-scheme:dark){
  html:not([data-theme="light"]) #g-essay.batch-article-body .article-content .chart-figure{--paper:#fafaf7;--paper-2:#fff;--ink:#0a0c0e;--muted:#626b73;--line:#d9dee2;--line-dark:#b9c1c7;--gt-ink:#161613;--gt-ink-2:#33342f;--gt-muted:#62635e;--gt-rule:#dcddd5;--g-paper:#fafaf7;--galok-bg:#fafaf7;--ge-surface:#f1f1ea;--g-bg:#fafaf7;--g-ink:#161613;--g-ink-2:#33342f;--g-muted:#62635e;--g-rule:#dcddd5;--g-rule-strong:#c4c5bc;--g-surface:#f1f1ea;--g-soft:#f1f1ea;--g-view-text:#c4183a;--g-frame-text:#2a56d9;--g-observe-text:#566e00;--galok-surface:#fff;--galok-soft:#eef1f3;--galok-ink:#0a0c0e;--galok-muted:#626b73;--galok-line:#d9dee2;--galok-line-strong:#b9c1c7;--accent:var(--ge-text);color-scheme:light;background:#f0f1ee!important;color:#161613;padding:clamp(16px,3vw,32px)!important;border-radius:6px}
  html:not([data-theme="light"]) #g-essay.batch-article-body[data-g-lens="view"] .chart-figure{--ge-text:#c4183a}
  html:not([data-theme="light"]) #g-essay.batch-article-body[data-g-lens="frame"] .chart-figure{--ge-text:#2a56d9}
  html:not([data-theme="light"]) #g-essay.batch-article-body[data-g-lens="observe"] .chart-figure{--ge-text:#566e00}
}
html[data-theme="dark"] #g-essay.batch-article-body .article-content .chart-figure{--paper:#fafaf7;--paper-2:#fff;--ink:#0a0c0e;--muted:#626b73;--line:#d9dee2;--line-dark:#b9c1c7;--gt-ink:#161613;--gt-ink-2:#33342f;--gt-muted:#62635e;--gt-rule:#dcddd5;--g-paper:#fafaf7;--galok-bg:#fafaf7;--ge-surface:#f1f1ea;--g-bg:#fafaf7;--g-ink:#161613;--g-ink-2:#33342f;--g-muted:#62635e;--g-rule:#dcddd5;--g-rule-strong:#c4c5bc;--g-surface:#f1f1ea;--g-soft:#f1f1ea;--g-view-text:#c4183a;--g-frame-text:#2a56d9;--g-observe-text:#566e00;--galok-surface:#fff;--galok-soft:#eef1f3;--galok-ink:#0a0c0e;--galok-muted:#626b73;--galok-line:#d9dee2;--galok-line-strong:#b9c1c7;--accent:var(--ge-text);color-scheme:light;background:#f0f1ee!important;color:#161613;padding:clamp(16px,3vw,32px)!important;border-radius:6px}
html[data-theme="dark"] #g-essay.batch-article-body[data-g-lens="view"] .chart-figure{--ge-text:#c4183a}
html[data-theme="dark"] #g-essay.batch-article-body[data-g-lens="frame"] .chart-figure{--ge-text:#2a56d9}
html[data-theme="dark"] #g-essay.batch-article-body[data-g-lens="observe"] .chart-figure{--ge-text:#566e00}

/* step markers draw white numerals on their tone; on the two golds white is 2.4:1, so their numerals are ink (8:1) */
#g-essay :is([style*="#c9a227"],[style*="#c99724"]) > b{color:#151615}
/* the source panel's "Read on …" pill is a dark button: the link rules above force inherited ink onto every article
   link (!important), which left dark text on the dark pill (1.05:1); the pill keeps its own white */
#g-essay .article-content a.button-link{color:#fff!important}