:root{color-scheme:light dark;--ink:#111;--ink-2:#6b6b6b;--ink-3:#b5b5b5;--ground:#fff}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--ink:#f2f2f2;--ink-2:#8f8f8f;--ink-3:#565656;--ground:#000}}
:root[data-theme="dark"]{--ink:#f2f2f2;--ink-2:#8f8f8f;--ink-3:#565656;--ground:#000}
*{box-sizing:border-box}
html,body{margin:0;background:var(--ground);color:var(--ink)}
body{font-family:"Source Sans 3",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;font-synthesis:none;-webkit-font-smoothing:antialiased;min-height:100svh}
.page{max-width:640px;margin:0 auto;padding:clamp(80px,16vh,160px) 24px 120px;display:grid;gap:14px}
h1{margin:0;font-size:19px;font-weight:600;line-height:1.3}
p{margin:0;font-size:17px;line-height:1.6;text-wrap:pretty}
a{color:inherit;text-decoration:underline;text-underline-offset:.2em;text-decoration-thickness:1px;text-decoration-color:var(--ink-3)}
a:hover{text-decoration-color:var(--ink)}
nav{display:flex;flex-wrap:wrap;gap:6px 20px;font-size:15px;margin-top:4px;color:var(--ink-2)}
nav a:hover{color:var(--ink)}
a:focus-visible,button:focus-visible{outline:2px solid var(--ink);outline-offset:4px;border-radius:2px}
::selection{background:var(--ink);color:var(--ground)}
.theme{position:fixed;top:20px;right:20px;width:14px;height:14px;padding:0;border:1.5px solid var(--ink-2);border-radius:50%;background:linear-gradient(90deg,var(--ink-2) 50%,transparent 50%);cursor:pointer}
.theme:hover{border-color:var(--ink);background:linear-gradient(90deg,var(--ink) 50%,transparent 50%)}