/*
 * Issue #73 — shared five-component visual system.
 *
 * 01 Site shell       03 Content section      05 Article layout
 * 02 Page opening     04 Media stage
 *
 * Content section owns the shared heading, rails, copy, lists, catalogs,
 * directories and Contact variants. Existing semantic HTML stays functional
 * without JavaScript.
 */

body.issue-73-shell-rhythm {
  --component-left-column: clamp(260px, 23.5vw, 430px);
  --component-column-gap: clamp(52px, 6.55vw, 106px);
  --component-section-gap: clamp(44px, 5vw, 76px);
  --content-heading-size: clamp(28px, 2.5vw, 40px);
  --content-item-title: clamp(17px, 1.55vw, 23px);
  --content-row-gap: 10px;
  --content-row-padding: 10px 0 11px;
  --media-stage-height-large: clamp(320px, 42vw, 540px);
  --media-stage-height-medium: clamp(160px, 21vw, 270px);
  --media-stage-height-small: clamp(80px, 10.5vw, 135px);
}

/* 01 — Site shell */

body.issue-73-shell-rhythm .utility-header {
  border: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
}

body.issue-73-shell-rhythm.header-scrolled .utility-header,
body.issue-73-shell-rhythm.menu-open .utility-header {
  background: var(--surface-page);
}

/* The shutter controller briefly focuses the destination main region after a
   document swap. Keep that accessibility handoff without drawing a viewport-
   wide focus rectangle whose top and bottom edges read as transition seams. */
body.issue-73-shell-rhythm main[tabindex="-1"]:focus {
  outline: none;
}

body.issue-73-shell-rhythm .index-route > a:first-child {
  margin-bottom: 7px;
}

body.issue-73-shell-rhythm .subroute {
  min-height: 31px;
  padding-top: 6px;
  padding-bottom: 6px;
  line-height: 1.35;
}

body.issue-73-shell-rhythm .index-route p {
  margin-top: 7px;
  padding-top: 6px;
  padding-bottom: 6px;
}

/* 02 — Page opening */

body.issue-73-shell-rhythm .home-hero__statement,
body.issue-73-shell-rhythm .page-hero.has-page-signal-field {
  overflow: visible;
}

body.issue-73-shell-rhythm .home-hero__statement > h1 {
  white-space: pre-line;
  text-wrap: nowrap;
}

body.issue-73-shell-rhythm .home-hero__statement > .home-signal-field,
body.issue-73-shell-rhythm .page-hero.has-page-signal-field > .page-signal-field {
  inset: 0;
  height: auto;
}

@media (min-width: 901px) {
  body.issue-73-shell-rhythm main > .page-hero:not(.home-hero),
  body.issue-73-shell-rhythm main > article > .page-hero {
    grid-template-columns: var(--component-left-column) minmax(0, 1fr);
    column-gap: var(--component-column-gap);
    row-gap: 0;
  }

  body.issue-73-shell-rhythm main > .page-hero:not(.home-hero) .page-hero__title,
  body.issue-73-shell-rhythm main > article > .page-hero .page-hero__title {
    grid-column: 1;
  }

  body.issue-73-shell-rhythm main > .page-hero:not(.home-hero) .page-hero__copy,
  body.issue-73-shell-rhythm main > article > .page-hero .page-hero__copy {
    grid-column: 2;
    max-width: 600px;
    padding-top: 39px;
  }

  body.issue-73-shell-rhythm .home-hero__statement {
    grid-template-columns: var(--component-left-column) minmax(0, 1fr);
    column-gap: var(--component-column-gap);
    row-gap: 22px;
    padding-right: var(--edge-wide);
    padding-left: var(--edge-wide);
  }

  body.issue-73-shell-rhythm .home-hero__statement > h1 { grid-column: 1; }
  body.issue-73-shell-rhythm .home-hero__statement > p {
    grid-column: 2;
    align-self: start;
    max-width: 600px;
    padding-top: 39px;
  }

  body.issue-73-shell-rhythm .home-hero__statement > .statement-rule { display: none; }
}

/* #73 Components 02–04 — one measured rail and a clean stage handoff.
 * Page opening follows the Content-section grammar: title and description
 * share the left rail, while optional route navigation forms a horizontal
 * in-page row beneath the complete opening copy.
 * Removing the inherited fixed opening height also removes the dead field
 * between the opening content and the full-width Media stage. */

@media (min-width: 901px) {
  body.issue-73-shell-rhythm main > .page-hero:not(.home-hero),
  body.issue-73-shell-rhythm main > article > .page-hero {
    min-height: 0;
    grid-template-columns: var(--content-left-share) var(--content-right-share);
    grid-template-rows: auto auto auto;
    column-gap: 0;
    row-gap: 0;
    padding: var(--content-section-padding-start) var(--issue-73-shell-edge) var(--content-section-padding-end);
  }

  body.issue-73-shell-rhythm main > .page-hero:not(.home-hero):has(.page-hero__copy > nav),
  body.issue-73-shell-rhythm main > article > .page-hero:has(.page-hero__copy > nav) {
    padding-bottom: 0;
  }

  body.issue-73-shell-rhythm main > .page-hero:not(.home-hero) > .cursor-mark,
  body.issue-73-shell-rhythm main > article > .page-hero > .cursor-mark {
    top: calc(var(--content-section-padding-start) + 39.5px);
    left: var(--issue-73-shell-edge);
  }

  body.issue-73-shell-rhythm main > .page-hero:not(.home-hero) .page-hero__title,
  body.issue-73-shell-rhythm main > article > .page-hero .page-hero__title {
    grid-column: 1;
    grid-row: 1;
    box-sizing: border-box;
    margin-left: var(--content-heading-inset);
    padding-right: 40px;
  }

  body.issue-73-shell-rhythm main > .page-hero:not(.home-hero) .page-hero__copy,
  body.issue-73-shell-rhythm main > article > .page-hero .page-hero__copy {
    display: contents;
  }

  body.issue-73-shell-rhythm main > .page-hero:not(.home-hero) .page-hero__copy > b,
  body.issue-73-shell-rhythm main > article > .page-hero .page-hero__copy > b {
    display: none;
  }

  body.issue-73-shell-rhythm main > .page-hero:not(.home-hero) .page-hero__copy > p,
  body.issue-73-shell-rhythm main > article > .page-hero .page-hero__copy > p {
    grid-column: 1;
    grid-row: 2;
    max-width: 319px;
    margin: 32px 40px 0 var(--content-heading-inset);
  }

  body.issue-73-shell-rhythm main > .page-hero:not(.home-hero) .page-hero__copy > nav,
  body.issue-73-shell-rhythm main > article > .page-hero .page-hero__copy > nav {
    grid-column: 1 / -1;
    grid-row: 3;
    align-self: start;
    justify-self: stretch;
    width: auto;
    max-width: none;
    margin: 28px 0 0 var(--content-heading-inset);
  }

  body.issue-73-shell-rhythm .home-hero__statement {
    min-height: 0;
    grid-template-columns: var(--content-left-share) var(--content-right-share);
    grid-template-rows: auto auto;
    column-gap: 0;
    row-gap: 0;
    padding: var(--content-section-padding-start) var(--issue-73-shell-edge) var(--content-section-padding-end);
  }

  body.issue-73-shell-rhythm .home-hero__statement > .cursor-mark {
    top: var(--content-section-padding-start);
    left: var(--issue-73-shell-edge);
  }

  body.issue-73-shell-rhythm .home-hero__statement > h1 {
    grid-column: 1;
    grid-row: 1;
    box-sizing: border-box;
    margin-left: var(--content-heading-inset);
    padding-right: 40px;
  }

  body.issue-73-shell-rhythm .home-hero__statement > p {
    grid-column: 1;
    grid-row: 2;
    max-width: 319px;
    margin: 32px 40px 0 var(--content-heading-inset);
    padding-top: 0;
  }
}

body.issue-73-shell-rhythm main > .page-hero:not(.home-hero) .page-hero__copy > nav,
body.issue-73-shell-rhythm main > article > .page-hero .page-hero__copy > nav {
  display: flex;
  flex-wrap: wrap;
  gap: 0 28px;
}

body.issue-73-shell-rhythm main > .page-hero:not(.home-hero) .page-hero__copy > nav a,
body.issue-73-shell-rhythm main > article > .page-hero .page-hero__copy > nav a {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  padding: 0;
  color: var(--text-secondary);
  font-size: 10px;
  font-weight: 400;
  line-height: 1.35;
  letter-spacing: .04em;
  text-transform: uppercase;
}

body.issue-73-shell-rhythm main > .page-hero:not(.home-hero) .page-hero__copy > nav a::before,
body.issue-73-shell-rhythm main > article > .page-hero .page-hero__copy > nav a::before {
  content: none;
}

body.issue-73-shell-rhythm .content-section-more {
  margin-left: var(--content-heading-inset);
}

@media (min-width: 901px) {
  body.issue-73-shell-rhythm .section[data-component-family="content-section"] > .content-section-more {
    grid-column: 1;
    grid-row: 1;
    align-self: end;
    justify-self: start;
    margin-left: var(--content-heading-inset);
  }

  body.issue-73-shell-rhythm .section[data-component-family="content-section"] > .content-section-more + .product-list {
    grid-column: 2;
    grid-row: 1;
  }
}

