/* Shared reading-page structure. Page-specific styles only add unique content. */
.editorial-main {
  padding: clamp(72px, 11vh, 120px) var(--s-screen-pad) clamp(96px, 14vh, 160px);
}

.editorial-shell,
.editorial-hero {
  max-width: 960px;
  margin: 0 auto;
}

.editorial-hero {
  text-align: center;
}

.editorial-main a:not(.pill) {
  color: var(--text);
  border-bottom: 1px solid var(--hair-2);
  transition: border-color 0.25s ease, color 0.25s ease;
}

.editorial-main a:not(.pill):hover,
.editorial-main a:not(.pill):focus-visible {
  border-bottom-color: var(--text);
}

.editorial-copy {
  max-width: 680px;
  margin: calc(var(--s-home) * 1.5) auto 0;
}

.editorial-copy section + section { margin-top: var(--s-home); }

.editorial-copy h2 {
  color: var(--text);
  font-size: 24px;
  font-weight: 600;
  line-height: 1.28;
  letter-spacing: -0.015em;
  text-wrap: balance;
}

.editorial-copy p,
.editorial-cta > p {
  margin-top: 18px;
  color: var(--text-2);
  font-size: var(--t-body);
  line-height: 1.72;
}

.editorial-copy p + p { margin-top: var(--s-grid-label); }

.editorial-cta {
  max-width: 780px;
  margin: calc(var(--s-home) * 1.5) auto 0;
  text-align: center;
}

.editorial-cta h2 {
  color: var(--text);
  font-size: var(--t-statement);
  line-height: 1.2;
  letter-spacing: -0.015em;
  text-wrap: balance;
}

.editorial-cta > p {
  max-width: 46ch;
  margin-left: auto;
  margin-right: auto;
}

.editorial-cta .pill { margin-top: var(--s-section); }
.editorial-cta.button-only .pill { margin-top: 0; }

@media (max-width: 640px) {
  .editorial-main { padding-top: var(--s-checkin); }
  .editorial-copy { margin-top: var(--s-home); }
  .editorial-copy section + section { margin-top: var(--s-checkin); }
}

@media (prefers-reduced-motion: reduce) {
  .editorial-main .enter { animation: none; }
}