:root{
  --bg:#120f12;
  --panel:#1d171d;
  --text:#f2e9e4;
  --muted:#c8b8b0;
  --accent:#b86b5e;
  --accent2:#d5a373;
  --line:#3a2e35;
}
*{box-sizing:border-box}
body{
  margin:0;
  font-family: Georgia, 'Times New Roman', serif;
  background: radial-gradient(circle at top, #241a21 0, var(--bg) 42%, #0b090b 100%);
  color:var(--text);
  line-height:1.7;
}
a{color:var(--accent2); text-decoration:none}
a:hover{text-decoration:underline}
.site-header{
  padding:3.5rem 1.25rem 2rem;
  text-align:center;
  border-bottom:1px solid var(--line);
  background:linear-gradient(180deg, rgba(184,107,94,.18), rgba(0,0,0,0));
}
.site-header h1{margin:0; font-size:clamp(2.2rem,5vw,4rem); letter-spacing:.04em}
.site-header p{margin:.5rem auto 0; max-width:760px; color:var(--muted); font-size:1.15rem}
.navbar{
  position:sticky; top:0; z-index:5;
  background:rgba(18,15,18,.95);
  border-bottom:1px solid var(--line);
  padding:.75rem 1rem;
  text-align:center;
  backdrop-filter: blur(8px);
}
.navbar a{display:inline-block; margin:.25rem .45rem; font-size:.95rem}
.container{max-width:900px; margin:0 auto; padding:2.25rem 1.25rem 4rem}
.card{
  background:rgba(29,23,29,.78);
  border:1px solid var(--line);
  border-radius:18px;
  padding:clamp(1.25rem,3vw,2.25rem);
  box-shadow:0 18px 55px rgba(0,0,0,.25);
}
h1.chapter-title{font-size:clamp(2rem,4vw,3.25rem); line-height:1.15; margin-top:0}
h2{color:var(--accent2); margin-top:2rem}
p{font-size:1.08rem; margin:1.05rem 0}
.chapter-list{display:grid; gap:.75rem; margin-top:2rem}
.chapter-list a{
  display:block; padding:1rem 1.1rem; border:1px solid var(--line); border-radius:12px;
  background:rgba(255,255,255,.025);
}
.chapter-list small{display:block; color:var(--muted); margin-top:.25rem}
.pager{display:flex; justify-content:space-between; gap:1rem; margin-top:2.5rem; padding-top:1.5rem; border-top:1px solid var(--line)}
.pager a{border:1px solid var(--line); border-radius:999px; padding:.65rem 1rem; background:rgba(255,255,255,.03)}
blockquote{border-left:4px solid var(--accent); margin:1.5rem 0; padding:.25rem 0 .25rem 1rem; color:var(--muted); font-style:italic}
.footer{text-align:center; color:var(--muted); font-size:.9rem; padding:2rem 1rem; border-top:1px solid var(--line)}
@media(max-width:600px){.pager{flex-direction:column}.navbar{position:static}}