@media (max-width: 900px) {
  body.issue-73-shell-rhythm main > .page-hero:not(.home-hero),
  body.issue-73-shell-rhythm main > article > .page-hero,
  body.issue-73-shell-rhythm .home-hero__statement {
    min-height: 0;
    grid-template-columns: 10px minmax(0, 1fr);
    column-gap: var(--content-heading-cluster-gap);
    row-gap: 0;
    padding: var(--content-section-padding-start) var(--issue-73-shell-edge) var(--content-section-padding-end);
  }

  body.issue-73-shell-rhythm main > .page-hero:not(.home-hero):has(.page-hero__copy > nav),
  body.issue-73-shell-rhythm main > article > .page-hero:has(.page-hero__copy > nav) {
    padding-bottom: 0;
  }

  body.issue-73-shell-rhythm main > .page-hero:not(.home-hero) > .cursor-mark,
  body.issue-73-shell-rhythm main > article > .page-hero > .cursor-mark,
  body.issue-73-shell-rhythm .home-hero__statement > .cursor-mark {
    position: static;
    grid-column: 1;
    grid-row: 1;
    margin: 2px 0 0;
    transform: none;
  }

  body.issue-73-shell-rhythm main > .page-hero:not(.home-hero) .page-hero__title,
  body.issue-73-shell-rhythm main > article > .page-hero .page-hero__title,
  body.issue-73-shell-rhythm .home-hero__statement > h1 {
    grid-column: 2;
    grid-row: 1;
  }

  body.issue-73-shell-rhythm main > .page-hero:not(.home-hero) .page-hero__copy,
  body.issue-73-shell-rhythm main > article > .page-hero .page-hero__copy {
    grid-column: 2;
    grid-row: 2;
    margin-top: 24px;
  }

  body.issue-73-shell-rhythm main > .page-hero:not(.home-hero) .page-hero__copy > b,
  body.issue-73-shell-rhythm main > article > .page-hero .page-hero__copy > b {
    display: none;
  }

  body.issue-73-shell-rhythm main > .page-hero:not(.home-hero) .page-hero__copy > nav,
  body.issue-73-shell-rhythm main > article > .page-hero .page-hero__copy > nav {
    max-width: none;
    margin-top: 24px;
  }

  body.issue-73-shell-rhythm .home-hero__statement > p {
    grid-column: 2;
    grid-row: 2;
    margin-top: 24px;
  }

  body.issue-73-shell-rhythm .section[data-component-family="content-section"] > .content-section-more {
    margin-left: var(--content-heading-inset);
  }
}

/* Component 02 owns the complete signal coordinate space. Extend the opening
 * box itself behind the fixed Site shell, rather than stretching only the
 * signal host. The accepted #71 renderer can therefore measure one identical
 * box for canvas size, wave bounds and pointer coordinates. */
body.issue-73-shell-rhythm main > .home-hero > .home-hero__statement,
body.issue-73-shell-rhythm main > .page-hero.has-page-signal-field,
body.issue-73-shell-rhythm main > article > .page-hero.has-page-signal-field {
  margin-top: calc(-1 * var(--header-height));
  padding-top: calc(var(--content-section-padding-start) + var(--header-height));
}

/* The marker is part of the Page-opening heading cluster. Once the opening
 * extends behind the fixed Site shell, its absolute desktop position must use
 * the same header-inclusive start as the title—not the signal field's origin. */
@media (min-width: 901px) {
  body.issue-73-shell-rhythm main > .page-hero:not(.home-hero) > .cursor-mark,
  body.issue-73-shell-rhythm main > article > .page-hero > .cursor-mark,
  body.issue-73-shell-rhythm .home-hero__statement > .cursor-mark {
    top: calc(var(--content-section-padding-start) + var(--header-height) + 2px);
  }
}

/* 03 — Content section */

body.issue-73-shell-rhythm .section[data-component-family="content-section"] {
  --content-list-boundary-bleed: 0px;
  padding: var(--section-space) var(--edge-wide);
}

body.issue-73-shell-rhythm.issue-58-aligned[data-route] main > .section[data-component-family="content-section"].section--full-feature {
  padding: var(--section-space) var(--edge-wide);
}

body.issue-73-shell-rhythm.issue-58-aligned[data-route] main > .section[data-component-family="content-section"].section--full-feature > .chapter-heading {
  margin: 0;
}

body.issue-73-shell-rhythm [data-component-family="content-section"] .chapter-heading {
  display: grid;
  grid-template-columns: 10px minmax(0, 1fr);
  column-gap: 24px;
  row-gap: 0;
  align-content: start;
  margin: 0;
}

body.issue-73-shell-rhythm [data-component-family="content-section"] .chapter-heading > .cursor-mark {
  position: static;
  grid-column: 1;
  grid-row: 1;
  margin: 2px 0 0;
  transform: none;
}

body.issue-73-shell-rhythm [data-component-family="content-section"] .chapter-heading > h2 {
  grid-column: 2;
}

body.issue-73-shell-rhythm .topic-index[data-component-family="content-section"] > .chapter-heading {
  margin: 0;
}

body.issue-73-shell-rhythm [data-component-family="content-section"] .chapter-heading > h2,
body.issue-73-shell-rhythm .contact-section[data-component-family="content-section"] > h2,
body.issue-73-shell-rhythm .contact-section[data-component-family="content-section"] .contact-layout__statement h2 {
  grid-column: 2;
  grid-row: 1;
  margin: 0;
  font-size: var(--content-heading-size);
  font-weight: 700;
  line-height: 1;
  letter-spacing: -.035em;
}

body.issue-73-shell-rhythm [data-component-family="content-section"] .chapter-heading > p {
  grid-column: 2;
  grid-row: 2;
  max-width: 330px;
  margin: 24px 0 0;
}

body.issue-73-shell-rhythm.issue-58-aligned main > .section[data-component-family="content-section"] .chapter-heading > h2 {
  font-size: var(--content-heading-size);
  font-weight: 700;
  line-height: 1;
  letter-spacing: -.035em;
}

body.issue-73-shell-rhythm.issue-58-aligned main > .section[data-component-family="content-section"] :is(
  .indexed-row h3,
  .process-track article h3,
  .product-entry__body h3,
  .topic-index nav a,
  .feature-detail h3
) {
  font-size: var(--content-item-title);
  font-weight: 620;
  line-height: 1.08;
  letter-spacing: -.025em;
}

@media (min-width: 901px) {
  body.issue-73-shell-rhythm .section[data-component-family="content-section"]:has(> .chapter-heading) {
    display: grid;
    grid-template-columns: var(--component-left-column) minmax(0, 1fr);
    column-gap: var(--component-column-gap);
    row-gap: var(--component-section-gap);
    align-items: start;
  }

  body.issue-73-shell-rhythm .section[data-component-family="content-section"]:has(> .chapter-heading) > .chapter-heading {
    grid-column: 1;
  }

  body.issue-73-shell-rhythm .section[data-component-family="content-section"]:has(> .chapter-heading) > :is(
    .indexed-rows,
    .about-columns,
    .process-track,
    .product-list,
    .feature-detail,
    .case-study-signal
  ) {
    grid-column: 2;
    min-width: 0;
    margin: 0;
  }
}

/* 04 — Media stage
 *
 * A Media stage is always a standalone, full-width section opener. It never
 * shares a two-column composition with its related Content section.
 */

body.issue-73-shell-rhythm .home-hero {
  grid-template-rows: auto var(--media-stage-height-large);
}

body.issue-73-shell-rhythm .home-hero > .media-field[data-media-size="large"],
body.issue-73-shell-rhythm .wide-media[data-component-family="media-stage"][data-media-size="large"] {
  width: 100%;
  height: var(--media-stage-height-large);
  min-height: 0;
  aspect-ratio: auto;
}

body.issue-73-shell-rhythm .wide-media[data-component-family="media-stage"][data-media-size="medium"] {
  height: var(--media-stage-height-medium);
}

body.issue-73-shell-rhythm .wide-media[data-component-family="media-stage"][data-media-size="small"] {
  height: var(--media-stage-height-small);
}

body.issue-73-shell-rhythm .feature-detail {
  min-height: 0;
  display: grid;
  grid-template-rows: auto;
  gap: var(--content-row-gap);
  align-content: start;
  padding: var(--content-row-padding);
  border-top: 0;
  border-bottom: 0;
  background: transparent;
}

body.issue-73-shell-rhythm.issue-58-aligned main > .section[data-component-family="content-section"] .feature-detail {
  min-height: 0;
  gap: var(--content-row-gap);
  padding: var(--content-row-padding);
}

body.issue-73-shell-rhythm .section[data-content-variant="media-led"] > .feature-detail {
  padding-top: 0;
  border-top: 0;
  border-bottom: 0;
}

body.issue-73-shell-rhythm.issue-58-aligned main > .section[data-component-family="content-section"][data-content-variant="media-led"] > .feature-detail {
  padding-top: 0;
}

body.issue-73-shell-rhythm .feature-detail > h3 { order: 1; }
body.issue-73-shell-rhythm .feature-detail > .eyebrow { order: 2; }
body.issue-73-shell-rhythm .feature-detail > p { order: 3; }
body.issue-73-shell-rhythm .feature-detail > .text-action,
body.issue-73-shell-rhythm .feature-detail > .case-study-specs { order: 4; }

body.issue-73-shell-rhythm .feature-detail h3 {
  max-width: 520px;
  margin: 0;
  font-size: var(--content-item-title);
  font-weight: 620;
  line-height: 1.08;
  letter-spacing: -.025em;
}

body.issue-73-shell-rhythm .feature-detail p {
  max-width: 520px;
  margin: 0;
}
body.issue-73-shell-rhythm .feature-detail .text-action { margin-top: 10px; }
body.issue-73-shell-rhythm .feature-detail--terminal-ruled { padding-bottom: 0; }
body.issue-73-shell-rhythm .feature-detail--terminal-ruled .case-study-specs > :last-child { border-bottom: 0; }

/* Content-section list, narrative, catalog and directory variants */

body.issue-73-shell-rhythm .indexed-rows,
body.issue-73-shell-rhythm .section--full-feature > .indexed-rows,
body.issue-73-shell-rhythm .section[data-component-family="content-section"] > .content-list.content-list {
  margin: 0;
  border-top: 0;
}

body.issue-73-shell-rhythm .indexed-row {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--content-row-gap);
  align-items: start;
  padding: var(--content-row-padding);
  border-bottom: 1px solid var(--rule);
}

body.issue-73-shell-rhythm.issue-58-aligned main > .section[data-component-family="content-section"] .indexed-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--content-row-gap);
  align-items: start;
  padding: var(--content-row-padding);
}

body.issue-73-shell-rhythm.issue-58-aligned[data-route="about"] main > #lenses.section[data-component-family="content-section"] .indexed-row {
  padding: var(--content-row-padding);
}

