:root {
  color-scheme: light;
  --delta-canvas: #f4f0e8;
  --delta-surface: #ebe4d8;
  --delta-surface-2: #ddd4c5;
  --delta-text: #102b2f;
  --delta-muted: #686f6c;
  --delta-border: rgb(16 43 47 / 22%);
  --delta-control-bg: rgb(244 240 232 / 78%);
  --delta-control-hover: #102b2f;
  --delta-control-hover-text: #f5f3ed;
  --delta-inverse-bg: #0d3237;
  --delta-inverse-text: #f5f3ed;
}

html[data-delta-theme="dark"] {
  color-scheme: dark;
  --delta-canvas: #050505;
  --delta-surface: #0e0e0e;
  --delta-surface-2: #171717;
  --delta-text: #f5f5f2;
  --delta-muted: #a7a7a1;
  --delta-border: rgb(245 245 242 / 20%);
  --delta-control-bg: rgb(5 5 5 / 82%);
  --delta-control-hover: #f5f5f2;
  --delta-control-hover-text: #050505;
  --delta-inverse-bg: #000;
  --delta-inverse-text: #f5f5f2;
  --delta-accent: #9db7ff;

  /* Legacy page tokens are remapped at the semantic layer. */
  --ivory: var(--delta-canvas);
  --paper: var(--delta-surface);
  --paper-soft: var(--delta-surface);
  --paper-deep: var(--delta-surface-2);
  --cream: var(--delta-surface);
  --ink: var(--delta-text);
  --charcoal: var(--delta-text);
  --brand-ink: var(--delta-text);
  --muted: var(--delta-muted);
  --line: var(--delta-border);
  --rule: var(--delta-border);
  --rule-strong: rgb(245 245 242 / 44%);
  --green: #d8d8d2;
  --green-soft: #151515;
  --teal: var(--delta-text);
  --teal-dark: #000;
  --coral: var(--delta-accent);
  --oxblood: var(--delta-accent);
  --mustard: #ccccbf;
  --work-paper: var(--delta-canvas);
  --work-ink: var(--delta-text);
  --work-line: var(--delta-border);
  --footer-bg: var(--delta-canvas);
}

html,
body {
  transition: background-color 180ms ease, color 180ms ease;
}

html[data-delta-theme="dark"],
html[data-delta-theme="dark"] body {
  background-color: var(--delta-canvas);
  color: var(--delta-text);
}

html[data-delta-theme="dark"] body.archive-page,
html[data-delta-theme="dark"] body {
  background-image: none;
}

