:root{--bg:#f7f6f2;--card:#fff;--tx:#1c1c1a;--mu:#6b6a64;--ac:#1f6f5c;--ac2:#e8f2ee;--bd:#dcdad2}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#161715;--card:#1f211f;--tx:#ecebe5;--mu:#a09f97;--ac:#5fc4a8;--ac2:#1d2e29;--bd:#33362f}}
:root[data-theme="dark"]{--bg:#161715;--card:#1f211f;--tx:#ecebe5;--mu:#a09f97;--ac:#5fc4a8;--ac2:#1d2e29;--bd:#33362f}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--tx);font:16px/1.6 Georgia,"Times New Roman",serif}
main{max-width:720px;margin:0 auto;padding:20px 16px 24px}
h1{font-size:1.7rem;margin:.3em 0 .5em}h2{font-size:1.15rem;margin:1.4em 0 .4em}
a{color:var(--ac)}ul{padding-left:1.2em}li{margin:.3em 0}
.tag{display:inline-block;font:600 .75rem system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--ac);background:var(--ac2);padding:3px 10px;border-radius:99px;text-decoration:none}
footer{max-width:720px;margin:0 auto;padding:16px 16px 40px;border-top:1px solid var(--bd);color:var(--mu);font:.85rem/1.6 system-ui,sans-serif}
footer nav{display:flex;flex-wrap:wrap;gap:4px 6px}footer p{margin:.4em 0 0}