/* Blog — reutiliza o design system do main.css */
.bwrap{max-width:820px;margin:0 auto;padding:130px var(--gut) 90px}
.bwrap h1{font-size:clamp(1.9rem,4.4vw,3rem);color:var(--white);letter-spacing:-.04em;line-height:1.08;margin:10px 0 14px}
.bwrap h2{font-size:clamp(1.15rem,2.2vw,1.55rem);color:var(--white);margin:40px 0 12px;letter-spacing:-.025em}
.bwrap p,.bwrap li{font-size:1.02rem;line-height:1.85;color:var(--txt-dim);margin-bottom:15px}
.bwrap strong{color:var(--white)}
.bwrap ul,.bwrap ol{padding-left:22px;margin-bottom:16px}
.bwrap ol li{list-style:decimal}
.bwrap ul li{list-style:disc}
.bmeta{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--txt-faint)}
.bquote{border-left:3px solid var(--gold);padding:6px 0 6px 20px;margin:24px 0;font-family:var(--f-serif);font-style:italic;color:var(--ice);font-size:1.1rem}
.bcta{margin-top:46px;padding:26px 28px;border-radius:12px;background:#fffdf8;border:1px solid var(--line-strong)}
.bcta p{margin-bottom:14px}
.bback{position:fixed;top:22px;left:22px;z-index:10;font-size:.813rem;color:var(--txt-dim);border:1px solid var(--line-strong);border-radius:100px;padding:9px 18px;background:rgba(255,253,248,.85);backdrop-filter:blur(8px)}
.bback:hover{color:var(--white)}

/* índice */
.bindex{max-width:900px;margin:0 auto;padding:140px var(--gut) 90px}
.bindex>h1{font-size:clamp(2rem,5vw,3.6rem);color:var(--white);letter-spacing:-.045em;margin-bottom:10px}
.bindex>p{color:var(--txt-dim);max-width:56ch;margin-bottom:46px}
.bcard{display:block;padding:26px 0;border-bottom:1px solid var(--line);transition:padding-left .5s var(--ease)}
.bcard:hover{padding-left:14px}
.bcard h2,.bcard h3{font-size:clamp(1.15rem,2.4vw,1.6rem);color:var(--white);letter-spacing:-.03em;margin:6px 0 8px;font-weight:700}
.bcard p{font-size:.92rem;color:var(--txt-dim);max-width:70ch}
.bcard .bmeta i{font-style:normal;color:var(--gold)}