:root{--ink:#1a1a1a;--ink-2:#4a4a4a;--rule:#e0ddd6;--ground:#faf8f4;--brand:#14406F}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--ink:#e9e6e0;--ink-2:#a8a49c;--rule:#33302b;--ground:#14130f;--brand:#7fb3d9}}
:root[data-theme="dark"]{--ink:#e9e6e0;--ink-2:#a8a49c;--rule:#33302b;--ground:#14130f;--brand:#7fb3d9}
*{box-sizing:border-box}
body{margin:0;background:var(--ground);color:var(--ink);font:400 17px/1.6 Georgia,'Times New Roman',serif}
.shell{width:min(100% - 48px,720px);margin-inline:auto}
.site-header{border-bottom:1px solid var(--rule);padding:20px 0;margin-bottom:48px}
.brand{font:700 20px/1 system-ui,sans-serif;color:var(--ink);text-decoration:none;letter-spacing:-.01em}
main{padding-bottom:72px}
h1{font:700 34px/1.15 system-ui,sans-serif;letter-spacing:-.02em;margin:0 0 24px}
h2{font:600 20px/1.25 system-ui,sans-serif;margin:36px 0 10px}
p,li{max-width:66ch;margin:0 0 14px;color:var(--ink-2)}
a{color:var(--brand);text-underline-offset:2px}
:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.skip{position:absolute;left:-9999px;top:8px;background:var(--ground);padding:12px 16px;border-radius:6px;z-index:99}
.skip:focus{left:16px}
.site-footer{border-top:1px solid var(--rule);padding:24px 0;font:400 14px/1.5 system-ui,sans-serif;color:var(--ink-2)}