/* Page-only refinements to the shared editorial layout. */
body.essays-page { background: var(--paper); }
.essays-page .page-shell { max-width: var(--reading-width); padding-bottom: var(--section-space-compact); }
.essays-page .page-hero { padding: var(--section-space) 0; }
.essays-page .page-hero h1 {
  margin-bottom: var(--title-space);
  font-size: clamp(2.25rem, 4.8vw, 3.6rem);
  line-height: 1.08;
  text-wrap: balance;
}
.essays-page .page-prose {
  margin-bottom: var(--rule-space);
  color: var(--graphite);
  font-size: 1.0625rem;
  line-height: 1.7;
}
.essays-page .page-prose:last-child { margin-bottom: 0; }
.essays-page .page-section { padding: var(--section-space) 0; }
.essays-page .section-heading { display: block; margin-bottom: var(--rule-space); }
.essays-page .section-heading .movement-label { margin-top: 0; }
.essays-link {
  display: inline-flex;
  align-items: center;
  gap: .35em;
  min-height: 44px;
  padding-block: 10px;
  color: var(--ink);
  font-family: var(--sans);
  font-size: .875rem;
  font-weight: 600;
  line-height: 1.4;
  text-underline-offset: 5px;
  text-decoration-thickness: 1px;
}
.essays-link:hover { text-decoration-thickness: 2px; }
.essays-link:focus-visible { outline: 1px solid var(--ink); outline-offset: 4px; }

@media (max-width: 720px) {
  .essays-page .page-hero,
  .essays-page .page-section { padding-block: var(--section-space-compact); }
}
