:root { color-scheme: light; font-family: system-ui, -apple-system, BlinkMacSystemFont, "Hiragino Sans", sans-serif; color: #17221c; background: #f8faf7; }
body { margin: 0; line-height: 1.7; }
.page { width: min(44rem, calc(100% - 2rem)); margin: 0 auto; padding: 2rem 0 3rem; }
header, footer { border-color: #cbd8ce; border-style: solid; border-width: 0; }
header { border-bottom-width: 1px; } footer { border-top-width: 1px; margin-top: 2rem; padding-top: 1rem; }
nav ul { display: flex; flex-wrap: wrap; gap: .75rem; padding: 0; list-style: none; }
a { color: #075f42; } a:focus-visible { outline: 3px solid #f6a700; outline-offset: 3px; }
h1, h2 { line-height: 1.3; } h1 { margin-top: 0; } section { margin-top: 2rem; }
.skip-link { position: absolute; left: -9999px; } .skip-link:focus { left: 1rem; top: 1rem; background: white; padding: .5rem; }