.post{max-width:720px;margin:0 auto;padding:clamp(32px,5vw,64px) clamp(16px,4vw,24px) 96px}
.post .back{color:var(--muted);text-decoration:none;font-size:.9375rem}
.post h1{font-size:clamp(2rem,1.2rem + 2.6vw,3.25rem);letter-spacing:-.035em;line-height:1.08;margin:18px 0 12px}
.meta{color:var(--muted);font-size:.875rem}
.post .cover{width:100%;height:auto;border-radius:var(--r-lg);margin:28px 0 36px;background:var(--raised)}
.post .body{font-size:1.125rem;line-height:1.75}
.post .body p,.post .body ul,.post .body ol{margin:0 0 1.15em}.post .body ul,.post .body ol{padding-left:1.3em}
.post .body h2{font-size:clamp(1.5rem,1.1rem + 1vw,2rem);margin:1.6em 0 .6em}.post .body h3{font-size:1.375rem;margin:1.4em 0 .5em}
.post .body a{color:var(--accent)}
.pcta{margin-top:56px;background:var(--purple);border-radius:var(--r-lg);padding:32px}.pcta h2{font-size:1.75rem}.pcta p{margin:10px 0 22px;color:#efe9ff}
.bwrap{max-width:1240px;margin:0 auto;padding:clamp(32px,5vw,64px) clamp(16px,4vw,32px) 96px}
.bwrap h1{font-size:clamp(2.25rem,1.2rem + 3vw,3.75rem);letter-spacing:-.04em;margin:14px 0 40px}
.bgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.bcard{text-decoration:none;display:flex;flex-direction:column;gap:10px;transition:transform .2s}.bcard:hover{transform:translateY(-4px)}
.bcard img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:var(--r-md);background:var(--raised)}
.bcard h2{font-size:1.25rem;line-height:1.25;letter-spacing:-.02em}.bcard p{color:var(--muted);font-size:.9375rem}
@media (max-width:900px){.bgrid{grid-template-columns:1fr 1fr}}@media (max-width:600px){.bgrid{grid-template-columns:1fr}}