*{box-sizing:border-box}
:root{background:#f2f4ed;color:#273530;font:17px/1.68 system-ui,sans-serif;--forest:#21483e;--lime:#e3ead7;--line:#cad7c9}
body{margin:0}.wrap{width:min(1090px,calc(100% - 48px));margin:auto}a{color:#275a49;text-underline-offset:4px}
header{background:white;border-bottom:1px solid var(--line)}header .wrap{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:17px 0}
header a{text-decoration:none}.brand{font-weight:790;letter-spacing:.025em}.nav{display:flex;flex-wrap:wrap;gap:16px;font-size:14px}
.hero{background:var(--forest);color:#fff;padding:62px 0 55px}.kicker{font-size:12px;font-weight:750;letter-spacing:.12em;text-transform:uppercase}
.hero .kicker{color:#c3ddbb}h1,h2{font:normal 36px/1.14 Georgia,serif}h1{font-size:clamp(37px,6vw,73px);margin:12px 0 19px;max-width:880px}
.hero p{max-width:610px;font-size:19px}.button{display:inline-block;background:#e3ead7;color:#234137;padding:11px 18px;text-decoration:none;margin-top:10px;font-weight:700}
.details{padding:23px 0 42px}.details h2{margin:8px 0 12px}.details p{max-width:640px}
.reading{max-width:830px;padding:34px 0 45px}.reading h1{font-size:clamp(35px,5vw,60px)}.subtitle{margin:0 0 17px;color:#405c51;font-size:21px}
.toc{display:flex;gap:8px 16px;flex-wrap:wrap;border-block:1px solid var(--line);padding:12px 0;font-size:14px}
.lead{background:var(--lime);padding:18px 21px}.bap-single-content h2{font-size:clamp(25px,3vw,35px);margin:32px 0 11px}.bap-single-content li{margin:7px 0}
footer{border-top:1px solid var(--line);padding:17px 0;font-size:13px}
@media(max-width:640px){.wrap{width:calc(100% - 36px)}header .wrap{align-items:flex-start;flex-direction:column;gap:7px}.hero{padding:37px 0 35px}.reading{padding-top:24px}.details h2{font-size:28px}}