.bhero{padding-top:90px;padding-bottom:40px;display:flex;flex-direction:column;gap:22px}
.bhero .h1{font-size:clamp(42px,5.4vw,78px);max-width:980px}
.search{display:flex;flex-direction:column;gap:8px;max-width:680px;margin-top:8px}
.search span{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--mute)}
.search input{min-height:56px;padding:0 18px;background:var(--panel);border:1px solid rgba(201,166,107,.4);color:var(--ivory);font-family:var(--sans);font-size:17px}
.search input:focus{outline:2px solid var(--brass);outline-offset:1px}
.chips{display:flex;flex-wrap:wrap;gap:10px}
.chip{border:1px solid rgba(246,242,234,.25);background:transparent;color:#D3D9DE;padding:9px 14px;font-family:var(--sans);font-size:14px;cursor:pointer}
.chip i{font-style:normal;color:var(--mute);margin-left:4px}
.chip.on,.chip:hover{border-color:var(--brass);color:var(--brass)}
.bgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:24px;padding-bottom:100px}
.bcard{background:var(--panel);border:1px solid rgba(201,166,107,.2);display:flex;flex-direction:column;gap:10px;padding:0 0 26px;color:var(--ivory)}
.bcard:hover{border-color:var(--brass);color:var(--ivory)}
.bcard img{width:100%;height:auto;aspect-ratio:16/9;background:var(--ivory)}
.bcard small,.bcard b,.bcard span{padding:0 24px}
.bcard small{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--brass);margin-top:8px}
.bcard b{font-family:var(--serif);font-weight:500;font-size:26px;line-height:1.15}
.bcard span{font-size:15px;line-height:1.55;color:var(--soft)}
.none{padding-bottom:80px;color:var(--soft)}
/* post */
.post{padding-top:60px;padding-bottom:90px;max-width:1120px}
.crumbs{font-size:14px;color:var(--mute);margin-bottom:26px}
.crumbs a{color:var(--mute)}
.phead{display:flex;flex-direction:column;gap:18px;max-width:880px}
.phead h1{font-size:clamp(40px,5vw,66px);line-height:1.04}
.byline{font-size:15px;color:var(--mute)}
.art{margin:40px 0 0}
.art img{width:100%;height:auto;border:1px solid rgba(201,166,107,.35);background:var(--ivory)}
.answer{margin-top:40px;background:var(--ivory);color:var(--ink);padding:30px 34px;border-left:6px solid var(--brass-dk)}
.answer span{display:block;font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--brass-dk);margin-bottom:10px}
.answer p{font-family:var(--serif);font-size:clamp(22px,2.4vw,28px);line-height:1.35}
.pgrid{display:grid;grid-template-columns:240px minmax(0,1fr);gap:56px;margin-top:56px;align-items:start}
.toc{position:sticky;top:110px;font-size:14px;line-height:1.5;color:var(--soft)}
.toc b{display:block;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--mute);margin-bottom:12px}
.toc ol{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:10px}
.toc a{color:var(--soft)}
.toc a:hover{color:var(--brass)}
.pbody{max-width:720px}
.pbody section{margin-bottom:46px}
.pbody h2{font-size:clamp(30px,3vw,40px);line-height:1.1;margin-bottom:18px}
.pbody h3{font-size:24px;margin:22px 0 10px}
.pbody p,.pbody li{font-size:18px;line-height:1.75;color:#D6DCE1}
.pbody p+p{margin-top:16px}
.pbody ul,.pbody ol{padding-left:22px;display:flex;flex-direction:column;gap:10px;margin:14px 0}
.pbody strong{color:var(--ivory)}
.pbody table{width:100%;border-collapse:collapse;margin:18px 0;font-size:16px}
.pbody th,.pbody td{border:1px solid rgba(201,166,107,.3);padding:10px 12px;text-align:left;vertical-align:top}
.pbody th{background:var(--panel);color:var(--brass)}
.take{background:var(--panel);border:1px solid rgba(201,166,107,.3);padding:30px 32px}
.take h2{font-size:30px}
.pfaq details{border-top:1px solid rgba(201,166,107,.3);padding:20px 0}
.pfaq details:last-child{border-bottom:1px solid rgba(201,166,107,.3)}
.pfaq summary{font-size:23px}
.src li{font-size:15px}
.src a{word-break:break-word}
.author{border-top:2px solid var(--brass);padding-top:26px;display:flex;flex-direction:column;gap:12px}
.author b{font-family:var(--serif);font-size:26px;font-weight:500}
.author p{font-size:16px;color:var(--soft)}
.author .btn{align-self:flex-start}
.rgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:20px}
.rcard{border:1px solid rgba(201,166,107,.3);padding:26px;display:flex;flex-direction:column;gap:10px;color:var(--ivory)}
.rcard small{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--brass)}
.rcard b{font-family:var(--serif);font-weight:500;font-size:24px;line-height:1.2}
.rcard:hover{border-color:var(--brass);color:var(--ivory)}
@media (max-width:900px){.pgrid{grid-template-columns:1fr;gap:30px}.toc{position:static}}
@media (max-width:760px){.post{padding-top:36px}.answer{padding:24px 20px}.bhero{padding-top:56px}.pbody p,.pbody li{font-size:17px}}