/* ==========================================================================
   TopJump - WordPress additions
   topjump.css is the static build's styles.css, unchanged. Everything the
   WordPress version needs on top of it lives here, so the design file can be
   diffed against (and refreshed from) the static build.
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. Admin bar: keep the sticky header below it when logged in
   -------------------------------------------------------------------------- */
.admin-bar .site-header { top: 32px; }
@media screen and (max-width: 782px) {
  .admin-bar .site-header { top: 46px; }
}
@media screen and (max-width: 600px) {
  /* WordPress un-fixes the admin bar here, so the header sticks to the top again */
  .admin-bar .site-header { top: 0; }
}

/* --------------------------------------------------------------------------
   2. Images: WordPress prints width/height attributes (good for layout
   stability), but the height attribute would otherwise beat the design's
   aspect-ratio rules. Rules that set a height (cards, hero, gallery) are more
   specific, so they still win.
   -------------------------------------------------------------------------- */
img { height: auto; }

/* --------------------------------------------------------------------------
   3. Screen-reader text (WordPress core class)
   -------------------------------------------------------------------------- */
.screen-reader-text {
  position: absolute;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* --------------------------------------------------------------------------
   4. Plain pages (default template): editor content
   -------------------------------------------------------------------------- */
.prose { max-width: 46rem; margin-inline: auto; }
.prose img { height: auto; border-radius: var(--r-md); }
.prose h2, .prose h3 { margin-top: var(--sp-5); }