body{font-family:comic neue,comic sans ms,cursive,sans-serif;margin:0;background:#fffef9;color:#222}.wrap{max-width:880px;margin:0 auto;padding:0 1rem}.site-header{background:#111;color:#fff}.site-header a{color:#ffe14d;text-decoration:none}.site-header ul{list-style:none;margin:0;padding:0;display:flex;gap:1rem}.site-header li{margin:0}.site-header a.active{text-decoration:underline}h1.logo{font-family:bangers,cursive;margin:0;font-size:1.9rem}main.content{padding:2rem 0 3rem}footer.site-footer{background:#111;color:#ccc;padding:1.5rem 0;font-size:.85rem}a{color:#005bbb}a:hover{color:#d40000}.post-list{padding-left:1rem}.post-list li{margin:.4rem 0}.meta{font-size:.8rem;opacity:.75}article.comic h1{font-family:bangers,cursive;letter-spacing:1px}.comic .panels{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:1rem 0 1.5rem}.comic figure{margin:0;border:2px solid #222;background:#fff;box-shadow:4px 4px #222}.comic img{width:100%;display:block}details.transcript{margin:1rem 0}details.transcript summary{cursor:pointer}.nav{margin-top:2rem;display:flex;justify-content:space-between}.nav a{background:#ffe14d;padding:.4rem .7rem;border:2px solid #222;box-shadow:3px 3px #222;text-decoration:none;color:#111;font-weight:700}.nav a:hover{transform:translate(-2px,-2px);box-shadow:5px 5px #222}pre{background:#f5f2e9;padding:.75rem;overflow-x:auto}@media(prefers-color-scheme:dark){body{background:#121212;color:#e2e2e2}.site-header,footer.site-footer{background:#000}.comic figure{background:#1e1e1e}a{color:#7ab6ff}a:hover{color:#ff8080}pre{background:#1e1e1e}.nav a{background:#ffc400}}