body.issue-73-shell-rhythm .indexed-rows > .indexed-row:first-child { padding-top: 0; }
body.issue-73-shell-rhythm .indexed-rows > .indexed-row:last-child { border-bottom: 0; }
body.issue-73-shell-rhythm.issue-58-aligned[data-route="about"] main > #lenses.section[data-component-family="content-section"] .indexed-row:first-child { padding-top: 0; }
body.issue-73-shell-rhythm.issue-58-aligned[data-route="about"] main > #lenses.section[data-component-family="content-section"] .indexed-row:last-child { border-bottom: 0; }

body.issue-73-shell-rhythm .indexed-row > b {
  grid-column: 1;
  order: 1;
  color: var(--cursor);
  font-size: 9px;
  font-weight: 500;
  line-height: 1.35;
  letter-spacing: .08em;
  text-transform: uppercase;
}

body.issue-73-shell-rhythm .indexed-row > h3,
body.issue-73-shell-rhythm .indexed-row > .indexed-row__title {
  grid-column: 1;
  order: 2;
}

body.issue-73-shell-rhythm .indexed-row h3 {
  margin: 0;
  font-size: var(--content-item-title);
  font-weight: 620;
  line-height: 1.08;
  letter-spacing: -.025em;
}

body.issue-73-shell-rhythm .indexed-row > p {
  grid-column: 1;
  order: 3;
  max-width: 590px;
  margin: 0;
}

body.issue-73-shell-rhythm .indexed-row > :is(em, time, span) {
  grid-column: 1;
  order: 4;
  margin-top: 2px;
}

body.issue-73-shell-rhythm.issue-58-aligned main > .section[data-component-family="content-section"] .indexed-row > b {
  grid-column: 1;
  grid-row: auto;
  order: 1;
}

body.issue-73-shell-rhythm.issue-58-aligned main > .section[data-component-family="content-section"] .indexed-row > :is(h3, .indexed-row__title) {
  grid-column: 1;
  grid-row: auto;
  order: 2;
}

body.issue-73-shell-rhythm.issue-58-aligned main > .section[data-component-family="content-section"] .indexed-row > p {
  grid-column: 1;
  grid-row: auto;
  order: 3;
}

body.issue-73-shell-rhythm.issue-58-aligned main > .section[data-component-family="content-section"] .indexed-row > :is(em, time, span) {
  grid-column: 1;
  grid-row: auto;
  order: 4;
}

body.issue-73-shell-rhythm .indexed-row__title {
  display: grid;
  gap: 8px;
}

body.issue-73-shell-rhythm #entries {
  padding: var(--section-space) var(--edge-wide);
}

body.issue-73-shell-rhythm .journal-index-layout {
  display: grid;
  grid-template-columns: var(--component-left-column) minmax(0, 1fr);
  gap: var(--component-column-gap);
  align-items: stretch;
}

body.issue-73-shell-rhythm .journal-index-rail {
  min-height: 0;
  display: grid;
  grid-template-rows: auto auto minmax(44px, 1fr);
  align-content: stretch;
}

body.issue-73-shell-rhythm #entries .chapter-heading {
  grid-template-columns: 10px minmax(0, 1fr);
  gap: 24px;
  margin: 0;
}

body.issue-73-shell-rhythm #entries .chapter-heading h2 {
  font-size: var(--content-heading-size);
  font-weight: 700;
  line-height: 1;
  letter-spacing: -.035em;
}

body.issue-73-shell-rhythm #entries .chapter-heading p {
  max-width: 330px;
  margin-top: 24px;
}

body.issue-73-shell-rhythm .journal-index-topics {
  gap: 5px;
  margin: 28px 0 0 34px;
}

body.issue-73-shell-rhythm .journal-index-more {
  align-self: end;
  margin: 28px 0 0 34px;
}

body.issue-73-shell-rhythm #entries .indexed-row {
  grid-template-columns: minmax(0, 1fr);
  gap: var(--content-row-gap);
  padding: var(--content-row-padding);
}

body.issue-73-shell-rhythm #entries .indexed-rows { border-top: 0; }
body.issue-73-shell-rhythm #entries .indexed-row:first-child { padding-top: 0; }
body.issue-73-shell-rhythm #entries .indexed-row:last-child { border-bottom: 0; }

body.issue-73-shell-rhythm #entries .indexed-row h3 {
  font-size: var(--content-item-title);
  font-weight: 620;
  line-height: 1.08;
}

body.issue-73-shell-rhythm #entries .indexed-row p { max-width: 590px; }

body.issue-73-shell-rhythm .process-track {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  border-top: 0;
  border-bottom: 0;
}

body.issue-73-shell-rhythm .section[data-component-family="content-section"] > .process-track {
  border-top: 0;
  border-bottom: 0;
}

body.issue-73-shell-rhythm .process-track article {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--content-row-gap);
  padding: var(--content-row-padding);
  border-right: 0;
  border-bottom: 1px solid var(--rule);
}

body.issue-73-shell-rhythm .process-track article:first-child { padding-top: 0; }
body.issue-73-shell-rhythm .process-track article:last-child { border-bottom: 0; }

body.issue-73-shell-rhythm .process-track article h3 {
  grid-column: 1;
  grid-row: auto;
  margin: 0;
  font-size: var(--content-item-title);
  line-height: 1.08;
}

body.issue-73-shell-rhythm .process-track article > b {
  grid-column: 1;
  grid-row: auto;
}

body.issue-73-shell-rhythm .process-track article p {
  grid-column: 1;
  grid-row: auto;
  max-width: 590px;
}

body.issue-73-shell-rhythm .about-columns {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 18px;
}

body.issue-73-shell-rhythm.issue-58-aligned main > .section[data-component-family="content-section"] .about-columns {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 18px;
  margin: 0;
}

body.issue-73-shell-rhythm .about-columns > * { max-width: 590px; }
body.issue-73-shell-rhythm .about-columns .text-action {
  grid-column: 1;
  margin-top: 12px;
}

body.issue-73-shell-rhythm .case-study-signal {
  grid-template-columns: 10px minmax(0, 1fr);
  gap: 18px;
  padding-top: 44px;
}

body.issue-73-shell-rhythm .case-study-signal strong,
body.issue-73-shell-rhythm .case-study-signal p { grid-column: 2; }

body.issue-73-shell-rhythm .case-study-signal strong {
  font-size: clamp(30px, 3.15vw, 50px);
  line-height: .94;
}

body.issue-73-shell-rhythm .product-list {
  display: grid;
  gap: 0;
  border-top: 0;
}

body.issue-73-shell-rhythm .product-entry,
body.issue-73-shell-rhythm .product-entry:nth-child(even) {
  min-height: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  border-top: 0;
  border-bottom: 1px solid var(--rule);
}

body.issue-73-shell-rhythm .product-entry__body {
  min-height: 0;
  gap: var(--content-row-gap);
  padding: var(--content-row-padding);
  border-left: 0;
}

body.issue-73-shell-rhythm main > .section[data-component-family="content-section"] .product-entry__body {
  min-height: 0;
  gap: var(--content-row-gap);
  padding: var(--content-row-padding);
}

body.issue-73-shell-rhythm .product-list > .product-entry:first-child .product-entry__body { padding-top: 0; }
body.issue-73-shell-rhythm main > .section[data-component-family="content-section"] .product-list > .product-entry:first-child .product-entry__body { padding-top: 0; }
body.issue-73-shell-rhythm .product-list > .product-entry:last-child { border-bottom: 0; }

body.issue-73-shell-rhythm main > .section[data-component-family="content-section"] .product-entry__body h3 {
  font-size: var(--content-item-title);
  font-weight: 620;
  line-height: 1.08;
  letter-spacing: -.025em;
}

body.issue-73-shell-rhythm .topic-index[data-component-family="content-section"] {
  min-height: 0;
  display: grid;
  grid-template-columns: var(--component-left-column) minmax(0, 1fr);
  gap: var(--component-column-gap);
  align-items: start;
  padding: var(--section-space) var(--edge-wide);
}

body.issue-73-shell-rhythm.issue-58-aligned main > .topic-index[data-component-family="content-section"] {
  grid-template-columns: var(--component-left-column) minmax(0, 1fr);
  gap: var(--component-column-gap);
  padding: var(--section-space) var(--edge-wide);
}

body.issue-73-shell-rhythm .topic-index > .chapter-heading {
  grid-column: 1;
  margin: 0;
}

body.issue-73-shell-rhythm.issue-58-aligned main > .topic-index[data-component-family="content-section"] > .chapter-heading > h2 {
  font-size: var(--content-heading-size);
  font-weight: 700;
  line-height: 1;
  letter-spacing: -.035em;
}

body.issue-73-shell-rhythm .topic-index nav {
  grid-column: 2;
  margin: 0;
  border-top: 0;
}

body.issue-73-shell-rhythm .topic-index nav a {
  min-height: 0;
  grid-template-columns: minmax(0, 1fr);
  gap: 8px;
  align-items: start;
  padding: var(--content-row-padding);
  font-size: var(--content-item-title);
}

body.issue-73-shell-rhythm.issue-58-aligned main > .topic-index[data-component-family="content-section"] nav a {
  min-height: 0;
  grid-template-columns: minmax(0, 1fr);
  gap: 8px;
  padding: var(--content-row-padding);
  font-size: var(--content-item-title);
  font-weight: 620;
  line-height: 1.08;
  letter-spacing: -.025em;
}

body.issue-73-shell-rhythm .topic-index nav a > * { grid-column: 1; }
body.issue-73-shell-rhythm .topic-index nav a > strong {
  grid-column: 1;
  grid-row: 1;
  font: inherit;
  font-weight: inherit;
}
body.issue-73-shell-rhythm .topic-index nav a > em {
  grid-column: 1;
  grid-row: 2;
  justify-self: start;
}
body.issue-73-shell-rhythm .topic-index nav a:first-child { padding-top: 0; }
body.issue-73-shell-rhythm .topic-index nav a:last-child { border-bottom: 0; }
body.issue-73-shell-rhythm.issue-58-aligned main > .topic-index[data-component-family="content-section"] nav a:first-child { padding-top: 0; }
body.issue-73-shell-rhythm.issue-58-aligned main > .topic-index[data-component-family="content-section"] nav a:last-child { border-bottom: 0; }

