@import url("fonts.css");
:root{--bg:#FBFAFE;--ink:#1A1030;--mute:#5F5873;--line:#E6E1F0;--deep:#26104F;--on-deep:#FFFFFF;--on-deep-mute:#CFC4EA;--accent:#FF8A1F;--link:#6D28D9}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#120A24;--ink:#F2EEFB;--mute:#A99FC4;--line:#2E2150;--deep:#1E0D45;--link:#C4A7FF;color-scheme:dark}}
:root[data-theme="dark"]{--bg:#120A24;--ink:#F2EEFB;--mute:#A99FC4;--line:#2E2150;--deep:#1E0D45;--link:#C4A7FF;color-scheme:dark}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:400 1.0625rem/1.65 "Geist","Segoe UI",Helvetica,Arial,sans-serif}
.w{max-width:760px;margin-inline:auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
header,footer{background:var(--deep);color:var(--on-deep-mute)}
header .w,footer .w{padding-block:20px}
.logo{font:400 1.625rem/1 "Instrument Serif",Georgia,serif;color:var(--on-deep);text-decoration:none;display:inline-flex;align-items:center;gap:10px}
.logo em{color:var(--accent)}
main{padding-block:56px 72px}
h1{font-family:"Instrument Serif",Georgia,serif;}h1,h2{line-height:1.15;margin:0}
h1{font-size:3.25rem;font-weight:400;letter-spacing:-.02em}
h2{font-size:1.25rem;font-weight:700;margin-top:36px}
p{margin:10px 0 0;color:var(--mute)}
a{color:var(--link)}
footer a{color:var(--on-deep-mute);margin-right:20px;font-size:.9375rem}
h2{font-weight:600}
main p{max-width:64ch}
mark.todo{background:#FFE08A;color:#1A1030;padding:0 4px;border-radius:4px}