:root{--bg:#f3efe4;--paper:#fffdf8;--ink:#263137;--muted:#6c716d;--line:#d8d0c0;--accent:#6b5135;--fs:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Georgia,'Times New Roman',serif;font-size:var(--fs);padding-bottom:86px}
a{color:inherit}.shell{max-width:1080px;margin:auto;padding:26px}.hero{display:grid;grid-template-columns:280px 1fr;gap:44px;align-items:center;padding:24px 0 32px}
.cover{width:100%;border-radius:4px;box-shadow:0 12px 35px #0002}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font:600 .72rem system-ui;color:var(--muted)}
h1{font-size:3.5rem;line-height:.98;margin:.35rem 0 1rem}h2{font-size:2rem}h3{font-size:1.35rem}.lede{font-size:1.2rem;line-height:1.6;max-width:700px}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0}.btn,.chip{display:inline-block;border:1px solid var(--ink);border-radius:999px;padding:.72rem 1rem;text-decoration:none;font-family:system-ui;background:transparent}.btn.primary{background:var(--ink);color:white}
.divider{border-top:1px solid var(--line);margin:22px 0}.az{display:flex;gap:8px;flex-wrap:wrap}.az a{min-width:38px;text-align:center;text-decoration:none;border:1px solid var(--line);border-radius:999px;padding:7px 10px;background:#ffffff80}
.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card{display:block;text-decoration:none;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:15px 18px}.card small{display:block;font:400 .78rem system-ui;color:var(--muted);margin-top:5px}
.readerwrap{max-width:900px;margin:auto;padding:18px 24px}.chapter-tools{display:flex;justify-content:space-between;font:500 .85rem system-ui;color:var(--muted);gap:20px;margin-bottom:14px}.reader{background:var(--paper);border-radius:14px;padding:48px 58px;box-shadow:0 8px 32px #0000000c;line-height:1.62;min-height:70vh}
.reader img{max-width:100%;height:auto}.reader p{margin:.7em 0}.reader li{margin:.35em 0}.reader h1,.reader h2,.reader h3{line-height:1.15}.reader a[href="#/"]{font-family:system-ui}
.searchbox{width:100%;font-size:1.05rem;padding:14px 16px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink)}.result{padding:15px 0;border-bottom:1px solid var(--line)}.result a{text-decoration:none}.snippet{font-size:.9rem;color:var(--muted);margin-top:5px;line-height:1.45}
.bottom{position:fixed;left:50%;bottom:10px;transform:translateX(-50%);z-index:20;display:flex;background:#f5f0e4ee;backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:18px;box-shadow:0 6px 25px #0001;overflow:hidden}.bottom a,.bottom button{width:92px;border:0;background:none;padding:11px 8px;text-align:center;text-decoration:none;color:var(--ink);font-size:1.15rem}.bottom span{display:block;font:500 .68rem system-ui;margin-top:3px}.panel{position:fixed;z-index:25;bottom:82px;left:50%;transform:translateX(-50%);background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:10px;box-shadow:0 8px 25px #0002}.panel button{padding:8px 12px;margin:3px}.hidden{display:none}
body.dark{--bg:#1d211f;--paper:#272d2a;--ink:#eef0e9;--muted:#b6bbb4;--line:#4a514c}
@media(max-width:720px){.shell{padding:18px}.hero{grid-template-columns:1fr;gap:24px}.cover{max-width:240px;margin:auto}h1{font-size:2.65rem}.cards{grid-template-columns:1fr}.readerwrap{padding:10px}.reader{padding:28px 22px}.bottom{bottom:5px}.bottom a,.bottom button{width:77px}.chapter-tools{font-size:.72rem}}

.reader-top{
  font:600 .78rem system-ui;
  color:var(--muted);
  margin:0 0 8px;
}
.reader-top a{
  text-decoration:none;
}
.reader-top a:hover{
  text-decoration:underline;
}

.writing-title{
  font-size:2rem;
  font-weight:700;
  line-height:1.15;
  margin:0 0 1.25rem;
  padding-bottom:.65rem;
  border-bottom:1px solid var(--line);
}