body.issue-73-shell-rhythm .product-page-nav {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  padding: 0 var(--edge-wide);
}

body.issue-73-shell-rhythm .product-page-nav a {
  min-height: 132px;
  padding: 30px 0;
}

/* 05 — Article layout */

body.issue-73-shell-rhythm .article-meta,
body.issue-73-shell-rhythm .article-layout {
  padding-right: var(--edge-wide);
  padding-left: var(--edge-wide);
}

body.issue-73-shell-rhythm.issue-59-contact-close main .contact-section[data-component-family="content-section"] .contact-layout__statement h2 {
  max-width: 330px;
  font-size: var(--issue-67-tier-2);
  font-weight: 700;
  line-height: 1;
  letter-spacing: -.035em;
}

@media (min-width: 901px) {
  body.issue-73-shell-rhythm.issue-59-contact-close .contact-section[data-component-family="content-section"],
  body.issue-73-shell-rhythm.issue-59-contact-close .contact-section[data-component-family="content-section"][data-contact-form-ready="true"] {
    padding: var(--section-space) var(--edge-wide) 48px;
  }

  body.issue-73-shell-rhythm.issue-59-contact-close .contact-layout {
    grid-template-columns:
      minmax(220px, var(--component-left-column))
      minmax(320px, 1.2fr)
      minmax(210px, .8fr);
    gap: clamp(24px, 3vw, 52px);
  }

  body.issue-73-shell-rhythm.issue-59-contact-close .contact-layout__statement {
    grid-column: 1;
    grid-row: 1;
  }

  body.issue-73-shell-rhythm.issue-59-contact-close .contact-layout__statement h2 {
    max-width: 330px;
    font-size: var(--issue-67-tier-2);
    line-height: 1;
  }

  body.issue-73-shell-rhythm.issue-59-contact-close .contact-layout__center {
    grid-column: 2;
    grid-row: 1;
    width: 100%;
    max-width: none;
  }

  body.issue-73-shell-rhythm.issue-59-contact-close .contact-layout__rail {
    grid-column: 3;
    grid-row: 1;
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
    width: 100%;
    max-width: none;
    margin-top: 0;
  }
}

body.issue-73-shell-rhythm.issue-59-contact-close .contact-field input,
body.issue-73-shell-rhythm.issue-59-contact-close .contact-field textarea {
  font-size: clamp(10px, .68vw, 12px);
  line-height: 1.4;
  letter-spacing: .02em;
}

/* Contact is the form variant of Component 03, so it uses the same compact
 * heading tier and row rhythm. Validation copy participates in layout instead
 * of floating over the next field, keeping every form state stable. */
body.issue-73-shell-rhythm.issue-59-contact-close .contact-form__fields {
  gap: 8px;
}

body.issue-73-shell-rhythm.issue-59-contact-close .contact-form {
  gap: 10px;
}

body.issue-73-shell-rhythm.issue-59-contact-close .contact-field__message {
  position: static;
  display: block;
  min-height: 14px;
  padding: 2px 14px 0;
  font-size: 9px;
  line-height: 1.25;
  letter-spacing: .02em;
}

/* Focus and validation use one underline on the control itself. The field
 * wrapper and its message remain borderless, so the message never reads as a
 * boxed error component. */
body.issue-73-shell-rhythm.issue-59-contact-close .contact-field input,
body.issue-73-shell-rhythm.issue-59-contact-close .contact-field textarea {
  border: 0;
  border-bottom: 1px solid transparent;
  outline: 0;
  transition: border-color var(--motion-fast);
}

body.issue-73-shell-rhythm.issue-59-contact-close .contact-field input:focus-visible,
body.issue-73-shell-rhythm.issue-59-contact-close .contact-field textarea:focus-visible,
body.issue-73-shell-rhythm.issue-59-contact-close .contact-field input[aria-invalid="true"],
body.issue-73-shell-rhythm.issue-59-contact-close .contact-field textarea[aria-invalid="true"] {
  border-bottom-color: var(--signal);
  outline: 0;
}

body.issue-73-shell-rhythm.issue-59-contact-close .contact-field:has([aria-invalid="true"]) {
  box-shadow: none;
}

body.issue-73-shell-rhythm.issue-59-contact-close .contact-form__submit-row {
  grid-template-columns: 104px minmax(0, 1fr);
  gap: 12px;
  min-height: 44px;
  align-items: center;
}

body.issue-73-shell-rhythm.issue-59-contact-close .contact-form__submit {
  width: 104px;
  height: 36px;
  padding-inline: 12px;
  font-size: 10px;
  transition: color var(--motion-fast), background-color var(--motion-fast), box-shadow var(--motion-fast), transform var(--motion-fast);
}

body.issue-73-shell-rhythm.issue-59-contact-close .contact-form__submit:not(:disabled):hover,
body.issue-73-shell-rhythm.issue-59-contact-close .contact-form__submit:focus-visible {
  color: var(--text-primary);
  background: var(--surface-media);
  box-shadow: inset 0 0 0 1px var(--text-primary);
}

body.issue-73-shell-rhythm.issue-59-contact-close .contact-form__submit:not(:disabled):active {
  color: var(--surface-page);
  background: var(--text-secondary);
  box-shadow: none;
  transform: translateY(1px);
}

body.issue-73-shell-rhythm.issue-59-contact-close .contact-form__status {
  min-height: 14px;
  padding-top: 2px;
  font-size: 9px;
  line-height: 1.25;
  letter-spacing: .02em;
}

body.issue-73-shell-rhythm.issue-59-contact-close .contact-layout__back-to-top {
  display: flex;
  width: fit-content;
  min-height: 44px;
  align-items: center;
  margin: 24px auto -32px;
  padding: 0;
  border: 0;
  color: var(--text-secondary);
  background: transparent;
  font-size: 12px;
  line-height: 1.35;
  cursor: pointer;
  transition: color var(--motion-fast), transform var(--motion-fast);
}

body.issue-73-shell-rhythm.issue-59-contact-close .contact-layout__back-to-top:hover,
body.issue-73-shell-rhythm.issue-59-contact-close .contact-layout__back-to-top:focus-visible {
  color: var(--text-primary);
}

body.issue-73-shell-rhythm.issue-59-contact-close .contact-layout__back-to-top:active {
  transform: translateY(1px);
}

body.issue-73-shell-rhythm.issue-59-contact-close .site-footer[data-contact-close-ready="true"] {
  display: block;
  padding: 8px var(--edge-wide);
}

body.issue-73-shell-rhythm.issue-59-contact-close .site-footer[data-contact-close-ready="true"] > div:first-child {
  display: flex;
  width: fit-content;
  margin: 0 auto;
  align-items: baseline;
  justify-content: center;
  gap: 10px;
}

body.issue-73-shell-rhythm.issue-59-contact-close .site-footer[data-contact-close-ready="true"] .wordmark {
  min-width: 44px;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  font-size: var(--header-wordmark-font-size);
}

body.issue-73-shell-rhythm.issue-59-contact-close .site-footer[data-contact-close-ready="true"] > div:first-child p {
  flex: none;
  margin: 0;
  padding: 0;
  font-size: 12px;
  line-height: 1;
  transform: translateY(-6px);
  white-space: nowrap;
}

@media (max-width: 900px) {
  body.issue-73-shell-rhythm {
    --component-column-gap: 0px;
    --component-section-gap: 54px;
    --content-heading-size: clamp(28px, 9vw, 40px);
    --content-item-title: clamp(17px, 5.1vw, 21px);
    --media-stage-height-large: clamp(280px, 82vw, 460px);
    --media-stage-height-medium: clamp(140px, 41vw, 230px);
    --media-stage-height-small: clamp(70px, 20.5vw, 115px);
  }

  body.issue-73-shell-rhythm .index-route > a:first-child { margin-bottom: 10px; }
  body.issue-73-shell-rhythm .subroute {
    min-height: 34px;
    padding-top: 7px;
    padding-bottom: 7px;
  }

  body.issue-73-shell-rhythm .index-route { padding-bottom: 24px; }

  body.issue-73-shell-rhythm .section[data-component-family="content-section"] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 54px;
    padding: 88px var(--issue-73-shell-edge);
  }

  body.issue-73-shell-rhythm .section[data-component-family="content-section"] > :is(
    .chapter-heading,
    .indexed-rows,
    .about-columns,
    .process-track,
    .product-list,
    .feature-detail,
    .case-study-signal
  ) { width: 100%; min-width: 0; margin: 0; }

  body.issue-73-shell-rhythm .section[data-component-family="content-section"] > .chapter-heading { margin-bottom: 0; }
  body.issue-73-shell-rhythm .section[data-component-family="content-section"] > .chapter-heading > p { max-width: 520px; }

  body.issue-73-shell-rhythm .journal-index-layout {
    grid-template-columns: minmax(0, 1fr);
    gap: 54px;
    align-items: start;
  }


  body.issue-73-shell-rhythm #entries .indexed-rows { width: 100%; }

  body.issue-73-shell-rhythm .journal-index-rail {
    min-height: 0;
    grid-template-rows: auto auto auto;
    align-content: start;
  }
  body.issue-73-shell-rhythm .journal-index-more {
    align-self: start;
    margin-top: 48px;
  }

  body.issue-73-shell-rhythm .topic-index[data-component-family="content-section"] {
    grid-template-columns: minmax(0, 1fr);
    gap: 54px;
    padding: 88px var(--issue-73-shell-edge);
  }

  body.issue-73-shell-rhythm .topic-index > :is(.chapter-heading, nav) { grid-column: 1; }
  body.issue-73-shell-rhythm .topic-index > nav { width: 100%; }
  body.issue-73-shell-rhythm .product-page-nav { padding: 0 var(--issue-73-shell-edge); }
}

