/* AFARS-only editorial composition; shared tokens remain unchanged. */
/* Preserve the compact chapter eyebrow relationship, with 12px more breathing room. */
body.afars-narrative { --h2-before-gap: 20px; }
body.afars-narrative .case-body {
  width: 100%;
  max-width: var(--max);
}
body.afars-narrative .case-story { width: 100%; max-width: none; }
body.afars-narrative :is(.case-title,.story-content h2) { text-wrap: wrap; }
body.afars-narrative .story-content { min-width: 0; }
body.afars-narrative .story-content h2 { max-width: none; margin: 0 0 var(--h2-after-gap); }
body.afars-narrative .story-content :is(p,h3,h4,figcaption) { width: 100%; max-width: none; }
body.afars-narrative .story-content p { margin: 0; }
body.afars-narrative .story-content strong { font-weight: var(--type-emphasis-weight); }
body.afars-narrative .story-content p + p { margin-top: var(--grid-gap); }
body.afars-narrative .story-content :is(h3,h4) { margin: 0 0 var(--grid-gap); }
body.afars-narrative .story-content :is(h2,h3,h4) + p { margin-top: 0; }
body.afars-narrative .story-content .kicker,
body.afars-narrative .product-heroes section > .eyebrow { margin: 0 0 var(--space-small); }
body.afars-narrative .case-sections .story-row { gap: var(--h2-before-gap); padding-block: var(--chapter-padding); }
body.afars-narrative .case-sections .story-row:first-child { padding-top: 0; }
body.afars-narrative .case-sections .story-row:last-child { padding-bottom: 0; }
body.afars-narrative .case-sections .story-row > .eyebrow { margin: 0; }
body.afars-narrative .case-sections .story-row + .story-row { margin-top: 0; }

/* Text and evidence use the full available width of their content grid. */
body.afars-narrative .story-content figure { width: 100%; margin: var(--section-gap) 0 0; }
body.afars-narrative .story-content > figure.afars-evidence-70 { width: 70%; margin-inline: auto; }
body.afars-narrative .finding-sequence .afars-evidence-70 { width: 100%; margin-inline: 0; }
body.afars-narrative figcaption { margin-top: var(--space-small); color: var(--muted); }
body.afars-narrative .story-content figure + p { margin-top: calc(var(--heading-content-gap) * 2); }
body.afars-narrative .research-artifacts { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: var(--grid-gap); }
body.afars-narrative .research-artifacts img { width: 100%; height: auto; align-self: start; }

/* Findings: small user-group headings followed by unchanged body copy and evidence. */
body.afars-narrative .finding-sequence { margin-top: calc(var(--section-gap) * 2); }
body.afars-narrative .finding-sequence article + article { margin-top: var(--content-group-gap); }
body.afars-narrative .finding-sequence .finding-label { margin: 0 0 var(--component-heading-after); }
body.afars-narrative .finding-sequence article > figure { margin-top: var(--content-gap); }
/* Frontline evidence stays split; overview and processing evidence stack. */
body.afars-narrative #findings .finding-split {
  display: grid;
  grid-template-columns: minmax(0,2fr) minmax(0,3fr);
  align-items: start;
  gap: var(--section-gap);
}
body.afars-narrative #findings .finding-split > :is(p,div,figure) { min-width: 0; }
body.afars-narrative #findings .finding-split > figure { margin: 0; }
body.afars-narrative #findings .finding-stacked { grid-template-columns: minmax(0,1fr); }
body.afars-narrative #findings .finding-overview {
  grid-template-columns: minmax(0,1fr);
  margin-top: var(--heading-content-gap);
}
body.afars-narrative .story-content .editorial-statement { margin-block: var(--content-gap) 0; }
body.afars-narrative .finding-sequence + .editorial-statement { margin-top: calc(var(--section-gap) * 2); }
body.afars-narrative .research-narrative { margin-top: calc(var(--content-gap) * 2); }
body.afars-narrative .editorial-disclosure {
  --disclosure-duration: 220ms;
  border-block: var(--quiet-border);
  background: var(--paper);
}
body.afars-narrative .editorial-disclosure summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--grid-gap);
  padding-block: var(--content-gap);
  color: var(--ink);
  cursor: pointer;
  list-style: none;
}
body.afars-narrative .editorial-disclosure summary::-webkit-details-marker { display: none; }
body.afars-narrative .editorial-disclosure summary::marker { content: ''; }
body.afars-narrative .editorial-disclosure summary:focus-visible {
  outline: var(--focus-outline);
  outline-offset: var(--space-tight);
}
body.afars-narrative .disclosure-indicator {
  color: var(--muted);
  transition: color var(--motion-fast);
}
body.afars-narrative .disclosure-indicator::before { content: '+'; }
body.afars-narrative .editorial-disclosure[open] .disclosure-indicator::before { content: '−'; }
body.afars-narrative .editorial-disclosure[data-expanded="false"] .disclosure-indicator::before { content: '+'; }
body.afars-narrative .editorial-disclosure summary:is(:hover, :focus-visible) .disclosure-indicator { color: var(--accent); }
body.afars-narrative .disclosure-content { padding-bottom: var(--content-gap); }

