/* Structural baseline only. Visual design belongs to Claude Design (Fable). */
*, *::before, *::after { box-sizing: border-box; }
html { color: var(--fhc-color-text); background: var(--fhc-color-background); }
body { margin: 0; font-family: system-ui, sans-serif; line-height: 1.6; }
img { max-width: 100%; height: auto; }
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible { outline: 3px solid var(--fhc-color-focus); outline-offset: 3px; }
.skip-link { position: absolute; left: -10000px; top: auto; }
.skip-link:focus { left: var(--fhc-space); top: var(--fhc-space); z-index: 100000; background: var(--fhc-color-background); padding: var(--fhc-space); }
.site-header, .site-main, .site-footer { width: min(100% - 2rem, var(--fhc-content-width)); margin-inline: auto; padding-block: var(--fhc-space); }