:root{color-scheme:light dark;--ink:#111;--ink-2:#6b6b6b;--ink-3:#b5b5b5;--ground:#fff;--accent:#5b7cff}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--ink:#f2f2f2;--ink-2:#8f8f8f;--ink-3:#565656;--ground:#000;--accent:#8fafff}}
:root[data-theme="dark"]{--ink:#f2f2f2;--ink-2:#8f8f8f;--ink-3:#565656;--ground:#000;--accent:#8fafff}
*{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;display:flex;align-items:center;gap:8px}
.dot{width:7px;height:7px;border-radius:50%;background:var(--accent);flex:none}
p{margin:0;font-size:17px;line-height:1.6;text-wrap:pretty}
section{margin-top:28px;display:grid;gap:10px}
h2{margin:0;font-size:15px;font-weight:400;color:var(--ink-2)}
dl{margin:0;display:grid;gap:10px}
dl>div{display:grid;grid-template-columns:auto 1fr auto;gap:4px 16px;align-items:baseline;font-size:17px;line-height:1.5}
dt{font-weight:600}
dd{margin:0}
.when{color:var(--ink-2);font-variant-numeric:tabular-nums;font-size:15px}
@media (max-width:480px){dl>div{grid-template-columns:1fr}.when{display:none}}
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:28px;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%)}