:root{--paper:oklch(97.5% 0.012 85);--ink:oklch(20% 0.02 60);--ink-2:oklch(44% 0.02 60);--rule:oklch(87% 0.015 80);--accent:oklch(48% 0.18 264);--surface:oklch(100% 0 0);--serif:ui-serif,"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;--sans:ui-sans-serif,-apple-system,"Segoe UI",Inter,Roboto,sans-serif}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--paper:oklch(17% 0.012 70);--ink:oklch(93% 0.01 80);--ink-2:oklch(74% 0.012 80);--rule:oklch(30% 0.014 70);--accent:oklch(74% 0.15 262);--surface:oklch(21% 0.014 70)}}
:root[data-theme="dark"]{--paper:oklch(17% 0.012 70);--ink:oklch(93% 0.01 80);--ink-2:oklch(74% 0.012 80);--rule:oklch(30% 0.014 70);--accent:oklch(74% 0.15 262);--surface:oklch(21% 0.014 70)}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.65;padding:3rem 1rem}
main{max-width:42rem;margin:auto;background:var(--surface);border:1px solid var(--rule);border-radius:.75rem;padding:clamp(1.5rem,5vw,3rem);box-shadow:0 1px 2px oklch(20% 0.02 60 / 0.06),0 8px 24px -12px oklch(20% 0.02 60 / 0.18)}
h1{font-family:var(--serif);font-size:clamp(1.8rem,5vw,2.6rem);line-height:1.1;margin:0 0 1rem}
h2{font-family:var(--serif);margin-top:2rem;font-size:1.25rem}
p{color:var(--ink-2)}
a{color:var(--accent);font-weight:600}
.back{display:inline-block;margin-bottom:1.5rem;font-size:.9rem}
.actions{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--rule)}