html { scroll-behavior: smooth; }
body {
  background: var(--ww-color-canvas);
  color: var(--ww-color-text);
  font-family: var(--ww-font-family);
  font-size: var(--ww-font-body);
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
}
body.ww-scroll-locked { overflow: hidden; }
a { color: inherit; text-underline-offset: .25em; }
:focus-visible { outline: 2px solid var(--ww-color-focus); outline-offset: 5px; }
h1, h2, h3 { font-weight: var(--ww-font-weight-medium); letter-spacing: -.045em; text-wrap: balance; overflow-wrap: anywhere; }
h1 { font-size: var(--ww-font-h1); line-height: 1.06; }
h2 { font-size: var(--ww-font-h2); line-height: 1.1; }
h3 { font-size: 1.25rem; line-height: 1.25; letter-spacing: -.025em; }
section[id], main[id] { scroll-margin-top: calc(var(--ww-header-height) + var(--ww-admin-bar) + 24px); }
.ww-container { width: min(100% - var(--ww-gutter) * 2, var(--ww-container-max)); margin-inline: auto; }
.ww-section { padding-block: var(--ww-section-y); }
.ww-eyebrow { font-size: .75rem; letter-spacing: .25em; font-weight: var(--ww-font-weight-semibold); }
.ww-icon { width: 24px; height: 24px; flex: 0 0 auto; }
.ww-skip-link { position: fixed; top: 8px; left: 16px; padding: 16px; background: var(--ww-color-surface); z-index: var(--ww-z-toast); transform: translateY(-150%); }
.ww-skip-link:focus { transform: none; }
.ww-section-heading { margin-bottom: var(--ww-space-8); }
.ww-section-heading h2 { max-width: 19ch; }
.ww-section-heading p { max-width: 44ch; margin-top: var(--ww-space-6); color: var(--ww-color-text-muted); font-size: var(--ww-font-body-large); }
.ww-document { padding-block: var(--ww-space-12); max-width: var(--ww-container-reading); }
.ww-document h1 { margin-bottom: var(--ww-space-8); }
@media (min-width: 1024px) {
  .ww-section-heading { display: grid; grid-template-columns: 1.5fr 1fr; align-items: end; gap: var(--ww-space-10); margin-bottom: var(--ww-space-10); }
  .ww-section-heading p { margin-top: 0; padding-bottom: var(--ww-space-1); }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}