/* WordPress integration only; the visual system stays in site.css. */
.nav a[aria-current="page"] { color: var(--blue); }
.page .post h2 { margin: 38px 0 16px; font-size: 22px; font-weight: 600; line-height: 1.18; letter-spacing: -.025em; }
.navigation.pagination { margin-top: 48px; }
.nav-links { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.page-numbers { display: inline-grid; min-width: 44px; min-height: 44px; place-items: center; border: 1px solid var(--line); border-radius: 999px; color: var(--ink); text-decoration: none; }
.page-numbers.current { background: var(--blue); border-color: var(--blue); color: #fff; }
.wp-block-image img, .prose img { max-width: 100%; height: auto; }
.alignwide { width: min(100%, 1200px); margin-inline: auto; }
.alignfull { width: 100%; }
.screen-reader-text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; }
.screen-reader-text:focus { z-index: 100000; width: auto; height: auto; clip: auto; padding: 12px 16px; background: #fff; color: #000; }
body.admin-bar .mdl { padding-top: 32px; }

@media (max-width: 782px) {
  body.admin-bar .mdl { padding-top: 46px; }
}