@layer base {
  body { background: var(--z-color-canvas); color: var(--z-color-ink); font-family: var(--z-font-sans); line-height: 1.65; text-rendering: optimizeLegibility; }
  h1, h2, h3, h4 { line-height: 1.12; text-wrap: balance; }
  p, li { text-wrap: pretty; }
  :focus-visible { outline: 3px solid var(--z-color-focus); outline-offset: 3px; }
  .entry-content > * { margin-block-start: 1.25rem; }
  .entry-content > :first-child { margin-block-start: 0; }
  .screen-reader-text { border: 0; clip: rect(1px,1px,1px,1px); clip-path: inset(50%); height: 1px; overflow: hidden; padding: 0; position: absolute; width: 1px; white-space: nowrap; }
  .screen-reader-text:focus { clip: auto; clip-path: none; height: auto; left: 1rem; top: 1rem; width: auto; z-index: 100000; background: #fff; color: #000; padding: .75rem 1rem; }
  body.menu-is-open { overflow: hidden; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}