:root{--ink:#352b29;--coffee:#69483a;--paper:#fbf7ef;--line:#d8c8bc;--cream:#eee0cf}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 system-ui,sans-serif}
a{color:var(--coffee);text-underline-offset:3px}h1,h2{font-family:Georgia,serif;line-height:1.15;margin:0 0 16px}h1{font-size:clamp(37px,7vw,78px)}h2{font-size:clamp(27px,4vw,44px)}
.wrap{width:min(1030px,calc(100% - 50px));margin-inline:auto}header{background:#fff;border-bottom:1px solid var(--line)}
.bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 0}.brand{font:700 26px/1.2 Georgia,serif;text-decoration:none;color:var(--ink)}
.hero{max-width:930px;padding:clamp(30px,7vw,86px) 0 29px}.hero p:last-child{font-size:21px;max-width:650px}
.tag{margin:0 0 12px;font-size:13px;font-weight:750;letter-spacing:.045em;color:var(--coffee)}
.feature{max-width:850px;padding:clamp(17px,4vw,38px);margin:0 0 37px;background:var(--cream);border-left:4px solid var(--coffee)}
.feature p:last-child{margin:0}.article-wrap{padding:30px 0 39px}
.bap-single-content{max-width:780px}.bap-single-content h1{font-size:clamp(34px,5.5vw,61px);overflow-wrap:anywhere}
.bap-single-content h2{margin-top:30px}.bap-single-content li{margin-bottom:6px}.lead{font-size:clamp(18px,2vw,22px)}
footer{border-top:1px solid var(--line);padding:14px 0;font-size:14px}
@media(max-width:680px){.wrap{width:calc(100% - 34px)}.hero p:last-child{font-size:18px}}