/* Fixed, Metalab-style top utility rail. */
.delta-utilities {
  display: inline-flex;
  align-items: center;
  gap: clamp(10px, 1.2vw, 20px);
  color: var(--delta-text);
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 10px;
  font-weight: 680;
  line-height: 1;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.delta-utilities--top {
  position: fixed;
  z-index: 140;
  top: 12px;
  right: clamp(14px, 2vw, 28px);
  min-height: 38px;
  padding: 0 4px 0 14px;
  border: 1px solid var(--delta-border);
  border-radius: 999px;
  background: var(--delta-control-bg);
  box-shadow: 0 8px 30px rgb(0 0 0 / 6%);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

.delta-utilities--hero {
  --delta-text: #f5f3ed;
  --delta-border: rgb(245 243 237 / 30%);
  --delta-control-bg: rgb(5 30 34 / 58%);
  --delta-control-hover: #f5f3ed;
  --delta-control-hover-text: #0c1e22;
}

body.global-menu-active .delta-utilities--top {
  --delta-text: var(--brand-ink);
  --delta-border: color-mix(in srgb, var(--brand-ink) 25%, transparent);
  --delta-control-bg: color-mix(in srgb, var(--off-white) 82%, transparent);
  --delta-control-hover: var(--brand-ink);
  --delta-control-hover-text: var(--off-white);
}

body.global-menu-active > .delta-topbar .delta-topbar-meta {
  color: var(--brand-ink) !important;
}

/* The menu owns its centered wordmark. This avoids page-header logo variants
   disappearing against the light menu while keeping the position unchanged. */
body.global-menu-active:has(> .delta-topbar) .global-menu-wordmark {
  visibility: visible;
}

body.global-menu-active > .delta-topbar > :is(
  .wordmark,
  .method-wordmark,
  .about-wordmark,
  .editorial-wordmark,
  .case-wordmark
) {
  visibility: hidden;
  pointer-events: none;
}

html[data-delta-theme="light"] .global-menu-wordmark,
html[data-delta-theme="light"] .global-menu-cases a {
  color: #111;
}

html[data-delta-theme="dark"] body.global-menu-active .delta-utilities--top {
  --delta-control-bg: rgb(0 0 0 / 86%);
}

.delta-clock {
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

.delta-clock-zone {
  opacity: .58;
}

.delta-theme-toggle,
.delta-inquiry-link {
  min-height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: inherit;
  font: inherit;
  letter-spacing: inherit;
  text-decoration: none;
  text-transform: inherit;
  cursor: pointer;
  transition: background-color 160ms ease, color 160ms ease, opacity 160ms ease;
}

.delta-theme-toggle {
  width: 30px;
  min-width: 30px;
  padding: 0;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0;
}

.delta-inquiry-link {
  gap: 5px;
  padding: 0 12px;
  background: var(--delta-text);
  color: var(--delta-canvas);
}

.delta-theme-toggle:hover,
.delta-theme-toggle:focus-visible,
.delta-inquiry-link:hover,
.delta-inquiry-link:focus-visible {
  background: var(--delta-control-hover);
  color: var(--delta-control-hover-text);
}

.delta-theme-toggle:focus-visible,
.delta-inquiry-link:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 3px;
}

/* Shared page-end utility footer. */
.delta-utility-footer {
  min-height: 112px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 30px;
  padding: 38px clamp(20px, 4vw, 64px);
  border-top: 1px solid var(--delta-border);
  background: var(--delta-canvas);
  color: var(--delta-text);
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.delta-utility-footer__brand {
  color: inherit;
  font-size: 14px;
  font-weight: 760;
  letter-spacing: .045em;
  text-decoration: none;
}

.delta-utilities--footer .delta-inquiry-link {
  border: 1px solid var(--delta-border);
}

/* The global menu follows the selected theme. */
html[data-delta-theme="dark"] .global-menu,
html[data-delta-theme="dark"] .method-header + .global-menu {
  background: var(--delta-canvas);
  color: var(--delta-text);
}

html[data-delta-theme="dark"] .global-menu-open,
html[data-delta-theme="dark"] .global-menu-close {
  border-color: var(--delta-border);
  background: rgb(240 236 227 / 8%);
  color: var(--delta-text);
}

html[data-delta-theme="dark"] .global-menu-open:hover,
html[data-delta-theme="dark"] .global-menu-open:focus-visible,
html[data-delta-theme="dark"] .global-menu-close:hover,
html[data-delta-theme="dark"] .global-menu-close:focus-visible {
  background: var(--delta-text);
  color: var(--delta-canvas);
}

html[data-delta-theme="dark"] .global-menu-cases a {
  border-color: transparent;
  background: rgb(245 243 237 / 12%);
  color: #f5f3ed;
}

html[data-delta-theme="dark"] .global-menu-cases a:hover,
html[data-delta-theme="dark"] .global-menu-cases a:focus-visible {
  border-color: currentColor;
  background: transparent;
  color: #f5f3ed;
}

html[data-delta-theme="dark"] .global-menu-visual {
  background: var(--delta-surface-2);
}

html[data-delta-theme="dark"] .global-menu-publication {
  background: #000;
  color: var(--delta-text);
}

html[data-delta-theme="dark"] .global-menu-publication-logo {
  background: #000;
}

/* Full-viewport editorial grid: scale and hierarchy replace boxed-in columns. */
:root {
  --delta-page-edge: clamp(24px, 2.35vw, 48px);
  --delta-stage-width: calc(100vw - (var(--delta-page-edge) * 2));
  --delta-readable: 760px;
  --delta-space-section: clamp(112px, 11vw, 210px);
  --delta-type-label: clamp(11px, .7vw, 14px);
  --delta-type-body: clamp(16px, 1vw, 20px);
  --delta-type-section: clamp(40px, 4.4vw, 72px);
  --delta-type-display: clamp(90px, 10vw, 220px);
}

body:not(.need-help-page) :is(.hub-intro, .article-hero, .article-shell, .research-v2-main) {
  width: calc(100% - (var(--delta-page-edge) * 2));
  max-width: none;
}

.article-shell,
.authority-shell {
  grid-template-columns: minmax(120px, 14vw) minmax(0, var(--delta-readable)) minmax(200px, 1fr);
  column-gap: clamp(28px, 3.4vw, 68px);
}

.authority-hero .article-hero-copy {
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(340px, .88fr);
  column-gap: clamp(44px, 6vw, 120px);
  align-items: end;
  max-width: none;
}

.authority-hero .article-meta {
  grid-column: 1 / -1;
}

.authority-hero h1 {
  grid-column: 1;
  max-width: 13ch;
  font-size: clamp(52px, 5.7vw, 96px);
  font-weight: 520;
  line-height: .98;
}

.authority-hero .authority-canonical {
  grid-column: 2;
  margin: 0 0 .4rem;
  max-width: none;
  padding: 24px 0 0;
  border-top: 1px solid var(--delta-border);
  border-left: 0;
  background: transparent;
  font-size: clamp(18px, 1.2vw, 23px);
  line-height: 1.65;
}

.article-shell :is(.article-body, .insight-body) {
  width: 100%;
  max-width: var(--delta-readable);
  font-size: clamp(18px, 1.08vw, 21px);
  line-height: 1.76;
}

.article-shell :is(.article-body, .insight-body) > p,
.article-shell :is(.article-body, .insight-body) > ul,
.article-shell :is(.article-body, .insight-body) > ol {
  max-width: none;
}

.case-story .case-shell {
  width: 100%;
  max-width: none;
  padding-inline: var(--delta-page-edge);
}

.case-story .case-impact {
  width: calc(100% - (var(--delta-page-edge) * 2));
  max-width: none;
}

.page-shell {
  width: var(--delta-stage-width);
  max-width: none;
}

/* Width system: the stage uses the viewport; only reading copy stays narrow. */
body:not(.need-help-page) :is(
  .media-placeholder--hero,
  .media-placeholder--proof,
  .research-index,
  .insight-index,
  .insight-hero,
  .insight-visual-stage,
  .editorial-statement,
  .selected-evidence,
  .work-hero,
  .work-group
) {
  width: var(--delta-stage-width);
  max-width: none;
  margin-inline: auto;
}

.work-main {
  padding-inline: var(--delta-page-edge);
}

.work-main :is(.work-hero, .work-group) {
  width: 100%;
}

.media-placeholder--hero,
.media-placeholder--proof {
  aspect-ratio: 16 / 9;
}

.research-index {
  grid-template-columns: minmax(420px, 5fr) minmax(0, 7fr);
  gap: clamp(48px, 6vw, 132px);
}

.insight-index {
  gap: clamp(30px, 4.25vw, 88px);
}

/* Spacing system: large pauses live inside the composition, not outside it. */
:is(.wwd-intro, .what-we-do, .content-hub, .testimonials, .story-section) {
  scroll-margin-top: 72px;
}

.wwd-intro {
  padding-block: var(--delta-space-section);
}

.what-we-do {
  padding-top: var(--delta-space-section);
}

.content-hub {
  margin-top: var(--delta-space-section);
}

.testimonials {
  padding-block: var(--delta-space-section);
}

/* Typography system: labels stay compact; display type gets lighter as it grows. */
:is(
  .section-identifier,
  .hub-column__label,
  .research-index-number,
  .research-index-category,
  .insight-index-item > span,
  .insight-index-item > small,
  .case-label,
  .eyebrow,
  .practice-archive__title
) {
  font-size: var(--delta-type-label);
  font-weight: 600;
}

.wwd-hero h1 {
  max-width: 16ch;
  font-size: clamp(64px, 6.7vw, 132px);
  font-weight: 520;
}

.wwd-hero__copy > p {
  font-weight: 500;
}

.wwd-intro__en {
  max-width: none;
  font-size: clamp(56px, 5.6vw, 108px);
  font-weight: 450;
  line-height: .92;
}

.wwd-intro h2 {
  width: min(100%, 1160px);
  max-width: none;
  margin-left: auto;
  font-size: clamp(34px, 3vw, 52px);
  font-weight: 520;
}

.work-row {
  grid-template-columns: minmax(0, 5fr) minmax(300px, 3fr) minmax(320px, 4fr);
  min-height: clamp(430px, 31vw, 620px);
  gap: clamp(32px, 4vw, 84px);
}

.work-row h3 {
  font-size: clamp(40px, 3.5vw, 64px);
  font-weight: 500;
}

.work-row__description,
.hub-column li,
.hub-column__statement {
  font-size: var(--delta-type-body);
  font-weight: 440;
}

.hub-column h2 {
  font-size: clamp(30px, 2.25vw, 44px);
  font-weight: 520;
}

.testimonials__heading h2 {
  font-size: var(--delta-type-display);
  font-weight: 450;
  line-height: .82;
}

.final-cta h2 {
  font-size: clamp(90px, 9vw, 180px);
  font-weight: 480;
}

.hub-intro h1 {
  max-width: 13ch;
  font-size: clamp(82px, 8.4vw, 172px);
  font-weight: 450;
  line-height: .88;
}

.research-index-item h2 {
  font-size: clamp(30px, 2.6vw, 50px);
  font-weight: 520;
}

.research-index-item p,
.insight-index-item p {
  font-size: clamp(15px, .9vw, 18px);
}

.insight-index-item h2 {
  font-size: clamp(42px, 4vw, 72px);
  font-weight: 520;
  line-height: 1;
}

.editorial-statement {
  font-size: clamp(52px, 6vw, 112px);
  font-weight: 500;
}

.work-hero h1 {
  font-size: clamp(90px, 10vw, 190px);
  font-weight: 450;
}

.work-group > h2,
.work-card h3 {
  font-weight: 500;
}

.about-hero h1 {
  font-size: clamp(68px, 6.5vw, 118px);
  font-weight: 520;
}

:is(.story-section h2, .delta-arrival h2, .final-letter h2) {
  font-size: var(--delta-type-section);
  font-weight: 520;
}

:is(.editorial-quote--opening p, .editorial-quote--story p, .editorial-quote--final p) {
  font-weight: 500;
}

.research-note h3,
.inner-conflict p,
.last-question h2,
.last-question__final {
  font-weight: 520;
}

.case-story {
  --ui-outer: var(--delta-page-edge);
  --ui-body: var(--delta-type-body);
}

.case-title-display {
  max-width: 14ch;
  font-size: clamp(72px, 7.8vw, 150px);
  font-weight: 500;
}

.case-section-heading h2,
.case-copy h2,
.case-expertise-panel h2,
.case-narrative h2 {
  font-size: var(--delta-type-section);
  font-weight: 500;
}

.case-delta h2 {
  font-size: clamp(72px, 7vw, 140px);
  font-weight: 480;
}

/* Related reading stays a quiet navigation aid instead of becoming a second hero. */
.next-reading {
  padding: clamp(48px, 5vw, 80px) var(--delta-page-edge);
  border-top: 1px solid var(--delta-border);
  border-bottom: 1px solid var(--delta-border);
  background: var(--delta-surface);
  color: var(--delta-text);
}

.next-reading > p {
  margin-bottom: 16px;
  color: var(--delta-muted);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .08em;
}

.next-reading > a {
  grid-template-columns: 84px minmax(0, 1fr) auto;
  gap: 20px;
  padding-top: 18px;
  font-size: clamp(20px, 2vw, 30px);
  font-weight: 500;
  line-height: 1.2;
}

.next-reading > a span {
  color: var(--coral);
  font-size: 10px;
  font-weight: 650;
}

.authority-network {
  margin-top: clamp(64px, 7vw, 92px);
  padding-top: 20px;
  border-top-width: 1px;
}

.authority-network > p {
  margin-bottom: 12px;
  color: var(--delta-muted);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .08em;
}

.authority-network a {
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 12px;
  padding: 12px 0;
}

.authority-network a span {
  font-size: 10px;
  font-weight: 650;
}

.authority-network a strong {
  font-size: 15px;
  font-weight: 520;
  line-height: 1.45;
}

.archive-answer-body :is(#related-case, #related-answers) {
  margin: 3.25rem 0 1rem;
  font-size: clamp(1.2rem, 1.7vw, 1.55rem);
  font-weight: 620;
  letter-spacing: -.02em;
}

.archive-answer-body .archive-reference-list {
  max-width: 680px;
  margin-bottom: 1.25rem;
}

.archive-answer-body .archive-reference-list a {
  padding: .7rem 0;
  font-size: .95rem;
  line-height: 1.45;
}

/* Uppercase is reserved for compact metadata. Large reading content stays lighter. */
:is(
  .article-meta,
  .journey-label,
  .article-sources > p,
  .authority-upward > p,
  .case-label,
  .eyebrow,
  .archive-answer-category
) {
  font-weight: 620;
}

:is(.article-body, .insight-body, .prose, .case-copy, .case-panel) strong {
  font-weight: 650;
}

html[data-delta-theme="dark"] ::selection {
  background: var(--delta-accent);
  color: #050505;
}

html[data-delta-theme="dark"] :is(
  .archive-frame--primary,
  .archive-frame--document,
  .evidence-piece--wide,
  .evidence-piece--claim,
  .working-note--screen,
  .practice-frame--main
) {
  background-color: var(--delta-surface-2);
  color: var(--delta-text);
  border-color: var(--delta-border);
}

html[data-delta-theme="dark"] :is(
  .next-reading,
  .evidence-figure,
  .html-evidence
) {
  background-color: var(--delta-surface);
  color: var(--delta-text);
}

html[data-delta-theme="dark"] :is(
  .article-body,
  .insight-body,
  .article-body h2,
  .article-body h3,
  .article-body h4,
  .insight-body h2,
  .insight-body h3,
  .insight-body h4
) {
  color: var(--delta-text);
}

html[data-delta-theme="dark"] :is(
  .article-section-nav a:hover,
  .article-section-nav a:focus-visible,
  .authority-upward a:hover,
  .authority-upward a:focus-visible,
  .next-reading a:hover,
  .next-reading a:focus-visible
) {
  color: var(--delta-accent);
}

html[data-delta-theme="dark"] .about-cta,
html[data-delta-theme="dark"] .delta-arrival,
html[data-delta-theme="dark"] .case-story :is(.case-narrative, .case-delta) {
  background-color: #000;
  color: var(--delta-text);
}

@media (max-width: 900px) {
  :root {
    --delta-page-edge: 16px;
    --delta-stage-width: calc(100% - 32px);
    --delta-space-section: 120px;
    --delta-type-section: clamp(38px, 10vw, 52px);
    --delta-type-display: clamp(48px, 13vw, 72px);
  }

  .wwd-hero h1 {
    font-size: clamp(40px, 11vw, 50px);
  }

  .wwd-intro__en {
    font-size: clamp(34px, 6vw, 42px);
    line-height: .94;
  }

  .wwd-intro h2 {
    width: 100%;
    max-width: none;
    margin-left: 0;
    font-size: clamp(22px, 4vw, 26px);
  }

  .wwd-intro h2 span {
    display: inline;
  }

  .media-placeholder--hero,
  .media-placeholder--proof {
    aspect-ratio: 3 / 2;
  }

  .work-row {
    min-height: 0;
  }

  .work-row h3 {
    font-size: 24px;
  }

  .hub-intro h1 {
    font-size: clamp(50px, 15vw, 72px);
  }

  .research-index-item h2 {
    font-size: 31px;
  }

  .insight-index-item h2 {
    font-size: 36px;
  }

  .work-hero h1 {
    font-size: clamp(56px, 17vw, 78px);
  }

  .about-hero h1 {
    font-size: clamp(46px, 12.2vw, 68px);
  }

  :is(.story-section h2, .delta-arrival h2, .final-letter h2) {
    font-size: clamp(38px, 9.8vw, 52px);
  }

  .case-story {
    overflow-x: clip;
  }

  .case-title-display {
    font-size: clamp(50px, 14vw, 58px);
  }

  .case-section-heading h2,
  .case-copy h2,
  .case-expertise-panel h2,
  .case-narrative h2 {
    font-size: clamp(40px, 11vw, 48px);
  }

  .case-delta h2 {
    font-size: clamp(56px, 15vw, 72px);
  }

  .article-shell,
  .authority-shell {
    width: calc(100% - 32px);
    display: block;
  }

  .next-reading {
    padding: 54px 16px;
  }

  .next-reading > a {
    grid-template-columns: 1fr;
    gap: 10px;
    font-size: 24px;
  }

  .authority-hero .article-hero-copy {
    display: block;
  }

  .authority-hero .authority-canonical {
    margin-top: 36px;
    padding-top: 22px;
  }
}

@media (min-width: 521px) and (max-width: 760px) {
  .wwd-intro h2 span {
    display: block;
  }
}

html[data-delta-theme="dark"] .global-menu-publication-title {
  color: var(--delta-text);
}

html[data-delta-theme="dark"] .global-menu-publication-meta {
  color: var(--delta-muted);
}

/* Preserve the current homepage Hero exactly in both themes. */
html[data-delta-theme="dark"] .hero.hero--dark {
  --ivory: #f5f3ed;
  --off-white: #fbfaf7;
  --paper: #ebe4d8;
  --ink: #102b2f;
  --charcoal: #202524;
  --brand-ink: #0c1e22;
  --muted: #626a67;
  --line: #c8cbc5;
}

/* Restore deliberate inverse panels while keeping the surrounding canvas dark. */
html[data-delta-theme="dark"] :is(
  .editorial-footer,
  .editorial-placeholder--editorial,
  .journey-visual,
  .key-findings,
  .source-diagram,
  .canonical-node,
  .case-diagnosis-panel,
  .case-narrative,
  .case-delta
) {
  background-color: var(--delta-inverse-bg);
  color: var(--delta-inverse-text);
}

html[data-delta-theme="dark"] :is(pre, th) {
  background: var(--delta-inverse-bg);
  color: var(--delta-inverse-text);
}

html[data-delta-theme="dark"] :is(
  .case-panel,
  .case-copy,
  .case-impact,
  .case-footer,
  .selected-evidence article,
  .applied-index a,
  .article-limitations
) {
  background-color: var(--delta-surface);
  color: var(--delta-text);
}

html[data-delta-theme="dark"] .archive-header {
  border-color: var(--delta-border);
  background: rgb(5 5 5 / 92%);
  color: var(--delta-text);
}

html[data-delta-theme="dark"] .data-row > div {
  background: rgb(245 245 242 / 12%);
}

html[data-delta-theme="dark"] .work-card figure,
html[data-delta-theme="dark"] .editorial-image,
html[data-delta-theme="dark"] .media-placeholder {
  background: var(--delta-surface-2);
}

html[data-delta-theme="dark"] :is(input, textarea, select) {
  border-color: var(--delta-border);
  background-color: transparent;
  color: var(--delta-text);
}

html[data-delta-theme="dark"] :is(input, textarea)::placeholder {
  color: var(--delta-muted);
}

html[data-delta-theme="dark"] .submit-button {
  border-color: var(--delta-text);
  background: var(--delta-text);
  color: var(--delta-canvas);
}

/* Archive navigation and the persistent utility rail occupy separate columns. */
body.archive-page .archive-header {
  gap: 24px;
  padding-right: clamp(320px, 25vw, 370px);
}

body.archive-page .archive-header-links {
  min-width: 0;
  overflow-x: auto;
  scrollbar-width: none;
  white-space: nowrap;
}

body.archive-page .archive-header-links::-webkit-scrollbar {
  display: none;
}

@media (max-width: 1280px) {
  body.archive-page .archive-header {
    padding-right: 292px;
  }

  body.archive-page .archive-header-links {
    gap: .65rem;
  }

  body.archive-page .archive-header-links a {
    font-size: .6rem;
  }
}

@media (max-width: 720px) {
  .delta-utilities--top {
    top: 10px;
    right: 10px;
    gap: 5px;
    min-height: 34px;
    padding: 0 3px 0 9px;
    font-size: 9px;
  }

  .delta-clock-zone {
    display: none;
  }

  .delta-theme-toggle {
    width: 28px;
    min-width: 28px;
    padding: 0;
    font-size: 17px;
  }

  .delta-inquiry-link {
    padding-inline: 9px;
  }

  .delta-utility-footer {
    min-height: 148px;
    align-items: flex-start;
    flex-direction: column;
    padding: 30px 20px;
  }

  .delta-utilities--footer {
    width: 100%;
    justify-content: space-between;
  }

  body.archive-page .archive-header {
    min-height: 100px;
    padding: 0 14px;
    align-items: flex-start;
  }

  body.archive-page .archive-brand {
    position: absolute;
    top: 18px;
    left: 14px;
    flex: 0 0 auto;
  }

  body.archive-page .archive-header-links {
    width: calc(100% - 28px);
    position: absolute;
    top: 58px;
    left: 14px;
    right: 14px;
    min-height: 30px;
    justify-content: flex-start;
  }

  body.archive-page .archive-mobile-toc {
    top: 100px;
  }
}

@media (prefers-reduced-motion: reduce) {
  html,
  body,
  .delta-theme-toggle,
  .delta-inquiry-link {
    transition: none !important;
  }
}

/* ── Display type: Korean headings in MaruBuri (2026-10-14) ─────────────
   MaruBuri (NAVER, SIL OFL 1.1), subset to KS X 1001 2,350 Hangul + basic Latin.
   unicode-range limits the face to Hangul, so Latin, digits and English
   headings keep their current face; only Korean glyphs in headings change. */
@font-face {
  font-family: "Delta MaruBuri";
  src: url("/assets/fonts/MaruBuri-Regular.subset.woff2") format("woff2");
  font-weight: 300 500;
  font-style: normal;
  font-display: swap;
  unicode-range: U+1100-11FF, U+3000-303F, U+3130-318F, U+AC00-D7A3;
}
@font-face {
  font-family: "Delta MaruBuri";
  src: url("/assets/fonts/MaruBuri-SemiBold.subset.woff2") format("woff2");
  font-weight: 501 900;
  font-style: normal;
  font-display: swap;
  unicode-range: U+1100-11FF, U+3000-303F, U+3130-318F, U+AC00-D7A3;
}
html body:not(.archive-page) :is(h1, h2),
html body[data-editorial-refinement="home"] .hero-claim-ko {
  font-family: "Delta MaruBuri", Pretendard, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  word-break: keep-all;
  overflow-wrap: break-word;
}
/* Archive documents already set headings in Georgia; give their Hangul the same face. */
html body.archive-page {
  --serif: Georgia, "Delta MaruBuri", "Times New Roman", Times, serif;
}
html body.archive-page :is(h1, h2) {
  word-break: keep-all;
  overflow-wrap: break-word;
}
/* Research notes and insight articles set Korean headings at ~1.0 leading and
   -.06em tracking, which crowds a serif face. Open them slightly. */
html:has(link[href^="/editorial-core.css"]) body :is(h1, h2) {
  line-height: 1.14;
  letter-spacing: -.035em;
}
/* Archive: related-answer links were unstyled and ran together; edition switch link. */
.archive-answer-links { margin: 0 0 32px; }
.archive-answer-links p { margin: 0 0 8px; font-size: 12px; font-weight: 700; letter-spacing: .08em; }
.archive-answer-links a { display: block; margin: 6px 0; }
.archive-edition-link { margin: 18px 0 0; font-size: 14px; font-weight: 600; letter-spacing: .02em; }
.archive-edition-link a { color: inherit; text-underline-offset: 4px; }
/* DELTA ANSWERS: visible short answer at the top of each answer body */
.archive-answer-body .archive-short-answer {
  margin: 0 0 56px;
  padding: 24px 28px;
  border-left: 2px solid var(--delta-accent, currentColor);
  background: var(--delta-surface, rgb(127 127 127 / 8%));
}
.archive-answer-body .archive-short-answer .archive-callout-label {
  margin: 0 0 12px;
  font-family: Pretendard, -apple-system, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: .12em;
}
.archive-answer-body .archive-short-answer p:not(.archive-callout-label) {
  margin: 0;
  font-size: clamp(17px, 1.2vw, 20px);
  line-height: 1.75;
}
/* Research / Insight hubs: one plain-language paragraph under the display title */
.hub-intro .hub-intro-deck {
  max-width: 640px;
  margin: clamp(32px, 4vw, 48px) 0 0;
  font-size: clamp(17px, 1.2vw, 20px);
  font-weight: 400;
  line-height: 1.75;
  letter-spacing: -.01em;
  opacity: .84;
  word-break: keep-all;
}
.hub-intro .hub-intro-deck a { color: inherit; text-underline-offset: 4px; }