/* Shared narrow-screen reading layout for the four footer information pages. */
main .hero { padding: 2.4rem var(--pad) 2rem; }
main .hero h1 {
  font-size: clamp(1.75rem, 8.3vw, 2.65rem);
  line-height: 1.04; letter-spacing: -.05em; margin: 0 0 1rem;
}
main .hero .kicker { font-size: .69rem; letter-spacing: .13em; margin-bottom: .75rem; }
main .hero p { font-size: 1rem; line-height: 1.6; margin: 0; }
main .updated { font-size: .72rem; letter-spacing: .09em; }
main h2, main p, main li, main a { overflow-wrap: anywhere; }
main :is(.card,.row,.policy,.status,.closing) h2 {
  font-size: clamp(1.2rem, 5.2vw, 1.55rem);
  line-height: 1.18; letter-spacing: -.035em;
}
main :is(.policy,.standards,.closing) { padding-block: 2rem; }
main .policy h2 { margin: 1.8rem 0 .75rem; padding-top: 1.15rem; }
main .policy h2:first-child { margin-top: 0; }
main :is(.policy,.row,.card,.closing,.status) :is(p,li) { font-size: 1rem; line-height: 1.65; }
main .grid { grid-template-columns: minmax(0, 1fr); padding-bottom: 2rem; }
main .card, main .card:nth-child(even) { padding: 1.25rem 0; min-height: 0; }
main .card p { margin: .5rem 0 0; }
main .status { padding: 1.25rem; margin-bottom: 2.5rem; }
main .row { grid-template-columns: 2rem minmax(0, 1fr); gap: .45rem .75rem; padding: 1.2rem 0; }
main .row .num { font-size: 1.05rem; }
@media (max-width: 400px) {
  header[data-site-header] { padding-inline: 1rem; gap: .375rem; }
  header[data-site-header] .brand { font-size: clamp(.76rem, 3.85vw, .94rem); }
}