.blogp main.bw{max-width:760px;margin:0 auto;padding:40px 16px 80px}
.blogp .eyebrow{display:inline-block;color:var(--pk2);font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:.8rem}
.blogp h1{font-family:var(--fd);font-weight:800;font-size:clamp(2rem,5vw,3.2rem);line-height:1.05;margin:.4em 0 .3em;color:var(--tx)}
.blogp h2{font-family:var(--fd);font-weight:700;font-size:1.4rem;margin:1.6em 0 .6em;color:var(--tx)}
.blogp p,.blogp li{color:var(--mu);font-size:1.06rem;line-height:1.65}
.blogp .by{color:var(--dim);margin:0 0 1.2em}
.blogp .back{color:var(--mu);text-decoration:none;font-size:.95rem;display:block;width:max-content;margin-bottom:1.2em}
.blogp .back:before{content:"\2190  "}
.blogp img.cover{width:100%;height:auto;border-radius:var(--r2);border:1px solid var(--line);margin:.4em 0 1.4em;display:block}
.blogp .steps{padding-left:1.3em}
.blogp .steps li{margin:.35em 0;color:var(--tx)}
.blogp .cta{margin-top:3em;padding:28px;border-radius:var(--r2);border:1px solid var(--line2);background:var(--bg2)}
.blogp .cta h2{margin-top:0}
.blogp .row{display:flex;flex-wrap:wrap;gap:10px}
.blogp .bhead{margin-bottom:2em}
.blogp .sub{font-size:1.15rem}
.blogp .cards{display:grid;gap:18px}
.blogp .card{display:block;text-decoration:none;padding:16px;border-radius:var(--r2);border:1px solid var(--line);background:var(--bg2);transition:border-color .2s}
.blogp .card:hover{border-color:var(--pk)}
.blogp .card img{width:100%;height:auto;border-radius:var(--r3);display:block;margin-bottom:12px}
.blogp .card h2{margin:.3em 0;font-size:1.25rem}
.blogp .card p{margin:0;font-size:.98rem}
@media (min-width:720px){.blogp .cards{grid-template-columns:1fr 1fr}}
.blogp main.bw section{padding:0;min-height:0}
.blogp h1,.blogp h2{max-width:none}