*{box-sizing:border-box}
:root{background:#f4efe6;color:#332b25;font:17px/1.64 system-ui,sans-serif;--umber:#743f2e;--sand:#e9d6c1;--line:#d8c5b4}
body{margin:0}.wrap{width:min(1100px,calc(100% - 48px));margin:auto}a{color:var(--umber);text-underline-offset:4px}
.top{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:17px 0;border-bottom:1px solid var(--line)}.top a{text-decoration:none}
.brand{font:700 24px Georgia,serif}.top nav,.toc{display:flex;flex-wrap:wrap;gap:12px 20px;font-size:14px}
.cover{display:grid;grid-template-columns:minmax(0,1fr) minmax(210px,29%);gap:28px;align-items:center;padding:59px 0 36px}
.cover aside{background:var(--sand);padding:20px 22px;border-top:3px solid var(--umber)}.cover aside p{margin:8px 0}
.eyebrow{color:var(--umber);font-size:12px;text-transform:uppercase;font-weight:750;letter-spacing:.13em;margin:0}
h1,h2{font:normal 34px/1.15 Georgia,serif}h1{font-size:clamp(38px,6vw,70px);margin:13px 0 19px}.cover p{max-width:620px}
.button{display:inline-block;margin-top:8px;padding:11px 16px;background:var(--umber);color:white;text-decoration:none}
.footnote{border-top:1px solid var(--line);padding:18px 0 30px}.footnote p{max-width:660px}
.reading{max-width:780px;padding:36px 0 46px}.reading h1{font-size:clamp(37px,5vw,60px)}.subtitle{font-size:22px;margin-top:0}
.toc{padding:12px 0;border-block:1px solid var(--line)}.lead{padding:18px 21px;background:var(--sand)}
.bap-single-content li{margin:8px 0}.bap-single-content h2{font-size:clamp(25px,3.3vw,36px);margin:34px 0 14px}
footer.wrap{padding:18px 0;border-top:1px solid var(--line);font-size:13px}
@media(max-width:650px){.wrap{width:calc(100% - 36px)}.top{align-items:flex-start;flex-direction:column;gap:8px}.cover{grid-template-columns:minmax(0,1fr);padding:35px 0 25px}.reading{padding-top:27px}.subtitle{font-size:18px}}