:root{--color-bg:#f8f6f2;--color-white:#fff;--color-text:#202124;--color-text-light:#6b7280;--color-muted:#9ca3af;--color-accent:#556b5d;--color-accent-hover:#465a4d;--color-border:#e7e5e4;--container:1200px;--content:760px;--radius:18px;--transition:250ms ease-out}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:Inter,sans-serif;font-size:20px;line-height:1.75}
.container{width:min(var(--container),calc(100% - 48px));margin:auto}
a:focus-visible{outline:3px solid var(--color-accent);outline-offset:4px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}