*, *::before, *::after { box-sizing: border-box; }
html { scroll-padding-block-start: 1rem; scrollbar-gutter: stable; }
body { margin: 0; color: var(--woow-text); background: var(--woow-surface); font-family: var(--woow-font); font-size: 1rem; line-height: 1.65; overflow-wrap: anywhere; }
h1, h2, h3, p { margin-block: 0; }
h1, h2, h3 { line-height: 1.13; font-weight: 600; letter-spacing: -0.035em; text-wrap: balance; }
h1 { font-size: var(--woow-heading); }
h2 { font-size: var(--woow-heading-2); }
h3 { font-size: var(--woow-text-large); }
a { color: inherit; text-underline-offset: 0.24em; }
:focus-visible { outline: 3px solid var(--woow-deep-teal); outline-offset: 4px; }
img, video { max-width: 100%; height: auto; }
iframe { max-width: 100%; }
pre, .wp-block-table { max-width: 100%; overflow-x: auto; }
input, select, textarea, button { font: inherit; max-width: 100%; min-width: 0; }
input, select, textarea { color: var(--woow-text); border: var(--woow-border); border-radius: var(--woow-radius); background: var(--woow-paper); padding: 0.65rem; }
button, input:not([type="checkbox"]):not([type="radio"]), select, summary { min-height: 44px; }
button, summary { cursor: pointer; }
.container { width: min(calc(100% - 2rem), var(--woow-container)); margin-inline: auto; }
.section { padding-block: var(--woow-section-space); }
.stack { display: flex; flex-direction: column; align-items: flex-start; gap: var(--woow-space-3); }
.cluster { display: flex; flex-wrap: wrap; align-items: center; gap: var(--woow-space-3); }
.cluster > *, .stack > * { min-width: 0; max-width: 100%; }
.lead { font-size: var(--woow-text-large); max-width: 40rem; line-height: 1.6; }
.eyebrow { font-size: var(--woow-text-small); font-weight: 650; letter-spacing: 0.13em; line-height: 1.5; }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 1rem; min-height: 48px; max-width: 100%; border: 1px solid var(--woow-deep-teal); border-radius: var(--woow-radius); padding: 0.8rem 1.25rem; color: var(--woow-surface); background: var(--woow-deep-teal); font-weight: 600; line-height: 1.4; text-decoration: none; text-align: center; }
.button:hover { text-decoration: underline; }
.button-gold { color: var(--woow-deep-teal); background: var(--woow-gold); border-color: var(--woow-gold); }
.text-link { display: inline-flex; align-items: center; gap: 0.6rem; min-height: 44px; font-weight: 600; }
.chip { display: inline-block; border: var(--woow-border); border-radius: 2rem; padding: 0.3rem 0.8rem; font-size: var(--woow-text-small); }
.screen-reader-text { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.skip-link:focus { position: fixed; inset-block-start: 1rem; inset-inline-start: 1rem; width: auto; height: auto; padding: 1rem; margin: 0; clip-path: none; background: var(--woow-surface); z-index: 10000; }
.editorial-content > * + * { margin-block-start: 1.5rem; }
.editorial-content > :where(p, ul, ol, h2, h3, h4, blockquote) { max-width: var(--woow-reading-width); }
.editorial-content .alignwide { width: 100%; }
.editorial-content .alignfull { width: auto; max-width: none; margin-inline: -1rem; }
.editorial-canvas { width: 100%; }
@media (min-width: 48rem) { .container { width: min(calc(100% - 4rem), var(--woow-container)); } .editorial-content .alignfull { margin-inline: -2rem; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }