:root{--page:#fbf4e6;--band:#2e7d7a;--cream:#f6e8cf;--card:#fffaf0;--ink:#3a2a20;--muted:#7a6553;--orange:#dc6230;--gold:#eba43d;--soft:#f3e4c9;color-scheme:light}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--page);color:var(--ink);font-family:"Space Mono",ui-monospace,monospace;line-height:1.7;font-size:15px}
a{color:var(--orange)}
.site-nav{background:var(--band);border-bottom:3px solid var(--ink)}
.site-nav .in{max-width:760px;margin:0 auto;padding:12px 16px;display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px}
.site-nav .logo{font-family:"Shrikhand",Georgia,serif;color:var(--cream);font-size:1.5rem;text-decoration:none;margin-right:auto;line-height:1}
.site-nav a.l{color:var(--cream);text-decoration:none;font-weight:700;font-size:.9rem}
.site-nav a.l:hover,.site-nav a.l[aria-current]{text-decoration:underline}
.article{max-width:680px;margin:0 auto;padding:36px 16px 48px}
.article h1{font-family:"Shrikhand",Georgia,serif;font-weight:400;color:var(--orange);font-size:clamp(2rem,8vw,2.8rem);line-height:1.15;margin:0 0 10px}
.article .lead{font-size:1.05rem;color:var(--muted);margin:0 0 26px}
.article h2{font-size:1.1rem;color:var(--orange);margin:30px 0 6px}
.article p,.article li{margin:0 0 14px}
.article ul{padding-left:20px}
.box{background:var(--card);border:2px solid var(--ink);box-shadow:6px 6px 0 var(--ink);padding:16px 18px;margin:28px 0}
.btn{display:inline-block;padding:12px 20px;font-weight:700;border:2px solid var(--ink);background:var(--ink);color:var(--soft);text-decoration:none}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-top:20px}
.cards a{display:block;background:var(--card);border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink);padding:14px 16px;color:var(--ink);text-decoration:none}
.cards a strong{display:block;font-family:"Shrikhand",Georgia,serif;font-weight:400;color:var(--orange);font-size:1.4rem}
.cards a span{font-size:.85rem;color:var(--muted)}
.more{margin-top:34px;border-top:2px dashed var(--ink);padding-top:18px}
.site-foot{border-top:3px solid var(--ink);background:var(--cream);margin-top:20px}
.site-foot .in{max-width:760px;margin:0 auto;padding:22px 16px 30px;font-size:.85rem;color:var(--muted)}
.site-foot nav{display:flex;flex-wrap:wrap;gap:6px 18px;margin-bottom:10px}
.site-foot a{color:var(--ink);font-weight:700}
.updated{font-size:.8rem;color:var(--muted)}
@media (max-width:520px){.site-nav .in{gap:4px 16px;padding:10px 16px 12px}.site-nav .logo{flex-basis:100%;margin:0 0 4px}.site-nav a.l{font-size:.85rem}}