/* Blog / SEO pages: quiet reading surface on the shared Prism tokens. */
.blog-hero{padding:58px 0 26px;text-align:center}
.blog-hero h1{font-size:clamp(34px,5vw,50px);max-width:16ch;margin:16px auto 0}
.blog-hero .lead{margin-top:18px;margin-bottom:0}
.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:26px 0 56px}
.post-card{display:flex;flex-direction:column;gap:12px;padding:22px;min-height:220px;text-decoration:none;color:var(--txt)}
.post-card:hover{transform:translateY(-2px)}
.post-meta{display:flex;align-items:center;gap:9px;color:var(--dim2);font-family:var(--font-mono);
  font-size:10.5px;letter-spacing:.12em;text-transform:uppercase}
.post-card h2{font-size:20px;letter-spacing:-.025em;line-height:1.18}
.post-card p{color:var(--dim);margin:0;line-height:1.6}
.post-card .read{margin-top:auto;color:#bfe9ff;font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase}
.article{max-width:860px;margin:0 auto;padding:34px 0 64px}
.article .back{display:inline-flex;margin-bottom:22px;color:var(--dim)}
.article h1{font-size:clamp(34px,5vw,54px);line-height:1.04;max-width:15ch}
.article h2{font-size:26px;margin:38px 0 12px;max-width:22ch}
.article h3{font-size:19px;margin:28px 0 10px}
.article p,.article li{color:#c6cede;font-size:15.5px;line-height:1.75}
.article ul,.article ol{padding-left:22px}
.article li{margin:7px 0}
.article code{font-family:var(--font-mono);font-size:.92em;background:rgba(255,255,255,.06);
  border:1px solid var(--line);border-radius:7px;padding:2px 6px}
.article pre{background:rgba(0,0,0,.36);border:1px solid var(--line);border-radius:14px;padding:16px;overflow:auto}
.article pre code{background:transparent;border:0;padding:0}
.article .callout{border-left:3px solid var(--acc1);padding:12px 16px;background:rgba(94,231,255,.06);border-radius:0 12px 12px 0;margin:22px 0}
.article .toc{padding:16px 18px;margin:24px 0}
.article .toc a{color:#bfe9ff}
@media(max-width:900px){.blog-grid{grid-template-columns:1fr}.article{padding-top:22px}}