/* The public pages. Tokens from docs/THEME.md: canvas, raised, inkPrimary, inkSecondary, inkAccent. */
:root { color-scheme: light dark; --canvas: #CBDDE9; --raised: #E6EEF4; --ink: #0F2537; --ink2: #41596C; --link: #1E5A80; }
@media (prefers-color-scheme: dark) { :root { --canvas: #0B1E2C; --raised: #143A54; --ink: #EAF1F6; --ink2: #A9C0D1; --link: #7FB6DB; } }
body { margin: 0; padding: 2rem 1rem 4rem; background: var(--canvas); color: var(--ink); font: 17px/1.5 -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif; }
main { max-width: 40rem; margin: 0 auto; }
nav { display: flex; gap: 1rem; flex-wrap: wrap; margin-bottom: 2rem; font-size: .95rem; }
h1 { font-size: 1.8rem; line-height: 1.2; margin: 0 0 .25rem; }
h2 { font-size: 1.2rem; margin: 2rem 0 .5rem; }
.meta { color: var(--ink2); margin: 0 0 1.5rem; }
a { color: var(--link); }
table { border-collapse: collapse; width: 100%; }
th, td { text-align: left; padding: .4rem .6rem .4rem 0; border-bottom: 1px solid var(--ink2); vertical-align: top; }
pre { white-space: pre-wrap; background: var(--raised); padding: 1rem; border-radius: 12px; font-size: .85rem; }