:root{--bg:#f4f1ea;--ink:#1c1b19;--mute:#6b665c;--rule:#d9d3c5;--accent:#2b4a6a;--measure:34rem}
@media (prefers-color-scheme:dark){:root{--bg:#161513;--ink:#e6e1d6;--mute:#9a938a;--rule:#2c2a26;--accent:#9fbbd6}}
*{box-sizing:border-box}
html{font-size:112.5%;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Georgia,"Iowan Old Style","Palatino Linotype","Book Antiqua",serif;line-height:1.6;padding:0 16px}
a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}
header,main,footer{max-width:var(--measure);margin:0 auto}
header{display:flex;justify-content:space-between;align-items:baseline;padding:1.25rem 0;border-bottom:1px solid var(--rule);font-size:.85rem;letter-spacing:.04em;text-transform:uppercase}
header .home{color:var(--ink);font-weight:bold}
header nav a{margin-left:1.2rem;color:var(--mute)}
main{padding:2.5rem 0 4rem}
h1{font-weight:normal;font-size:1.6rem;line-height:1.2;margin:0 0 1.2rem}
.hero .title{font-size:2.6rem;letter-spacing:-.01em;margin:2rem 0 .6rem}
.pitch{font-size:1.15rem;margin:0 0 1.4rem}
.blurb,.meta{color:var(--mute)}
.meta{font-size:.9rem}
.button{display:inline-block;border:1px solid var(--ink);color:var(--ink);padding:.55rem 1.1rem;margin:.6rem 0 1.4rem;border-radius:2px}
.button:hover{background:var(--ink);color:var(--bg);text-decoration:none}
.signup{border-top:1px solid var(--rule);padding-top:1.4rem;margin-top:1.2rem}
.signup label{display:block;margin-bottom:.5rem}
.signup div{display:flex;gap:.5rem;flex-wrap:wrap}
.signup input{flex:1 1 14rem;font:inherit;padding:.5rem .7rem;border:1px solid var(--rule);background:transparent;color:var(--ink);border-radius:2px}
.signup button{font:inherit;padding:.5rem 1rem;border:1px solid var(--ink);background:var(--ink);color:var(--bg);border-radius:2px;cursor:pointer}
.chapter .label{font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--mute);margin:0 0 .4rem}
.chapter .dateline{font-style:italic;margin:0 0 2rem;color:var(--mute)}
.chapter p{margin:0 0 1em;text-indent:0}
.chapter hr{border:0;text-align:center;margin:2.2rem 0;color:var(--mute)}
.chapter hr::before{content:"\2014"}
.chapter h1{font-size:1.4rem;margin-bottom:1.6rem}
.chapnav{display:flex;justify-content:space-between;gap:1rem;border-top:1px solid var(--rule);padding-top:1.4rem;margin-top:2.5rem;font-size:.95rem}
.chapnav .subscribe{margin-left:auto}
.note{margin-top:2.5rem;padding:1rem 1.2rem;border:1px solid var(--rule);font-size:.9rem;color:var(--mute)}
.note strong{color:var(--ink);font-weight:normal;font-style:italic}
.toc{list-style:none;padding:0;margin:0}
.toc li{padding:.45rem 0;border-bottom:1px solid var(--rule);display:flex;gap:1rem;align-items:baseline}
.toc li a{color:var(--ink);display:flex;gap:1rem;width:100%}
.toc .lab{flex:0 0 7.5rem;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}
.toc .soon{color:var(--mute)}
footer{border-top:1px solid var(--rule);padding:1.2rem 0 3rem;font-size:.85rem;color:var(--mute)}
@media (max-width:480px){html{font-size:106%}.hero .title{font-size:2.1rem}.toc .lab{flex-basis:6rem}header{flex-direction:column;gap:.4rem}header nav a{margin:0 1rem 0 0}}