:root{--ink:#28372c;--olive:#44523a;--paper:#fcf8ec;--leaf:#e5edda;--line:#cad2bc}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 system-ui,sans-serif}
a{color:var(--olive);text-underline-offset:3px}h1,h2{font-family:Georgia,serif;line-height:1.13;margin:0 0 17px}h1{font-size:clamp(38px,7vw,78px)}h2{font-size:clamp(27px,4vw,43px)}
.wrap{width:min(1060px,calc(100% - 50px));margin-inline:auto}
.top{background:var(--olive);color:#fff}.masthead{display:flex;align-items:center;justify-content:space-between;gap:11px;padding:14px 0}
.top a{color:#fff}.brand{font:700 25px/1.15 Georgia,serif;text-decoration:none}
.hero{display:grid;grid-template-columns:1.7fr minmax(0,1fr);align-items:end;gap:27px;padding:clamp(28px,7vw,77px) 0 29px;border-bottom:3px solid var(--olive)}
.hero p:not(.tag){max-width:610px;font-size:21px}.tag{margin:0 0 10px;font-size:13px;letter-spacing:.04em;font-weight:750;color:#4b5e3a}
.index{display:grid;gap:6px;background:var(--leaf);padding:14px}.index span{padding:5px 0;border-bottom:1px solid var(--line)}
.guide{padding:23px 0 37px;max-width:820px}.guide p:last-child{margin:0}
footer{border-top:1px solid var(--line);padding:13px 0;font-size:14px}
.article-wrap{padding:29px 0 38px}.bap-single-content{max-width:780px}.bap-single-content h1{font-size:clamp(34px,5.5vw,62px);overflow-wrap:anywhere}
.bap-single-content h2{margin-top:30px}.bap-single-content li{margin-bottom:6px}.lead{font-size:clamp(18px,2vw,22px)}
@media(max-width:680px){.wrap{width:calc(100% - 34px)}.hero{grid-template-columns:minmax(0,1fr);gap:8px}.hero p:not(.tag){font-size:18px}}