@media (max-width: 620px) {
  body.issue-73-shell-rhythm.issue-59-contact-close .contact-layout__back-to-top {
    margin-bottom: -16px;
  }

  body.issue-73-shell-rhythm .product-page-nav { grid-template-columns: minmax(0, 1fr); }
  body.issue-73-shell-rhythm.issue-59-contact-close .site-footer[data-contact-close-ready="true"] > div:first-child {
    display: flex;
    align-items: baseline;
    gap: 10px;
  }
  body.issue-73-shell-rhythm.issue-59-contact-close .site-footer[data-contact-close-ready="true"] > div:first-child p {
    white-space: nowrap;
  }
}

/* #73 Component 03 — measured reference consolidation.
 *
 * The reference uses one quiet left rail and one compact content rail. Rows
 * carry a small heading above primary and secondary copy, with rules only
 * between siblings. Contact deliberately remains the form variant.
 */

body.issue-73-shell-rhythm {
  --content-left-share: 39.1%;
  --content-right-share: 60.9%;
  --content-heading-inset: 59px;
  --content-heading-cluster-gap: 49px;
  --content-row-columns: minmax(0, 319fr) minmax(0, 349fr);
  --content-row-column-gap: 20px;
  --content-section-padding-start: 48px;
  --content-section-padding-end: 40px;
  --content-row-padding: 32px 0;
  --content-row-gap: 16px;
  --content-row-title-size: 12px;
  --content-row-title-leading: 1.33;
  --content-copy-size: 14px;
  --content-copy-leading: 1.23;
}

@media (min-width: 901px) {
  body.issue-73-shell-rhythm .section[data-component-family="content-section"]:not([data-content-variant="contact"]),
  body.issue-73-shell-rhythm.issue-58-aligned[data-route] main > .section[data-component-family="content-section"]:not([data-content-variant="contact"]),
  body.issue-73-shell-rhythm .topic-index[data-component-family="content-section"] {
    min-height: 0;
    display: grid;
    grid-template-columns: var(--content-left-share) var(--content-right-share);
    column-gap: 0;
    row-gap: 0;
    align-items: start;
    padding: var(--content-section-padding-start) var(--issue-73-shell-edge) var(--content-section-padding-end);
    border-bottom: 0;
  }

  body.issue-73-shell-rhythm .section[data-component-family="content-section"]:not([data-content-variant="contact"]),
  body.issue-73-shell-rhythm.issue-58-aligned[data-route] main > .section[data-component-family="content-section"]:not([data-content-variant="contact"]) {
    padding-top: var(--content-section-padding-start);
    padding-bottom: var(--content-section-padding-end);
  }

  body.issue-73-shell-rhythm .section[data-component-family="content-section"]:not([data-content-variant="contact"]) > .chapter-heading,
  body.issue-73-shell-rhythm .topic-index[data-component-family="content-section"] > .chapter-heading {
    grid-column: 1;
    grid-row: 1;
    box-sizing: border-box;
    padding-right: 40px;
  }

  body.issue-73-shell-rhythm .section[data-component-family="content-section"]:not([data-content-variant="contact"]) > :is(
    .indexed-rows,
    .about-columns,
    .process-track,
    .product-list,
    .feature-detail,
    .case-study-signal
  ),
  body.issue-73-shell-rhythm .topic-index[data-component-family="content-section"] > nav {
    grid-column: 2;
    width: calc(100% - 58px);
    min-width: 0;
    margin: 0;
  }

  body.issue-73-shell-rhythm .section[data-component-family="content-section"]:not([data-content-variant="contact"]) > :is(
    .indexed-rows,
    .about-columns,
    .process-track,
    .product-list,
    .feature-detail,
    .case-study-signal
  ) ~ :is(
    .indexed-rows,
    .about-columns,
    .process-track,
    .product-list,
    .feature-detail,
    .case-study-signal
  ) {
    margin-top: 32px;
  }

  body.issue-73-shell-rhythm #entries {
    display: block;
    padding: var(--content-section-padding-start) var(--issue-73-shell-edge) var(--content-section-padding-end);
  }

  body.issue-73-shell-rhythm .journal-index-layout {
    width: 100%;
    grid-template-columns: var(--content-left-share) var(--content-right-share);
    gap: 0;
  }

  body.issue-73-shell-rhythm #entries .indexed-rows {
    width: calc(100% - 58px);
  }

  body.issue-73-shell-rhythm .journal-index-rail {
    box-sizing: border-box;
    min-height: 100%;
    padding-right: 40px;
  }

  body.issue-73-shell-rhythm .home-hero__lower {
    min-height: 0;
    display: grid;
    grid-template-columns: var(--content-left-share) minmax(0, 30.45%) minmax(0, 30.45%);
    gap: 0;
    align-items: start;
    padding: var(--content-section-padding-start) var(--issue-73-shell-edge) var(--content-section-padding-end);
  }

  body.issue-73-shell-rhythm .home-hero__lower > .cursor-mark {
    position: static;
    grid-column: 1;
    grid-row: 1;
    margin: 2px 0 0;
    transform: none;
  }

  body.issue-73-shell-rhythm .home-hero__lower > .display-action {
    grid-column: 1;
    grid-row: 1;
    align-self: start;
    margin-left: var(--content-heading-inset);
    padding-right: 40px;
    font-size: 32px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -.035em;
  }

  body.issue-73-shell-rhythm .home-hero__lower > article {
    min-width: 0;
    padding: 0 20px 0 0;
  }

  body.issue-73-shell-rhythm .home-hero__lower > article:nth-of-type(1) { grid-column: 2; }
  body.issue-73-shell-rhythm .home-hero__lower > article:nth-of-type(2) { grid-column: 3; }
}

body.issue-73-shell-rhythm [data-component-family="content-section"] .chapter-heading,
body.issue-73-shell-rhythm #entries .chapter-heading {
  grid-template-columns: 10px minmax(0, 1fr);
  column-gap: var(--content-heading-cluster-gap);
  row-gap: 0;
  margin: 0;
}

body.issue-73-shell-rhythm [data-component-family="content-section"] .chapter-heading > h2,
body.issue-73-shell-rhythm.issue-58-aligned main > .section[data-component-family="content-section"] .chapter-heading > h2,
body.issue-73-shell-rhythm #entries .chapter-heading h2,
body.issue-73-shell-rhythm.issue-58-aligned main > .topic-index[data-component-family="content-section"] > .chapter-heading > h2 {
  font-size: 32px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -.035em;
}

body.issue-73-shell-rhythm [data-component-family="content-section"] .chapter-heading > p,
body.issue-73-shell-rhythm #entries .chapter-heading p {
  grid-column: 2;
  grid-row: 2;
  max-width: 319px;
  margin-top: 32px;
  font-size: var(--content-copy-size);
  font-weight: 300;
  line-height: var(--content-copy-leading);
  letter-spacing: 0;
}

body.issue-73-shell-rhythm .journal-index-topics {
  margin: 32px 0 0 var(--content-heading-inset);
  font-size: var(--content-copy-size);
  font-weight: 300;
  line-height: var(--content-copy-leading);
}

body.issue-73-shell-rhythm .journal-index-more {
  margin-right: 0;
  margin-left: var(--content-heading-inset);
}

body.issue-73-shell-rhythm :is(
  .indexed-row,
  .process-track article,
  .product-entry__body,
  .topic-index nav a,
  .feature-detail
) {
  min-height: 0;
  box-sizing: border-box;
  grid-template-columns: var(--content-row-columns);
  grid-template-rows: auto auto;
  column-gap: var(--content-row-column-gap);
  row-gap: var(--content-row-gap);
  align-items: start;
  padding: var(--content-row-padding);
  border-top: 0;
  border-right: 0;
  border-left: 0;
  border-bottom: 1px solid var(--rule);
}

body.issue-73-shell-rhythm :is(
  .indexed-row,
  .process-track article,
  .product-entry__body,
  .topic-index nav a,
  .feature-detail
) {
  padding: var(--content-row-padding);
}

body.issue-73-shell-rhythm :is(
  .indexed-rows,
  .process-track,
  .product-list,
  .topic-index nav
) > :first-child,
body.issue-73-shell-rhythm .product-list > :first-child .product-entry__body {
  padding-top: 0;
}

body.issue-73-shell-rhythm :is(
  .indexed-rows,
  .process-track,
  .topic-index nav
) > :first-child {
  padding-top: 0;
}

body.issue-73-shell-rhythm :is(
  .indexed-rows,
  .process-track,
  .topic-index nav
) > :last-child,
body.issue-73-shell-rhythm .product-list > :last-child,
body.issue-73-shell-rhythm .product-list > :last-child .product-entry__body {
  padding-bottom: 0;
  border-bottom: 0;
}

body.issue-73-shell-rhythm :is(
  .indexed-rows,
  .process-track,
  .topic-index nav
) > :last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

body.issue-73-shell-rhythm :is(
  .indexed-row h3,
  .process-track article h3,
  .product-entry__body h3,
  .topic-index nav a > strong,
  .feature-detail h3
),
body.issue-73-shell-rhythm.issue-58-aligned main > .section[data-component-family="content-section"] :is(
  .indexed-row h3,
  .process-track article h3,
  .product-entry__body h3,
  .feature-detail h3
) {
  margin: 0;
  color: var(--text-primary);
  font-family: var(--font-utility);
  font-size: var(--content-row-title-size);
  font-weight: 600;
  line-height: var(--content-row-title-leading);
  letter-spacing: .06em;
  text-transform: uppercase;
}

body.issue-73-shell-rhythm .indexed-row > b,
body.issue-73-shell-rhythm .process-track article > b {
  display: none;
}

body.issue-73-shell-rhythm .indexed-row:has(> b) > h3,
body.issue-73-shell-rhythm .process-track article:has(> b) > h3 {
  grid-column: 1;
  grid-row: 1;
  padding-left: 0;
}

body.issue-73-shell-rhythm.issue-58-aligned main > .section[data-component-family="content-section"] .indexed-row > h3,
body.issue-73-shell-rhythm.issue-58-aligned main > .section[data-component-family="content-section"] .process-track article > h3 {
  grid-column: 1;
  grid-row: 1;
  padding-left: 0;
}