/* Reuse the homepage's multiline title underline for editorial controls. */
body.afars-narrative .project-title-link {
  background-image: linear-gradient(currentColor, currentColor);
  background-position: left bottom;
  background-repeat: no-repeat;
  background-size: 0% 1px;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  transition: background-size 300ms ease-out;
}
body.afars-narrative .case-toc a:is(:hover, :focus-visible, [aria-current="true"]) .project-title-link,
body.afars-narrative .editorial-disclosure summary:is(:hover, :focus-visible) .project-title-link {
  background-size: 100% 1px;
}

/* Pillars keep the 22px subsection role; nested topics keep 16px emphasis. */
body.afars-narrative .decision-section { margin-top: calc(var(--section-gap) * 2); padding-block: 0; }
body.afars-narrative .decision-section + .decision-section { margin-top: calc(var(--section-gap) * 2); }
body.afars-narrative .decision-section > h3 { margin-bottom: var(--heading-content-gap); }
body.afars-narrative .decision-section > .kicker + h3 { margin-top: 0; }
body.afars-narrative .supporting-narrative { margin-top: var(--section-gap); }
body.afars-narrative .supporting-narrative > h4 { margin-bottom: var(--space-small); }

/* RESOLVE: two subordinate decisions; text inset does not narrow evidence. */
body.afars-narrative .resolve-pillar > .resolve-decision { margin-top: var(--subsection-gap); }
body.afars-narrative .resolve-decision-copy { padding-left: var(--content-gap); }
body.afars-narrative .resolve-decision-copy > h4 { margin: 0 0 var(--component-heading-after); }
body.afars-narrative .resolve-decision > figure { margin-top: var(--section-gap); }

/* Scope: aligned 30 / 70 rows with neutral separators, not cards. */
body.afars-narrative .scope-first-release { margin-block: var(--section-gap); padding: 0; border: 0; background: transparent; }
body.afars-narrative .scope-first-release > .eyebrow { margin-bottom: var(--space-small); }
body.afars-narrative .scope-first-release p + p { margin-top: 0; }
body.afars-narrative .scope-rows { margin-top: var(--section-gap); gap: 0; }
body.afars-narrative .scope-rows article {
  grid-template-columns: minmax(0,3fr) minmax(0,7fr);
  gap: var(--section-gap);
  align-items: start;
  padding-block: var(--content-gap);
  margin: 0;
  border: 0;
  background: transparent;
}
body.afars-narrative .scope-rows article + article { border-top: var(--quiet-border); }
body.afars-narrative .scope-rows article > div { min-width: 0; }
body.afars-narrative .scope-rows article p { max-width: none; margin: 0; }
body.afars-narrative .scope-rows .scope-decision-meta { gap: var(--space-tight); }
body.afars-narrative .scope-rows h3 { margin: 0; }

body.afars-narrative .prototype-placeholder { color: var(--paper); align-content: center; margin-top: var(--section-gap); }
body.afars-narrative .product-heroes { grid-template-columns: minmax(0,1fr); gap: calc(var(--section-gap) * 2); margin-top: calc(var(--section-gap) * 2); }
body.afars-narrative .product-heroes section > .asset-placeholder { min-height: 24rem; margin-top: var(--section-gap); }
body.afars-narrative .measurement-questions { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: var(--section-gap); margin-top: var(--content-gap); }
body.afars-narrative .measurement-questions h4 { margin: 0 0 var(--grid-gap); }
body.afars-narrative .status-evaluation { margin-top: var(--content-gap); }
body.afars-narrative .status-evaluation .measurement-questions { margin-top: var(--grid-gap); }
body.afars-narrative .status-evaluation .measurement-questions h3 { margin: 0 0 var(--space-small); }
body.afars-narrative .measurement-questions p { margin: 0; }
body.afars-narrative .measurement-questions .metric-value { display: block; margin-bottom: var(--card-content-gap); }
body.afars-narrative .measurement-questions + .kicker { margin-top: var(--section-gap); }
body.afars-narrative #problem .measurement-questions { margin-top: var(--content-group-gap); }
body.afars-narrative .story-content .kicker + .editorial-statement { margin-top: 0; }
body.afars-narrative #problem .editorial-question { --editorial-question-measure: 100%; }

