:root{--vellum:#f4ecdc;--vellum-deep:#e9dcc2;--sepia-ink:#2b2118;--oxblood:#7a1f1f;--verdigris:#2f6b5e;--faded:#6d5d4b;--rule-brown:#cbb894}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--vellum);color:var(--sepia-ink);font:18px/1.72 "Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif}
a{color:var(--oxblood);text-decoration-thickness:1px;text-underline-offset:3px}a:hover{color:var(--verdigris)}
.colophon-band{border-bottom:3px double var(--rule-brown);text-align:center;padding:30px 16px 18px}
.ledger-title{display:inline-block;font:400 clamp(30px,6vw,48px)/1.05 "Iowan Old Style",Palatino,Georgia,serif;letter-spacing:.04em;color:var(--sepia-ink);text-decoration:none;font-variant:small-caps}
.ledger-title::before,.ledger-title::after{content:"\2660";font-size:.45em;color:var(--oxblood);vertical-align:middle;margin:0 .5em}
.ledger-motto{margin:6px 0 14px;font-style:italic;color:var(--faded);font-size:16px}
.chapter-index{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 20px;font-size:15px;letter-spacing:.06em;text-transform:uppercase}
.chapter-index a{color:var(--sepia-ink);text-decoration:none}.chapter-index a:hover{color:var(--oxblood);text-decoration:underline}
.reading-desk{max-width:760px;margin:0 auto;padding:0 16px}
.frontispiece{padding:44px 0 18px;text-align:center}
.frontispiece h1{font:400 clamp(26px,4.8vw,40px)/1.18 "Iowan Old Style",Palatino,Georgia,serif;margin:0 0 14px;font-style:italic}
.frontispiece p{margin:0 auto;max-width:46ch;color:var(--faded)}
.contents-roll{list-style:none;margin:30px 0 80px;padding:0;counter-reset:leaf}
.contents-roll li{counter-increment:leaf;border-top:1px solid var(--rule-brown)}
.contents-roll li:last-child{border-bottom:1px solid var(--rule-brown)}
.contents-roll a{display:grid;grid-template-columns:64px 1fr;gap:2px 16px;padding:20px 4px;color:var(--sepia-ink);text-decoration:none}
.contents-roll a::before{content:counter(leaf,upper-roman);grid-row:span 3;font:400 26px/1 "Iowan Old Style",Palatino,Georgia,serif;color:var(--oxblood);padding-top:4px}
.contents-roll a:hover{background:var(--vellum-deep)}
.contents-roll strong{font-size:21px;line-height:1.3;font-weight:600}
.contents-roll span{color:var(--faded);font-size:15.5px;line-height:1.55}
.suit-mark{font:600 12px/1.6 "Gill Sans","Trebuchet MS",sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--verdigris)}
.essay-leaf{margin:40px 0 80px}
.essay-leaf h1{font:400 clamp(28px,5vw,42px)/1.15 "Iowan Old Style",Palatino,Georgia,serif;margin:8px 0 16px}
.essay-gloss{font-size:19.5px;font-style:italic;color:var(--faded);margin:0 0 28px;padding-bottom:22px;border-bottom:1px solid var(--rule-brown)}
.essay-leaf h2{font:600 22px/1.3 "Iowan Old Style",Palatino,Georgia,serif;margin:34px 0 8px;color:var(--oxblood)}
.essay-leaf h2::before{content:"\00a7 ";color:var(--rule-brown)}
.essay-leaf ul,.essay-leaf ol{padding-left:24px}.essay-leaf li{margin:6px 0}
.essay-leaf > p:first-of-type::first-letter{float:left;font-size:3.3em;line-height:.9;padding:6px 8px 0 0;color:var(--oxblood)}
.sobriety-slip{margin:34px 0 0;background:var(--vellum-deep);border:1px solid var(--rule-brown);border-left:5px solid var(--verdigris);padding:14px 18px;font-size:15.5px;line-height:1.6}
.signed-off{margin-top:36px;font-size:14px;color:var(--faded);font-style:italic;text-align:right}
.vellum-endleaf{border-top:3px double var(--rule-brown);font-size:14px;color:var(--faded)}
.vellum-endleaf .reading-desk{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 20px;padding-top:20px;padding-bottom:30px}
@media(max-width:680px){body{font-size:17px}.contents-roll a{grid-template-columns:44px 1fr;gap:2px 12px}.contents-roll a::before{font-size:20px}.essay-leaf{margin-top:26px}.frontispiece{padding-top:30px}}