body.issue-73-shell-rhythm .indexed-row > p,
body.issue-73-shell-rhythm .process-track article > p,
body.issue-73-shell-rhythm .product-entry__body > p,
body.issue-73-shell-rhythm .feature-detail > p,
body.issue-73-shell-rhythm .about-columns > p,
body.issue-73-shell-rhythm .home-hero__lower article > p {
  max-width: none;
  margin: 0;
  color: var(--text-secondary);
  font-size: var(--content-copy-size);
  font-weight: 300;
  line-height: var(--content-copy-leading);
  letter-spacing: 0;
}

body.issue-73-shell-rhythm .indexed-row > p,
body.issue-73-shell-rhythm .process-track article > p {
  grid-column: 1;
  grid-row: 2;
}

body.issue-73-shell-rhythm .indexed-row > :is(em, time, span) {
  grid-column: 2;
  grid-row: 2;
  align-self: start;
  margin: 0;
}

body.issue-73-shell-rhythm .indexed-row__title { display: contents; }
body.issue-73-shell-rhythm .indexed-row__title > h3 {
  grid-column: 1;
  grid-row: 1;
}
body.issue-73-shell-rhythm .indexed-row__title > span {
  grid-column: 2;
  grid-row: 2;
  align-self: start;
}

body.issue-73-shell-rhythm #entries .indexed-row {
  grid-template-columns: var(--content-row-columns);
  grid-template-rows: auto auto;
  column-gap: var(--content-row-column-gap);
  row-gap: var(--content-row-gap);
  padding: var(--content-row-padding);
}

body.issue-73-shell-rhythm #entries .indexed-row__title { display: contents; }

body.issue-73-shell-rhythm #entries .indexed-row h3 {
  margin: 0;
  font-size: var(--content-row-title-size);
  font-weight: 600;
  line-height: var(--content-row-title-leading);
  letter-spacing: .06em;
  text-transform: uppercase;
}

body.issue-73-shell-rhythm #entries .indexed-row p {
  grid-column: 1;
  grid-row: 2;
  max-width: none;
}

body.issue-73-shell-rhythm #entries .indexed-row__title > span {
  grid-column: 2;
  grid-row: 2;
}

body.issue-73-shell-rhythm.issue-58-aligned main > .section[data-component-family="content-section"] .indexed-row,
body.issue-73-shell-rhythm.issue-58-aligned main > .section[data-component-family="content-section"] .process-track article,
body.issue-73-shell-rhythm.issue-58-aligned main > .section[data-component-family="content-section"] .product-entry__body,
body.issue-73-shell-rhythm.issue-58-aligned main > .section[data-component-family="content-section"] .feature-detail {
  grid-template-columns: var(--content-row-columns);
  grid-template-rows: auto auto;
  column-gap: var(--content-row-column-gap);
  row-gap: var(--content-row-gap);
}

body.issue-73-shell-rhythm.issue-58-aligned main > .section[data-component-family="content-section"] .indexed-row > h3,
body.issue-73-shell-rhythm.issue-58-aligned main > .section[data-component-family="content-section"] .process-track article > h3 {
  grid-column: 1;
  grid-row: 1;
}

body.issue-73-shell-rhythm.issue-58-aligned main > .section[data-component-family="content-section"] .indexed-row > p,
body.issue-73-shell-rhythm.issue-58-aligned main > .section[data-component-family="content-section"] .process-track article > p {
  grid-column: 1;
  grid-row: 2;
}

body.issue-73-shell-rhythm.issue-58-aligned main > .section[data-component-family="content-section"] .indexed-row > :is(em, time, span) {
  grid-column: 2;
  grid-row: 2;
}

body.issue-73-shell-rhythm .feature-detail > h3 {
  grid-column: 1;
  grid-row: 1;
}
body.issue-73-shell-rhythm .feature-detail > .eyebrow {
  grid-column: 2;
  grid-row: 1;
  align-self: start;
}
body.issue-73-shell-rhythm .feature-detail > p {
  grid-column: 1;
  grid-row: 2;
}
body.issue-73-shell-rhythm .feature-detail > .text-action,
body.issue-73-shell-rhythm .feature-detail > .case-study-specs {
  grid-column: 2;
  grid-row: 2;
  align-self: start;
  margin-top: 0;
}

body.issue-73-shell-rhythm .section:has(> .feature-detail + .indexed-rows) > .feature-detail {
  padding-top: 0;
  padding-bottom: 32px;
  border-bottom: 1px solid var(--rule);
}

body.issue-73-shell-rhythm .section:not(:has(> .feature-detail + .indexed-rows)) > .feature-detail {
  padding-top: 0;
  padding-bottom: 0;
  border-bottom: 0;
}

body.issue-73-shell-rhythm .product-entry,
body.issue-73-shell-rhythm .product-entry:nth-child(even) {
  border-bottom: 0;
}

body.issue-73-shell-rhythm .product-entry__body > h3 {
  grid-column: 1;
  grid-row: 1;
}
body.issue-73-shell-rhythm .product-entry__body > b {
  grid-column: 2;
  grid-row: 1;
  align-self: start;
}
body.issue-73-shell-rhythm .product-entry__body > p {
  grid-column: 1;
  grid-row: 2;
}
body.issue-73-shell-rhythm .product-entry__body > .text-action {
  grid-column: 2;
  grid-row: 2;
  align-self: start;
  margin: 0;
}

body.issue-73-shell-rhythm .about-columns {
  grid-template-columns: var(--content-row-columns);
  column-gap: var(--content-row-column-gap);
  row-gap: 32px;
  align-items: start;
}

body.issue-73-shell-rhythm.issue-58-aligned main > .section[data-component-family="content-section"] .about-columns {
  grid-template-columns: var(--content-row-columns);
  column-gap: var(--content-row-column-gap);
  row-gap: 32px;
}

body.issue-73-shell-rhythm .about-columns > * { max-width: none; }
body.issue-73-shell-rhythm .about-columns .text-action {
  grid-column: 1;
  margin-top: 0;
}

body.issue-73-shell-rhythm .topic-index nav a {
  display: grid;
}
body.issue-73-shell-rhythm .topic-index nav a > strong {
  grid-column: 1;
  grid-row: 1;
}
body.issue-73-shell-rhythm .topic-index nav a > em {
  grid-column: 1;
  grid-row: 2;
  align-self: start;
}

body.issue-73-shell-rhythm .home-hero__lower article > b {
  display: block;
  margin-bottom: 16px;
  color: var(--text-primary);
  font-size: var(--content-row-title-size);
  font-weight: 600;
  line-height: var(--content-row-title-leading);
  letter-spacing: .06em;
  text-transform: uppercase;
}

@media (max-width: 900px) {
  body.issue-73-shell-rhythm {
    --content-heading-inset: 28px;
    --content-heading-cluster-gap: 18px;
    --content-row-columns: minmax(0, 1fr);
    --content-row-column-gap: 0;
    --content-section-padding-start: 48px;
    --content-section-padding-end: 40px;
    --content-row-padding: 24px 0;
    --content-row-gap: 10px;
    --content-copy-size: 13.5px;
  }

  body.issue-73-shell-rhythm .section[data-component-family="content-section"]:not([data-content-variant="contact"]),
  body.issue-73-shell-rhythm.issue-58-aligned[data-route] main > .section[data-component-family="content-section"]:not([data-content-variant="contact"]),
  body.issue-73-shell-rhythm .topic-index[data-component-family="content-section"],
  body.issue-73-shell-rhythm #entries {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 40px;
    padding: var(--content-section-padding-start) var(--issue-73-shell-edge) var(--content-section-padding-end);
  }

  body.issue-73-shell-rhythm .section[data-component-family="content-section"]:not([data-content-variant="contact"]),
  body.issue-73-shell-rhythm.issue-58-aligned[data-route] main > .section[data-component-family="content-section"]:not([data-content-variant="contact"]) {
    padding-top: var(--content-section-padding-start);
    padding-bottom: var(--content-section-padding-end);
  }

  body.issue-73-shell-rhythm [data-component-family="content-section"] .chapter-heading,
  body.issue-73-shell-rhythm #entries .chapter-heading {
    grid-template-columns: 10px minmax(0, 1fr);
    column-gap: var(--content-heading-cluster-gap);
  }

  body.issue-73-shell-rhythm [data-component-family="content-section"] .chapter-heading > h2,
  body.issue-73-shell-rhythm.issue-58-aligned main > .section[data-component-family="content-section"] .chapter-heading > h2,
  body.issue-73-shell-rhythm #entries .chapter-heading h2 {
    font-size: 28px;
  }

  body.issue-73-shell-rhythm [data-component-family="content-section"] .chapter-heading > p,
  body.issue-73-shell-rhythm #entries .chapter-heading p {
    margin-top: 24px;
  }

  body.issue-73-shell-rhythm .journal-index-layout {
    grid-template-columns: minmax(0, 1fr);
    gap: 40px;
  }

  body.issue-73-shell-rhythm .journal-index-rail {
    min-height: 0;
  }

  body.issue-73-shell-rhythm .journal-index-topics,
  body.issue-73-shell-rhythm .journal-index-more {
    margin-left: var(--content-heading-inset);
  }

  body.issue-73-shell-rhythm :is(
    .indexed-row,
    .process-track article,
    .product-entry__body,
    .topic-index nav a,
    .feature-detail
  ) {
    grid-template-columns: minmax(0, 1fr);
  }

  body.issue-73-shell-rhythm.issue-58-aligned main > .section[data-component-family="content-section"] .indexed-row,
  body.issue-73-shell-rhythm.issue-58-aligned main > .section[data-component-family="content-section"] .process-track article,
  body.issue-73-shell-rhythm.issue-58-aligned main > .section[data-component-family="content-section"] .product-entry__body,
  body.issue-73-shell-rhythm.issue-58-aligned main > .section[data-component-family="content-section"] .feature-detail,
  body.issue-73-shell-rhythm #entries .indexed-row,
  body.issue-73-shell-rhythm.issue-58-aligned main > .topic-index[data-component-family="content-section"] nav a {
    grid-template-columns: minmax(0, 1fr);
  }

  body.issue-73-shell-rhythm .indexed-row > :is(em, time, span),
  body.issue-73-shell-rhythm .indexed-row__title > span,
  body.issue-73-shell-rhythm .feature-detail > .eyebrow,
  body.issue-73-shell-rhythm .feature-detail > .text-action,
  body.issue-73-shell-rhythm .feature-detail > .case-study-specs,
  body.issue-73-shell-rhythm .product-entry__body > b,
  body.issue-73-shell-rhythm .product-entry__body > .text-action {
    grid-column: 1;
  }

  body.issue-73-shell-rhythm .indexed-row > :is(em, time, span),
  body.issue-73-shell-rhythm .indexed-row__title > span,
  body.issue-73-shell-rhythm .feature-detail > .text-action,
  body.issue-73-shell-rhythm .feature-detail > .case-study-specs,
  body.issue-73-shell-rhythm .product-entry__body > .text-action {
    grid-row: 3;
  }

  body.issue-73-shell-rhythm.issue-58-aligned main > .section[data-component-family="content-section"] .indexed-row > :is(em, time, span),
  body.issue-73-shell-rhythm #entries .indexed-row__title > span {
    grid-column: 1;
    grid-row: 3;
  }

  body.issue-73-shell-rhythm.issue-58-aligned main > .section[data-component-family="content-section"] .indexed-row > p,
  body.issue-73-shell-rhythm #entries .indexed-row > p {
    grid-column: 1;
    grid-row: 2;
  }

  body.issue-73-shell-rhythm .feature-detail > .eyebrow,
  body.issue-73-shell-rhythm .product-entry__body > b {
    grid-row: 2;
  }

  body.issue-73-shell-rhythm .feature-detail > p,
  body.issue-73-shell-rhythm .product-entry__body > p {
    grid-column: 1;
    grid-row: 3;
  }

  body.issue-73-shell-rhythm .feature-detail > .text-action,
  body.issue-73-shell-rhythm .product-entry__body > .text-action {
    grid-row: 4;
  }

  body.issue-73-shell-rhythm .about-columns {
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
  }

  body.issue-73-shell-rhythm.issue-58-aligned main > .section[data-component-family="content-section"] .about-columns {
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
  }

  body.issue-73-shell-rhythm .home-hero__lower {
    min-height: 0;
    display: grid;
    grid-template-columns: 10px minmax(0, 1fr);
    gap: 18px;
    padding: var(--content-section-padding-start) var(--issue-73-shell-edge) var(--content-section-padding-end);
  }

  body.issue-73-shell-rhythm .home-hero__lower > .cursor-mark {
    position: static;
    grid-column: 1;
    grid-row: 1;
    margin: 2px 0 0;
    transform: none;
  }

  body.issue-73-shell-rhythm .home-hero__lower > .display-action,
  body.issue-73-shell-rhythm .home-hero__lower > article {
    grid-column: 2;
    margin: 0;
    padding: 0;
  }

  body.issue-73-shell-rhythm .home-hero__lower > .display-action {
    grid-row: 1;
    font-size: 28px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -.035em;
  }

  body.issue-73-shell-rhythm .home-hero__lower > article:nth-of-type(1) {
    grid-row: 2;
    margin-top: 40px;
  }

  body.issue-73-shell-rhythm .home-hero__lower > article:nth-of-type(2) {
    display: block;
    grid-row: 3;
    margin-top: 24px;
  }
}

