*{box-sizing:border-box}
:root{background:#f9f3f0;color:#3c2e33;font:17px/1.67 system-ui,sans-serif;--berry:#793e59;--wash:#eddde3;--line:#dfccd3}
body{margin:0}.frame{width:min(1060px,calc(100% - 48px));margin:auto}a{color:var(--berry);text-underline-offset:4px}
.top{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:17px 0;border-bottom:1px solid var(--line)}.top a{text-decoration:none}
.brand{font:700 25px Georgia,serif}.top nav,.toc{display:flex;flex-wrap:wrap;gap:10px 18px;font-size:14px}
.hero{padding:55px clamp(18px,5vw,70px);margin:29px 0 21px;background:var(--wash);border-radius:27px}
.tag{font-size:12px;text-transform:uppercase;color:var(--berry);font-weight:760;letter-spacing:.13em;margin:0}
h1,h2{font:normal 36px/1.16 Georgia,serif}h1{font-size:clamp(37px,6vw,71px);max-width:870px;margin:14px 0 19px}
.hero p{max-width:620px}.button{display:inline-block;background:var(--berry);color:#fff;padding:11px 17px;border-radius:25px;margin-top:8px;text-decoration:none}
.notes{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding-bottom:26px}.notes p{border-top:1px solid var(--line);padding-top:12px}
.post{padding:36px 0 43px}.post h1{font-size:clamp(36px,5vw,59px)}.subtitle{font-size:21px;margin-top:0}
.toc{padding:12px 0;border-block:1px solid var(--line)}.bap-single-content{max-width:800px}.lead{background:var(--wash);padding:17px 21px}
h2{font-size:clamp(25px,3vw,35px);margin:31px 0 12px}footer.frame{padding:17px 0;border-top:1px solid var(--line);font-size:13px}
@media(max-width:650px){.frame{width:calc(100% - 36px)}.top{align-items:flex-start;flex-direction:column;gap:7px}.hero{padding:30px 19px;border-radius:17px}.notes{grid-template-columns:1fr;gap:0}.post{padding-top:26px}.subtitle{font-size:18px}}