:root{--bg:#faf6ee;--ink:#2e2a25;--muted:#75695a;--line:#e3d9c8;--accent:#7a5a2e}
@media (prefers-color-scheme:dark){:root{--bg:#1c1a17;--ink:#e6dfd2;--muted:#a3978a;--line:#38332c;--accent:#d3ad72}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;font-size:1.15rem;line-height:1.75}
.wrap{max-width:38rem;margin:0 auto;padding:3rem 1.25rem 2rem}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
header.site{margin-bottom:2.5rem}
.brand{font-size:.95rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
h1{font-weight:normal;font-size:2.2rem;line-height:1.2;margin:.4rem 0 .3rem}
.ref{color:var(--muted);font-style:italic;margin:0 0 2rem}
.lead{color:var(--muted);margin:.5rem 0 0}
ul.readings{list-style:none;margin:0;padding:0}
ul.readings li{padding:1.1rem 0;border-top:1px solid var(--line)}
ul.readings li:last-child{border-bottom:1px solid var(--line)}
ul.readings a.title{font-size:1.3rem;display:block}
ul.readings .meta{color:var(--muted);font-size:.95rem;font-style:italic}
ul.readings .open{margin:.3rem 0 0;font-size:1rem}
.verse{margin:0 0 .9rem}
.verse sup{color:var(--muted);font-size:.68em;margin-right:.3em;font-family:system-ui,sans-serif}
nav.pager{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-top:2.5rem;padding-top:1.2rem;border-top:1px solid var(--line);font-size:1rem}
footer{margin-top:3rem;color:var(--muted);font-size:.9rem}