/* Resolve the inherited #58 route-specific selectors through equivalent
 * route-specific Component 03 selectors, keeping the cascade explicit. */
@media (min-width: 901px) {
  body.issue-73-shell-rhythm.issue-58-aligned[data-route="about"] main > #lenses.section[data-component-family="content-section"],
  body.issue-73-shell-rhythm.issue-58-aligned[data-route="about"] main > #practice.section[data-component-family="content-section"] {
    padding-top: var(--content-section-padding-start);
    padding-bottom: var(--content-section-padding-end);
  }

  body.issue-73-shell-rhythm.issue-58-aligned[data-route] main > .section[data-component-family="content-section"]:not([data-content-variant="contact"]) {
    padding-top: var(--content-section-padding-start);
    padding-bottom: var(--content-section-padding-end);
  }

  body.issue-73-shell-rhythm.issue-58-aligned[data-route] main > .section[data-component-family="content-section"] .chapter-heading,
  body.issue-73-shell-rhythm.issue-58-aligned[data-route] main > .topic-index[data-component-family="content-section"] > .chapter-heading,
  body.issue-73-shell-rhythm.issue-58-aligned[data-route] main > #entries[data-component-family="content-section"] .chapter-heading {
    grid-template-columns: 10px minmax(0, 1fr);
    column-gap: var(--content-heading-cluster-gap);
    row-gap: 0;
    margin: 0;
  }

  body.issue-73-shell-rhythm.issue-58-aligned[data-route] main > .section[data-component-family="content-section"] .chapter-heading > .cursor-mark,
  body.issue-73-shell-rhythm.issue-58-aligned[data-route] main > .topic-index[data-component-family="content-section"] > .chapter-heading > .cursor-mark,
  body.issue-73-shell-rhythm.issue-58-aligned[data-route] main > #entries[data-component-family="content-section"] .chapter-heading > .cursor-mark {
    position: static;
    grid-column: 1;
    grid-row: 1;
    margin: 2px 0 0;
    transform: none;
  }

  body.issue-73-shell-rhythm.issue-58-aligned[data-route] main > .section[data-component-family="content-section"] .chapter-heading > h2,
  body.issue-73-shell-rhythm.issue-58-aligned[data-route] main > .topic-index[data-component-family="content-section"] > .chapter-heading > h2,
  body.issue-73-shell-rhythm.issue-58-aligned[data-route] main > #entries[data-component-family="content-section"] .chapter-heading > h2 {
    grid-column: 2;
    grid-row: 1;
  }

  body.issue-73-shell-rhythm.issue-58-aligned[data-route] main > .section[data-component-family="content-section"] .chapter-heading > p,
  body.issue-73-shell-rhythm.issue-58-aligned[data-route] main > #entries[data-component-family="content-section"] .chapter-heading > p {
    grid-column: 2;
    grid-row: 2;
    max-width: 319px;
    margin-top: 32px;
  }
}

@media (max-width: 900px) {
  body.issue-73-shell-rhythm.issue-58-aligned[data-route="about"] main > #lenses.section[data-component-family="content-section"],
  body.issue-73-shell-rhythm.issue-58-aligned[data-route="about"] main > #practice.section[data-component-family="content-section"] {
    padding-top: var(--content-section-padding-start);
    padding-bottom: var(--content-section-padding-end);
  }

  body.issue-73-shell-rhythm.issue-58-aligned[data-route] main > .section[data-component-family="content-section"]:not([data-content-variant="contact"]) {
    padding-top: var(--content-section-padding-start);
    padding-bottom: var(--content-section-padding-end);
  }

  body.issue-73-shell-rhythm.issue-58-aligned[data-route] main > .section[data-component-family="content-section"] .chapter-heading,
  body.issue-73-shell-rhythm.issue-58-aligned[data-route] main > .topic-index[data-component-family="content-section"] > .chapter-heading,
  body.issue-73-shell-rhythm.issue-58-aligned[data-route] main > #entries[data-component-family="content-section"] .chapter-heading {
    grid-template-columns: 10px minmax(0, 1fr);
    column-gap: var(--content-heading-cluster-gap);
    row-gap: 0;
    margin: 0;
  }

  body.issue-73-shell-rhythm.issue-58-aligned[data-route] main > .section[data-component-family="content-section"] .chapter-heading > .cursor-mark,
  body.issue-73-shell-rhythm.issue-58-aligned[data-route] main > .topic-index[data-component-family="content-section"] > .chapter-heading > .cursor-mark,
  body.issue-73-shell-rhythm.issue-58-aligned[data-route] main > #entries[data-component-family="content-section"] .chapter-heading > .cursor-mark {
    position: static;
    grid-column: 1;
    grid-row: 1;
    margin: 2px 0 0;
    transform: none;
  }

  body.issue-73-shell-rhythm.issue-58-aligned[data-route] main > .section[data-component-family="content-section"] .chapter-heading > h2,
  body.issue-73-shell-rhythm.issue-58-aligned[data-route] main > .topic-index[data-component-family="content-section"] > .chapter-heading > h2,
  body.issue-73-shell-rhythm.issue-58-aligned[data-route] main > #entries[data-component-family="content-section"] .chapter-heading > h2 {
    grid-column: 2;
    grid-row: 1;
    font-size: 28px;
  }

  body.issue-73-shell-rhythm.issue-58-aligned[data-route] main > .section[data-component-family="content-section"] .chapter-heading > p,
  body.issue-73-shell-rhythm.issue-58-aligned[data-route] main > #entries[data-component-family="content-section"] .chapter-heading > p {
    grid-column: 2;
    grid-row: 2;
    margin-top: 24px;
  }

  body.issue-73-shell-rhythm.issue-58-aligned[data-route] main > .section[data-component-family="content-section"] :is(
    .indexed-row,
    .process-track article,
    .product-entry__body,
    .feature-detail
  ),
  body.issue-73-shell-rhythm.issue-58-aligned[data-route] main > .topic-index[data-component-family="content-section"] nav a,
  body.issue-73-shell-rhythm.issue-58-aligned[data-route] main > #entries[data-component-family="content-section"] .indexed-row {
    grid-template-columns: minmax(0, 1fr);
  }

  body.issue-73-shell-rhythm.issue-58-aligned[data-route] main > .section[data-component-family="content-section"] .about-columns {
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
  }
}

/* #73 Component 03 — product rows use the same left-copy stack as every
 * other Content-section list. Status labels are not part of the visual row;
 * the per-product action follows the copy on its own line. Contact is the
 * form variant and resolves from the same 39.1/60.9 measured desktop rail. */

body.issue-73-shell-rhythm main > .section[data-component-family="content-section"] .product-entry__body {
  grid-template-rows: auto auto auto;
}

body.issue-73-shell-rhythm main > .section[data-component-family="content-section"] .product-entry__body > b {
  display: none;
}

body.issue-73-shell-rhythm main > .section[data-component-family="content-section"] .product-entry__body > h3 {
  grid-column: 1;
  grid-row: 1;
}

