/* /about/operator and /about/governance (13 Nov 2026). The pages are built from the
   parts of the design refresh; this sheet holds the one thing they add.

   The table of the institute's papers has four columns. Under 720px it keeps a
   width at which a title can be read and scrolls inside its own box
   (parts.table_scroll); the page itself never moves sideways. */
.op-papers {
  min-width: 40rem;
}

.op-papers th[scope="row"] {
  width: 46%;
  font-weight: 400;
}

/* The About family (14 Nov 2026): /about, /colophon, /support, /digest, /press.
   Built from the shared parts; what follows is the little they add. */

/* About's three questions: one under the other on a phone, three abreast on a desk,
   so the answers are on one screen. The section runs the page's width. */
.layout-reading > .wrap > .about-three {
  max-width: none;
}

.about-three {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-6) var(--gutter);
}

.about-three__one > * + * {
  margin-top: var(--space-3);
}

.about-three__one > h2 {
  padding-top: var(--space-3);
  border-top: var(--rule-inset);
}

/* The film: a plain player at the reading width, never taller than its frame. */
.about-film {
  margin: 0;
}

.about-film video {
  display: block;
  width: 100%;
  height: auto;
  border: var(--rule);
}

.about-film figcaption {
  margin-top: var(--space-2);
}

/* The founder's statement: set apart by the inset rule, signed at its foot. */
.colophon-letter {
  padding-inline-start: var(--space-5);
  border-inline-start: var(--rule-inset);
}

.colophon-letter__sig {
  font-weight: 700;
}

/* Support: the one action sits directly under the head, before the first rule. */
.support__write {
  padding-bottom: var(--space-7);
}

.page-reading .page-head:has(+ .support__write) {
  padding-bottom: var(--space-5);
}

/* The press page's facts: a name and what is so, one under the other. */
.press-facts > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-1) var(--gutter);
  padding-block: var(--space-3);
  border-top: var(--rule-hair);
}

.press-facts dt {
  font-weight: 700;
}

/* The digest: the form's parts with air between them, and the notice above it. */
.digest > * + * {
  margin-top: var(--space-5);
}

.digest__notice {
  margin-bottom: var(--space-5);
  padding-inline-start: var(--space-4);
  border-inline-start: var(--rule-inset);
}

.digest select.field__input {
  appearance: auto;
}

@media (min-width: 720px) {
  .press-facts > div {
    grid-template-columns: 16rem minmax(0, 1fr);
  }

}

@media (min-width: 960px) {
  .about-three {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}