/* WordPress-only adjustments, loaded after the prototype's styles. */

/* The admin bar (signed-in editors only) sits above the fixed header. */
.admin-bar .site-nav { top: var(--wp-admin--admin-bar--height, 32px); }
.admin-bar { scroll-padding-top: calc(var(--nav-h) + var(--wp-admin--admin-bar--height, 32px) + 1rem); }
@media (max-width: 600px) {
  /* On phones the admin bar scrolls away with the page. */
  .admin-bar .site-nav { top: 0; }
}

/* WordPress's own hidden-text class (pagination, comments). */
.screen-reader-text {
  position: absolute !important;
  width: 1px; height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

/* Interim lists for archives until the Writing page is designed. */
.plain-list { display: grid; gap: 2rem; padding: 0; margin-block: 2rem 0; }
.plain-list h2 { font-size: var(--step-1, 1.25rem); margin: 0; }

/* Plain pages (the privacy policy): the essay's reading measure, under a page title */
.page-plain { padding-block: calc(var(--nav-h) + clamp(3rem, 2rem + 4vw, 6rem)) var(--section); }
.page-plain__title { max-width: 18ch; }
.page-plain__text { max-width: 40rem; margin-top: clamp(1.5rem, 1rem + 2vw, 3rem); }
.page-plain__text h2 { margin-top: 2em; }
.site-footer__base a { color: inherit; }