*{box-sizing:border-box}body{margin:0;background:#0e0f0d;color:#d8d4c8;font:700 19px/1.65 "Helvetica Neue",Arial,"Liberation Sans",sans-serif}
a{color:#c9a227}header,footer{padding:14px 18px;background:#161713;border-bottom:3px solid #5a1a12;text-transform:uppercase;letter-spacing:.08em}
footer{border:0;border-top:3px solid #5a1a12;font-size:15px;text-align:center;margin-top:40px}
header a{text-decoration:none;color:#e8e2d0;margin-right:16px}main{max-width:760px;margin:auto;padding:18px}
h1,h2,h3{text-transform:uppercase;letter-spacing:.04em;color:#f0ead8;line-height:1.2}h1{font-size:2em;border-left:6px solid #8b1e14;padding-left:12px}
p{font-weight:500;font-size:1.1em}.btn{display:inline-block;background:#8b1e14;color:#fff;padding:14px 22px;margin:6px 6px 6px 0;text-decoration:none;text-transform:uppercase;border:2px solid #c9a227}
.nav{display:flex;justify-content:space-between;gap:8px;margin:20px 0}.nav a,.nav span{flex:1;text-align:center;background:#23241e;padding:14px 8px;text-decoration:none;text-transform:uppercase;border:1px solid #444}.nav span{opacity:.3}
.cover{width:100%;display:block;border:2px solid #333}ul.toc{list-style:none;padding:0}ul.toc li a{display:block;padding:14px;border-bottom:1px solid #333;text-decoration:none;color:#e8e2d0}
.cpage{width:100%;display:block}.comic main{max-width:1000px;padding:0}.comic .nav{padding:0 10px;position:sticky;bottom:0;background:#0e0f0d;margin:0;padding:8px}
.chgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.chgrid img{width:100%}