html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body { color: var(--wp--preset--color--text); background: var(--wp--preset--color--surface); font-family: var(--wp--preset--font-family--body); font-size: var(--wp--preset--font-size--body); line-height: 1.85; letter-spacing: .02em; font-synthesis: none; overflow-wrap: anywhere; }
h1, h2, h3, h4 { color: var(--hri-ink); font-weight: 700; line-height: 1.5; }
h1 { font-size: var(--hri-h1); line-height: 1.4; }
h2 { font-size: var(--hri-h2); }
h3 { font-size: var(--hri-h3); }
a { color: var(--hri-primary); text-underline-offset: .2em; transition: color var(--hri-motion), background-color var(--hri-motion), border-color var(--hri-motion); }
a:hover { color: var(--wp--preset--color--primary-hover); }
:focus-visible { outline: 3px solid var(--wp--preset--color--focus); outline-offset: 3px; box-shadow: 0 0 0 2px var(--wp--preset--color--surface); }
[id] { scroll-margin-top: calc(var(--hri-header) + var(--wp--preset--spacing--space-6)); }
.c-prose { max-width: 760px; }
.c-prose p + p { margin-top: var(--wp--preset--spacing--space-6); }
.c-prose h2, .c-prose h3 { margin-block: var(--wp--preset--spacing--space-8) var(--wp--preset--spacing--space-4); }
.site-main { width: min(calc(100% - 2 * var(--hri-gutter)), 1200px); margin-inline: auto; padding-block: var(--hri-section); }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { transition-duration: 0s; animation: none; } }
