:root { --ground:#2b2420; --ink:#efe6d4; --ink-dim:#b9ad99; --rule:#4a4038; --amber-hi:#f6b06a; --amber:#e08a3c; --amber-lo:#b3541c; }
* { box-sizing: border-box; }
html, body { margin:0; background:var(--ground); color:var(--ink); font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,Arial,sans-serif; -webkit-font-smoothing:antialiased; }
main { max-width:38rem; margin:0 auto; padding:2.5rem 1.5rem 3rem; }
.top { display:flex; align-items:center; gap:.8rem; text-decoration:none; color:var(--ink); margin-bottom:2rem; }
.top .orb { width:2.2rem; height:2.2rem; border-radius:50%; background:radial-gradient(circle at 38% 32%,var(--amber-hi) 0%,var(--amber) 42%,var(--amber-lo) 100%); }
.top span { font-weight:700; font-size:1.3rem; }
h1 { font-size:2.2rem; margin:0 0 .3rem; line-height:1.1; }
.meta { color:var(--ink-dim); margin:0 0 2rem; }
h2 { font-size:1.25rem; margin:2rem 0 .6rem; color:var(--amber-hi); }
p, li { font-size:1.08rem; line-height:1.55; }
p { margin:0 0 1rem; }
ol, ul { padding-left:1.4rem; margin:0 0 1rem; }
li { margin-bottom:.5rem; }
a { color:var(--amber-hi); text-decoration:none; border-bottom:1px solid var(--rule); }
hr { border:0; border-top:1px solid var(--rule); margin:2.2rem 0; }
footer { color:var(--ink-dim); font-size:.9rem; text-align:center; margin-top:2.5rem; }
footer a { color:var(--ink-dim); margin:0 .5rem; }