/* About, newsletter confirm and legal pages: a Bodoni page title, then
   sections whose Archivo heading sits left of a 62ch text column. */
.content-shell { width: 100%; }
.content-heading { margin-bottom: var(--space-6); hyphens: auto; font-size: clamp(2rem, 8.2vw, 6rem); }
.content-section { max-width: none; padding-block: var(--space-5) var(--space-6); border-top: 1px solid var(--seam); }
.content-section:last-child { border-bottom: 1px solid var(--seam); }
.content-section h2 { margin: 0 0 var(--space-4); }
.content-section p, .content-section ul { max-width: var(--measure); margin-block: 0; }
.content-section p + p, .content-section p + ul, .content-section ul + p { margin-top: 1em; }
.content-section a { color: var(--sage); text-underline-offset: .2em; }
.fill-marker { color: var(--sage); text-decoration: underline dotted; text-underline-offset: .2em; }

.content-shell--legal .content-section h2 { font-size: var(--fs-title); font-weight: 600; line-height: 1.25; letter-spacing: 0; }
.content-shell--about .content-section p { font-size: clamp(1.0625rem, 1.2vw + .75rem, 1.25rem); line-height: 1.6; }

@media (min-width: 900px) {
  .content-section {
    display: grid;
    grid-template-columns: minmax(0, 17rem) minmax(0, var(--measure));
    column-gap: var(--space-7);
    padding-block: var(--space-6);
  }
  .content-section h2 { margin: 0; }
  .content-section > :not(h2) { grid-column: 2; }
  .content-section > h2 { grid-column: 1; grid-row: 1 / span 6; }
  .content-shell--about .content-section { grid-template-columns: minmax(0, 24rem) minmax(0, var(--measure)); }
}

/* Newsletter confirm / unsubscribe result: a sentence in Bodoni, one action. */
.content-status { max-width: 46rem; padding-top: var(--space-5); border-top: 1px solid var(--seam); }
.content-status h1 {
  font-family: var(--display);
  font-weight: 700;
  font-size: clamp(1.75rem, 5vw, 3rem);
  line-height: 1.08;
  letter-spacing: -.01em;
  margin: 0 0 var(--space-5);
  text-wrap: balance;
}
.content-status p { max-width: var(--measure); margin: 0 0 var(--space-5); }
.content-status p:empty { display: none; }