body.issue-73-shell-rhythm main > .section[data-component-family="content-section"] .product-entry__body > p {
  grid-column: 1;
  grid-row: 2;
}

body.issue-73-shell-rhythm main > .section[data-component-family="content-section"] .product-entry__body > .text-action {
  grid-column: 1;
  grid-row: 3;
  justify-self: start;
  margin: 0;
}

@media (min-width: 901px) {
  body.issue-73-shell-rhythm.issue-59-contact-close .contact-section[data-component-family="content-section"],
  body.issue-73-shell-rhythm.issue-59-contact-close .contact-section[data-component-family="content-section"][data-contact-form-ready="true"] {
    padding: var(--content-section-padding-start) var(--issue-73-shell-edge) var(--content-section-padding-end);
  }

  body.issue-73-shell-rhythm.issue-59-contact-close .contact-layout {
    grid-template-columns:
      var(--content-left-share)
      minmax(0, 280fr)
      59px
      minmax(0, 349fr)
      58px;
    gap: 0;
    width: 100%;
  }

  body.issue-73-shell-rhythm.issue-59-contact-close .contact-layout__statement {
    position: relative;
    grid-column: 1;
    box-sizing: border-box;
    padding-left: var(--content-heading-inset);
    padding-right: 40px;
  }

  body.issue-73-shell-rhythm.issue-59-contact-close .contact-layout__statement::before {
    content: "";
    position: absolute;
    top: 2px;
    left: 0;
    width: 10px;
    height: 26px;
    background: var(--cursor);
  }

  body.issue-73-shell-rhythm.issue-59-contact-close .contact-layout__center { grid-column: 2; }
  body.issue-73-shell-rhythm.issue-59-contact-close .contact-layout__rail { grid-column: 4; }
}

/* A full-width Media stage is the next section boundary, not a reveal card.
 * Keep it flush during load instead of briefly translating it 22px downward. */
body.issue-73-shell-rhythm .wide-media[data-component-family="media-stage"][data-reveal] {
  opacity: 1;
  transform: none;
}

/* Web overview: the two narrative paragraphs are one full-width reading flow,
 * followed by the same compact title/copy grammar used by Component 03 rows. */
body.issue-73-shell-rhythm main > #overview.section[data-content-variant="web-overview"] {
  row-gap: 24px;
  padding-bottom: 24px;
}

body.issue-73-shell-rhythm main > #overview.section[data-content-variant="web-overview"] > .about-columns {
  grid-template-columns: minmax(0, 1fr);
  gap: 18px;
  padding-bottom: 0;
}

body.issue-73-shell-rhythm main > #overview.section[data-content-variant="web-overview"] > .about-columns > p {
  max-width: none;
}

body.issue-73-shell-rhythm main > #overview.section[data-content-variant="web-overview"] > .case-study-signal {
  display: grid;
  grid-template-columns: var(--content-row-columns);
  grid-template-rows: auto auto;
  column-gap: var(--content-row-column-gap);
  row-gap: var(--content-row-gap);
  align-items: start;
  margin: 0;
  padding: 0;
  border-top: 0;
  border-bottom: 0;
}

body.issue-73-shell-rhythm main > #overview.section[data-content-variant="web-overview"] > .case-study-signal > .cursor-mark {
  display: none;
}

body.issue-73-shell-rhythm main > #overview.section[data-content-variant="web-overview"] > .case-study-signal > strong {
  grid-column: 1;
  grid-row: 1;
  max-width: none;
  margin: 0;
  font-family: var(--font-utility);
  font-size: var(--content-row-title-size);
  font-weight: 600;
  line-height: var(--content-row-title-leading);
  letter-spacing: .06em;
  text-transform: uppercase;
}

body.issue-73-shell-rhythm main > #overview.section[data-content-variant="web-overview"] > .case-study-signal > p {
  grid-column: 1;
  grid-row: 2;
  max-width: none;
  margin: 0;
  color: var(--text-secondary);
  font-size: var(--content-copy-size);
  font-weight: 300;
  line-height: var(--content-copy-leading);
  letter-spacing: 0;
}

@media (max-width: 900px) {
  body.issue-73-shell-rhythm main > #overview.section[data-content-variant="web-overview"] {
    row-gap: 24px;
    padding-bottom: 24px;
  }

  body.issue-73-shell-rhythm main > #overview.section[data-content-variant="web-overview"] > .case-study-signal {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* #73 final Home editorial close: the About preview follows the same
 * Component 03 left-heading/right-copy contract as the other sections. The
 * action closes the left rail; both narrative paragraphs form one right rail. */
body.issue-73-shell-rhythm main > #about.section[data-content-variant="about-summary"] > .about-columns {
  grid-template-columns: minmax(0, 1fr);
  gap: 18px;
}

body.issue-73-shell-rhythm main > #about.section[data-content-variant="about-summary"] > .chapter-heading > .chapter-heading__action {
  grid-column: 2;
  width: fit-content;
}

/* Featured Journal summaries expose one real article only. Editorial status
 * and credit remain on the article route instead of competing with the title. */
body.issue-73-shell-rhythm .feature-detail.feature-detail--single {
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto auto auto;
}

body.issue-73-shell-rhythm .feature-detail.feature-detail--single > h3,
body.issue-73-shell-rhythm .feature-detail.feature-detail--single > p,
body.issue-73-shell-rhythm .feature-detail.feature-detail--single > .feature-detail__action {
  grid-column: 1;
}

body.issue-73-shell-rhythm .feature-detail.feature-detail--single > h3 { grid-row: 1; }
body.issue-73-shell-rhythm .feature-detail.feature-detail--single > p { grid-row: 2; }
body.issue-73-shell-rhythm .feature-detail.feature-detail--single > .feature-detail__action {
  grid-row: 3;
  width: fit-content;
  margin-top: 10px;
}

@media (min-width: 901px) {
  body.issue-73-shell-rhythm main > #about.section[data-content-variant="about-summary"] {
    align-items: stretch;
  }

  body.issue-73-shell-rhythm main > #about.section[data-content-variant="about-summary"] > .chapter-heading {
    min-height: 100%;
    grid-template-rows: auto 1fr auto;
  }

  body.issue-73-shell-rhythm main > #about.section[data-content-variant="about-summary"] > .chapter-heading > .chapter-heading__action {
    grid-row: 3;
    align-self: end;
    margin-top: 32px;
  }
}

@media (max-width: 900px) {
  body.issue-73-shell-rhythm main > #about.section[data-content-variant="about-summary"] > .chapter-heading > .chapter-heading__action {
    grid-row: 2;
    margin-top: 24px;
  }
}

/* #73 shared editorial links. The underline belongs to the text itself, not
 * the 44px interaction container, so its length and offset follow the glyphs. */
body.issue-73-shell-rhythm :is(
  .text-action,
  main > .page-hero:not(.home-hero) .page-hero__copy > nav a,
  main > article > .page-hero .page-hero__copy > nav a,
  .contact-layout__fallback a,
  .contact-layout__navigation nav a
) {
  position: relative;
  text-decoration-line: none;
  text-decoration-color: var(--signal);
  text-decoration-thickness: 1px;
  text-underline-offset: .18em;
}

body.issue-73-shell-rhythm .text-action {
  gap: 8px;
}

body.issue-73-shell-rhythm :is(
  .text-action,
  main > .page-hero:not(.home-hero) .page-hero__copy > nav a,
  main > article > .page-hero .page-hero__copy > nav a,
  .contact-layout__fallback a,
  .contact-layout__navigation nav a
)::after {
  content: none;
}

body.issue-73-shell-rhythm :is(
  .text-action,
  main > .page-hero:not(.home-hero) .page-hero__copy > nav a,
  main > article > .page-hero .page-hero__copy > nav a,
  .contact-layout__fallback a,
  .contact-layout__navigation nav a
):is(:hover, :focus-visible)::after {
  content: none;
}

body.issue-73-shell-rhythm :is(
  .text-action,
  main > .page-hero:not(.home-hero) .page-hero__copy > nav a,
  main > article > .page-hero .page-hero__copy > nav a,
  .contact-layout__fallback a,
  .contact-layout__navigation nav a
):is(:hover, :focus-visible) {
  text-decoration-line: underline;
}

body.issue-73-shell-rhythm.issue-59-contact-close .contact-layout__fallback a {
  display: inline-flex;
  width: fit-content;
  max-width: 100%;
}

body.issue-73-shell-rhythm.issue-59-contact-close .contact-layout__navigation nav a {
  width: fit-content;
  max-width: 100%;
  justify-self: start;
}

/* Contact is a Component 03 variant. Its two local headings therefore use
 * the same title token as Design as an Operating System, while the email link
 * remains ordinary body copy rather than becoming a display-sized CTA. */
body.issue-73-shell-rhythm.issue-59-contact-close main .contact-section[data-component-family="content-section"] .contact-layout__heading {
  margin-bottom: 10px;
  font-size: var(--content-row-title-size);
  font-weight: 600;
  line-height: var(--content-row-title-leading);
  letter-spacing: .06em;
  text-transform: uppercase;
}

body.issue-73-shell-rhythm.issue-59-contact-close .contact-layout__fallback a {
  min-height: 44px;
  color: var(--text-secondary);
  font-size: var(--content-copy-size);
  font-weight: 300;
  line-height: var(--content-copy-leading);
  letter-spacing: 0;
}

@media (min-width: 901px) {
  body.issue-73-shell-rhythm main > #entries.section[data-content-variant="journal-index"] {
    display: grid;
    grid-template-columns: var(--content-left-share) var(--content-right-share);
    column-gap: 0;
    row-gap: 0;
    align-items: start;
  }

  body.issue-73-shell-rhythm main > #entries.section[data-content-variant="journal-index"] > .chapter-heading {
    grid-column: 1;
    grid-row: 1;
    box-sizing: border-box;
    padding-right: 40px;
  }

  body.issue-73-shell-rhythm main > #entries.section[data-content-variant="journal-index"] > .feature-detail {
    grid-column: 2;
    width: calc(100% - 58px);
    min-width: 0;
    margin: 0;
  }
}