:root{ --ink:#221b16; --sepia:#2b211b; --paper:#f3eee6; --gold:#b98e53; --accent:#7b5df5; }
*{box-sizing:border-box} html,body{margin:0;padding:0}
body{font-family:'EB Garamond',serif;color:var(--ink);background:var(--paper)}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
.site-header{position:sticky;top:0;background:rgba(243,238,230,.9);backdrop-filter:saturate(150%) blur(4px);border-bottom:1px solid #e6dfd4;z-index:10}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;height:64px}
.brand{font-weight:700;letter-spacing:.3px;text-decoration:none;color:var(--ink)}
.brand .star{color:var(--gold);margin-right:6px}
nav a{margin-left:18px;text-decoration:none;color:var(--ink);font-family:Inter,system-ui,sans-serif;font-weight:600}
.btn{background:var(--ink);color:#fff;padding:10px 14px;border-radius:10px;text-decoration:none;display:inline-block}
.btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--ink)}
.btn.block{display:block;width:100%}
.small{opacity:.7;font-family:Inter,system-ui,sans-serif}
.hidden{display:none}
.page{padding:36px 0}
.card{background:rgba(255,255,255,.7);padding:18px;border-radius:14px;border:1px solid #e7e0d7}
.excerpt,.post{background:#fff;border:1px solid #e7e0d7;border-radius:12px;padding:14px;margin:16px 0}
.events li{margin:10px 0}
.site-footer{padding:30px 0;border-top:1px solid #e6dfd4;margin-top:40px}
@media (max-width:840px){ .hero h1{font-size:36px} }


/* Chapter page refinements */
.chapter-section{margin:28px 0; background:#fff; border:1px solid #e7e0d7; border-radius:12px; padding:18px}
.callout{background:rgba(255,255,255,.75); border-left:3px solid var(--gold); padding:12px 14px; margin:14px 0; border-radius:8px}
.callout h3{margin:0 0 8px 0; font-family:Inter,system-ui,sans-serif}
.poem{font-style:italic; background:#fbf8f3; border:1px dashed #d8cfc4; padding:12px; border-radius:10px; margin:14px 0}
.chapter-section h2{margin-top:4px}