html { color: var(--color-text); background: var(--color-surface); font-family: var(--font-body); line-height: 1.6; }
body { min-width: 320px; overflow-x: clip; background: var(--color-surface); }
a { text-decoration-thickness: .08em; text-underline-offset: .2em; }
button, a { -webkit-tap-highlight-color: transparent; }
:focus-visible { outline: 3px solid var(--color-focus); outline-offset: 4px; }
[id] { scroll-margin-top: 6rem; }
.shell { width: min(var(--layout-max), calc(100% - (var(--layout-gutter) * 2))); margin-inline: auto; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.skip-link { position: fixed; z-index: 999; top: .75rem; left: .75rem; padding: .75rem 1rem; color: var(--color-brand-wine); background: #fff; border-radius: var(--radius-sm); transform: translateY(-160%); }
.skip-link:focus { transform: none; }
.section-dark { color: #fffaf8; background: var(--color-brand-wine-deep); }