/* =========================================================
   WordPress-specific additions (admin bar, page.php, 404.php)
   ========================================================= */

@media screen and (min-width: 783px) {
  html:has(body.admin-bar) { scroll-padding-top: calc(var(--header-h) + 12px + 32px); }
  .admin-bar .header { top: 32px; }
}
@media screen and (min-width: 783px) and (max-width: 1024px) {
  .admin-bar .nav { inset: calc(var(--header-h) + 32px) 0 auto 0; max-height: calc(100svh - var(--header-h) - 32px); }
}

.default-page, .page-404 { padding-block: clamp(56px, 8vw, 96px); }
.default-page__box { max-width: 760px; }
.default-page__box h1 { font-size: clamp(2.4rem, 5vw, 3.4rem); margin-bottom: 12px; }
.default-page__box h2 { margin: 40px 0 12px; }
.default-page__box p, .default-page__box li { color: var(--ink-2); margin-bottom: 12px; }
.default-page__box a { color: var(--accent); font-weight: 600; }
.page-404--inner-part { text-align: center; }
.page-404 .numeric-title { font-family: var(--display); font-size: clamp(4rem, 12vw, 8rem); font-weight: 400; }
.page-404 .page-notification { margin-top: 12px; color: var(--muted); }