:root{--ink:#292627;--rose:#a91e46;--paper:#faf7f3;--pink:#f5e7ea;--line:#dcd7ca}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.62 system-ui,sans-serif}
a{color:var(--rose);text-underline-offset:3px}h1,h2{font-family:Georgia,serif;line-height:1.14;margin:0 0 17px}
h1{font-size:clamp(38px,6.6vw,75px)}h2{font-size:clamp(27px,4.2vw,44px)}
.wrap{width:min(1050px,calc(100% - 50px));margin-inline:auto}
.top{border-bottom:1px solid var(--line);background:#fff}.top-inner{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-block:16px}
.brand{color:var(--ink);font-weight:800;letter-spacing:.11em;text-decoration:none}
.hero{margin-top:20px;padding:clamp(23px,7vw,82px);background:var(--pink);border-left:6px solid var(--rose)}
.hero h1{max-width:870px}.hero p:not(.eyebrow){max-width:680px;font-size:clamp(18px,2vw,22px)}
.eyebrow{margin:0 0 11px;color:var(--rose);font-size:13px;font-weight:750;letter-spacing:.07em}
.button{display:inline-block;background:var(--rose);color:white;font-weight:750;text-decoration:none;padding:8px 13px}
.reading{padding:31px 0 39px;max-width:780px}.reading p:last-child{margin:0}
footer{border-top:1px solid var(--line);padding:14px 0;font-size:14px}
.article-wrap{padding-block:32px 39px}.bap-single-content{max-width:790px}.bap-single-content h1{font-size:clamp(34px,5.5vw,61px);overflow-wrap:anywhere}
.bap-single-content h2{margin-top:30px}.lead{font-size:clamp(18px,2vw,22px)}
.contents{display:flex;flex-wrap:wrap;gap:8px 16px;background:var(--pink);padding:10px 13px}
.ledger{margin:19px 0}.ledger div{display:grid;grid-template-columns:1fr 2fr;gap:10px;border-top:1px solid var(--line);padding:7px 0}.ledger div:last-child{border-bottom:1px solid var(--line)}
.ledger dt{font-weight:750}.ledger dd{margin:0}.bap-single-content li{margin-bottom:6px}
@media(max-width:680px){.wrap{width:calc(100% - 32px)}.ledger div{grid-template-columns:minmax(0,1fr);gap:3px}}