:root{--ink:#2b2620;--paper:#faf6ef;--accent:#7a3b2e;--muted:#6b6255;--line:#e4dbcb;}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 Georgia,'Times New Roman',serif;}
header.site{padding:2rem 1.5rem 1rem;text-align:center;border-bottom:1px solid var(--line)}
header.site img.logo{max-height:70px}
header.site h1{font-size:1.6rem;margin:.5rem 0 .2rem}
header.site p.tag{color:var(--muted);font-style:italic;margin:0}
nav.crumb{max-width:760px;margin:1rem auto 0;padding:0 1.5rem;font:14px/1.4 -apple-system,sans-serif;color:var(--muted)}
nav.crumb a{color:var(--accent);text-decoration:none}
main{max-width:760px;margin:0 auto;padding:1.5rem}
main.wide{max-width:920px}
h2{color:var(--accent)}
.book-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1.5rem;margin-top:1.5rem}
.book-card{text-align:center;text-decoration:none;color:var(--ink)}
.book-card img{width:100%;max-width:150px;border:1px solid var(--line);box-shadow:0 2px 6px rgba(0,0,0,.12)}
.book-card span{display:block;margin-top:.5rem;font-size:.95rem}
.chapter-list{list-style:none;padding:0;margin-top:1rem}
.chapter-list li{padding:.6rem 0;border-bottom:1px solid var(--line)}
.chapter-list a{color:var(--accent);text-decoration:none;font-size:1.05rem}
.chapter-list a:hover{text-decoration:underline}
.story-body p{margin:0 0 1.1em}
.story-nav{display:flex;justify-content:space-between;margin:2.5rem 0 1rem;font:14px/1.4 -apple-system,sans-serif}
.story-nav a{color:var(--accent);text-decoration:none}
footer.site{max-width:760px;margin:2rem auto;padding:1.5rem;text-align:center;color:var(--muted);font:14px/1.4 -apple-system,sans-serif;border-top:1px solid var(--line)}
.archived-badge{display:inline-block;background:#eee2cf;color:#6b4a1f;font:12px -apple-system,sans-serif;padding:2px 8px;border-radius:10px;margin-bottom:.5rem}