/* ═══════════════════════════════════════════════════════════════
   WordPress bridge

   base.css is the design, generated from the prototype. The theme
   rewrites the blocks it uses into the prototype's own markup (see
   inc/core-blocks.php), so almost nothing is needed here.

   What is here:
     1. What WordPress itself prints that the prototype never had.
     2. Plain pages (privacy policy and the like), which the design
        doesn't cover. These rules reuse the design's own sizes and
        colours; they are the one place the theme adds anything.
   ═══════════════════════════════════════════════════════════════ */

/* ── 1. WordPress's own output ──────────────────────────────── */

/* Text WordPress adds for screen readers only (pagination, etc.). */
.screen-reader-text {
  position: absolute; width: 1px; height: 1px; overflow: hidden;
  clip: rect(0 0 0 0); white-space: nowrap;
}
.screen-reader-text:focus {
  position: static; width: auto; height: auto; clip: auto; white-space: normal;
}

/* The admin bar pushes the page down; keep the sticky iceberg clear of it. */
.admin-bar .berg > div:first-child { top: calc(2rem + 32px); }
@media (max-width: 782px) { .admin-bar .berg > div:first-child { top: calc(2rem + 46px); } }

/* The footer menu can hold more links than the prototype's three; on a
   phone they wrap between links, never inside one. */
.ftr a { white-space: nowrap; }

/* ── 2. Plain pages ──────────────────────────────────────────── */

.prose { max-width: var(--read); color: var(--ink-2); }
.prose > * + * { margin-top: 1rem; }
.prose h2, .prose h3 { color: var(--ink); font-weight: 600; }
.prose h2 { font-size: 1.75rem; line-height: 1.15; letter-spacing: -.02em; margin-top: 2.75rem; }
.prose h3 { font-size: 1.1875rem; line-height: 1.25; letter-spacing: -.01em; margin-top: 2rem; }
.prose ul, .prose ol { margin-bottom: 0; padding-left: 1.25rem; }
.prose li + li { margin-top: .35rem; }
.prose ul.pending { padding-left: 0; }
.prose img { max-width: 100%; height: auto; }
.prose .navigation.pagination { margin-top: 2.5rem; font-size: .9375rem; }
.prose .page-numbers { margin-right: .75rem; }
.prose .wp-block-table { margin-left: 0; margin-right: 0; }
.prose .wp-block-table table { border-collapse: collapse; width: 100%; font-size: 1rem; line-height: 1.55; }
.prose .wp-block-table th,
.prose .wp-block-table td { border: 0; border-top: 1px solid var(--rule); padding: .75rem 1rem .75rem 0; text-align: left; vertical-align: top; }
.prose .wp-block-table thead th { border-top: 1px solid var(--ink); border-bottom: 0; color: var(--ink); font-weight: 600; }
.prose .wp-block-table tbody tr:last-child td { border-bottom: 1px solid var(--rule); }