/* Approved editorial refinements are local; existing global type roles are unchanged. */
body.afars-narrative #problem .measurement-questions .metric-value {
  font-size: 42px;
  margin-bottom: var(--space-small);
}
body.afars-narrative #problem .measurement-questions p { font-size: 14px; }
body.afars-narrative .finding-sequence [data-approved-copy="v2-22"],
body.afars-narrative .finding-sequence [data-approved-copy="v2-26"],
body.afars-narrative .finding-sequence [data-approved-copy="v2-30"] { font-weight: var(--type-ui-weight); }
body.afars-narrative .finding-sequence .finding-label { line-height: var(--body-leading); }
body.afars-narrative .research-takeaway {
  margin-top: var(--section-gap);
  padding-top: var(--section-gap);
  border-top: var(--quiet-border);
}
body.afars-narrative .research-takeaway > .eyebrow { margin: 0 0 var(--card-content-gap); }
body.afars-narrative .research-takeaway > .takeaway-statement {
  margin: 0;
  font-family: var(--font-editorial);
  font-size: 30px;
  font-weight: var(--type-editorial-weight);
  line-height: var(--type-section-leading);
  color: var(--ink);
}
body.afars-narrative .research-takeaway + .research-narrative { margin-top: var(--section-gap); }
body.afars-narrative #shift .release-sequence {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto minmax(0,1fr);
  gap: var(--content-gap);
  align-items: start;
  margin-top: calc(var(--content-gap) * 2);
}
body.afars-narrative #shift .release-phase { min-width: 0; }
body.afars-narrative #shift .release-phase-label {
  margin: 0 0 var(--space-small);
  font-size: var(--small-title-size);
  font-weight: var(--small-title-weight);
  line-height: var(--small-title-leading);
  letter-spacing: var(--small-title-tracking);
  text-transform: uppercase;
  color: var(--ink);
}
body.afars-narrative #shift .release-phase-title {
  margin: 0 0 var(--grid-gap);
  font-family: var(--font-editorial);
  font-size: 30px;
  font-weight: var(--type-editorial-weight);
  line-height: var(--type-section-leading);
  color: var(--ink);
}
body.afars-narrative #shift .release-arrow { align-self: center; color: var(--muted); }
body.afars-narrative #shift .release-arrow::before { content: '→'; }
body.afars-narrative .catering-support { margin-top: calc(var(--content-gap) * 2); }
body.afars-narrative .catering-aside > h4 { margin-bottom: var(--space-small); }
body.afars-narrative .feedback-narrative > .eyebrow { margin: 0; }
body.afars-narrative .feedback-narrative > figure { margin-top: var(--card-content-gap); }
body.afars-narrative .feedback-sequence {
  display: grid;
  grid-template-columns: repeat(5,minmax(0,1fr));
  gap: var(--content-gap);
  list-style: none;
  margin: 0;
  padding: var(--content-gap) 0;
  color: var(--ink);
  font-weight: var(--type-ui-weight);
}
body.afars-narrative .feedback-sequence > li { position: relative; min-width: 0; }
body.afars-narrative .feedback-sequence > li:not(:last-child)::after {
  content: '→';
  position: absolute;
  top: 0;
  right: calc(var(--content-gap) * -1);
  width: var(--content-gap);
  text-align: center;
  color: var(--muted);
}

@media (max-width: 820px) {
  body.afars-narrative #shift .release-sequence { grid-template-columns: minmax(0,1fr); gap: var(--grid-gap); }
  body.afars-narrative #shift .release-arrow::before { content: '↓'; }
  body.afars-narrative .feedback-sequence { grid-template-columns: minmax(0,1fr); }
  body.afars-narrative .feedback-sequence > li:not(:last-child)::after {
    content: '↓';
    top: 100%;
    right: auto;
    left: 0;
    text-align: left;
  }
  body.afars-narrative .story-content > figure.afars-evidence-70 { width: 100%; }
  body.afars-narrative .measurement-questions { grid-template-columns: minmax(0,1fr); }
  body.afars-narrative #findings .finding-split {
    grid-template-columns: minmax(0,1fr);
    gap: var(--content-gap);
  }
}
@media (max-width: 720px) {
  body.afars-narrative .resolve-decision-copy { padding-left: 0; }
  body.afars-narrative .case-sections .story-row { padding-block: var(--chapter-padding-mobile); }
  body.afars-narrative .research-artifacts { grid-template-columns: minmax(0,1fr); }
  body.afars-narrative .scope-rows article { grid-template-columns: minmax(0,1fr); gap: var(--grid-gap); padding-block: var(--content-gap); }
}
@media (prefers-reduced-motion: reduce) {
  body.afars-narrative .disclosure-indicator { transition: none; }
  body.afars-narrative .project-title-link { transition: none; }
}
