:root { --ink:#2b1f4a; --bg:#f4efff; --card:#ffffff; --accent:#8b7bf0; }
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--ink); font:16px/1.65 ui-monospace, "SF Mono", Menlo, Consolas, monospace; }
main { max-width:720px; margin:32px auto; padding:0 16px; }
.card { background:var(--card); border:2px solid var(--ink); box-shadow:5px 5px 0 var(--ink); padding:24px; }
h1 { margin-top:0; font-size:1.6rem; }
h2 { font-size:1.1rem; margin-top:1.8em; }
a { color:var(--ink); text-decoration-color:var(--accent); text-decoration-thickness:2px; }
nav { display:flex; gap:16px; flex-wrap:wrap; margin-bottom:16px; }
footer { margin:24px 0; font-size:.85rem; }
.muted { opacity:.75; }