@font-face{font-family:Lora;src:url(/fonts/lora.woff2) format("woff2");font-weight:400 700;font-style:normal;font-display:swap}
@font-face{font-family:Lora;src:url(/fonts/lora-italic.woff2) format("woff2");font-weight:400 700;font-style:italic;font-display:swap}
:root{--bg:#faf7f2;--fg:#2b2a27;--muted:#76716a;--accent:#3f5b4a;--line:#e6dfd3;--card:#fffdf9}
@media (prefers-color-scheme:dark){:root{--bg:#1d1c1a;--fg:#e9e4da;--muted:#a59e92;--accent:#9cc3a8;--line:#36332e;--card:#24221f}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font:18px/1.7 Lora,Georgia,"Iowan Old Style","Times New Roman",serif}
.wrap{max-width:720px;margin:0 auto;padding:0 20px}
a{color:var(--accent)}
.site-header{border-bottom:1px solid var(--line);padding:28px 0 18px;margin-bottom:28px}
.brand{font-size:1.6rem;font-weight:bold;text-decoration:none;color:var(--fg)}
.tagline{display:block;color:var(--muted);font-style:italic;font-size:.95rem}
nav{margin-top:10px;font-family:system-ui,sans-serif;font-size:.9rem}
nav a{margin-right:18px;text-decoration:none}
.intro{color:var(--muted);margin-bottom:10px}
.card{background:var(--card);border:1px solid var(--line);border-radius:6px;padding:18px 22px;margin:18px 0}
.card h2{margin:.2em 0 .3em;font-size:1.3rem;line-height:1.3}
.card h2 a{text-decoration:none;color:var(--fg)}
.card p{margin:.3em 0}
.meta{font-family:system-ui,sans-serif;font-size:.8rem;color:var(--muted);margin:0}
.tag{display:inline-block;margin-left:8px;padding:0 8px;border:1px solid var(--line);border-radius:10px}
.post h1{line-height:1.25;margin:.3em 0 .6em}
.post h2{font-size:1.25rem;margin-top:1.6em}
.booklist li{margin:.35em 0}
.verdict{border-left:3px solid var(--accent);padding-left:14px;color:var(--muted)}
.back{margin-top:2.5em;font-family:system-ui,sans-serif;font-size:.9rem}
.hero{margin:0 0 24px}.hero img,.cover img,.thumb img{display:block;width:100%;height:auto;border-radius:6px}
.cover{margin:0 0 1.4em}.thumb{display:block;margin:-18px -22px 14px}.thumb img{border-radius:6px 6px 0 0}
.site-footer{border-top:1px solid var(--line);margin-top:48px;padding:22px 0;color:var(--muted);font-size:.85rem;font-family:system-ui,sans-serif}
