* { box-sizing: border-box; }
body { margin: 0; background: var(--background, #e7eaf3); color: var(--ink, #222332); font: 16px/1.7 system-ui, sans-serif; }
main { max-width: 900px; margin: 0 auto; padding: 32px 24px 64px; }
header, nav, footer { display: flex; align-items: center; flex-wrap: wrap; gap: 16px; }
header { justify-content: space-between; margin-bottom: 32px; }
a { color: inherit; text-underline-offset: 4px; }
a[aria-current] { font-weight: 700; }
article { padding: clamp(24px, 5vw, 48px); border: 1px solid var(--border, #a6a6b5); border-radius: 28px; background: var(--surface, rgba(127,127,127,.09)); }
h1 { font-size: clamp(26px, 5vw, 40px); line-height: 1.2; }
h2 { font-size: 21px; line-height: 1.4; }
section { margin-top: 32px; }
p { white-space: pre-wrap; overflow-wrap: anywhere; }
.version { font-size: 13px; }
footer { margin-top: 28px; }
a:focus-visible { outline: 3px solid var(--accent, #7650dd); outline-offset: 5px; border-radius: 4px; }