*{box-sizing:border-box}
:root{background:#fbf5ec;color:#302329;font:17px/1.68 system-ui,sans-serif;--plum:#552e41;--sand:#ead8cd}
body{margin:0}.wrap{width:min(1060px,calc(100% - 44px));margin:auto}a{color:var(--plum);text-underline-offset:4px}
header{border-bottom:1px solid var(--sand)}header .wrap{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 0}
header a{text-decoration:none}.logo{font:700 23px/1.2 Georgia,serif}.nav{display:flex;flex-wrap:wrap;gap:15px;font-size:14px}
.cover{background:#ead8cd;margin:34px 0 30px;padding:clamp(22px,5vw,63px);border-left:5px solid var(--plum)}
.kicker{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--plum);font-weight:740}
h1,h2{font:normal 39px/1.16 Georgia,serif}h1{font-size:clamp(38px,6vw,70px);max-width:900px;margin:13px 0 19px}
.cover p{max-width:640px;font-size:19px}.button{display:inline-block;margin-top:8px;background:var(--plum);color:white;text-decoration:none;padding:11px 16px}
.labels{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:0 0 37px}.labels div{border-top:2px solid var(--plum);padding-top:12px}
.reading{max-width:810px;padding:32px 0 44px}.reading h1{font-size:clamp(34px,5vw,56px)}
.toc{display:flex;flex-wrap:wrap;gap:10px 18px;border-block:1px solid var(--sand);padding:13px 0;font-size:14px}
.lead{background:var(--sand);padding:17px 21px;font-size:19px}h2{font-size:clamp(25px,3vw,35px);margin:30px 0 10px}
dt{font-weight:700;margin-top:12px}dd{margin-left:0}footer{border-top:1px solid var(--sand);padding:18px 0;font-size:13px}
@media(max-width:630px){header .wrap{align-items:flex-start;flex-direction:column;gap:7px}.labels{grid-template-columns:1fr;gap:12px}.cover{margin-top:22px}.reading{padding-top:24px}}