.blog-shell{max-width:1160px;margin:0 auto;padding:0 22px}
.blog-hero{background:radial-gradient(ellipse at 40% 10%,rgba(79,142,247,.22),transparent 58%),linear-gradient(160deg,#11142c,#080810);border-bottom:1px solid var(--border);padding:84px 0 74px}
.blog-hero h1{font-size:clamp(2.4rem,5vw,4.2rem)}
.blog-hero h1 span{color:var(--accent)}
.blog-hero p{font-size:1.1rem;max-width:650px;color:var(--muted);margin-top:16px}
.blog-body{padding-top:58px;padding-bottom:88px;min-height:46vh}
.blog-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.blog-card{background:linear-gradient(140deg,#16162a,#111122);border:1px solid #262747;border-radius:18px;overflow:hidden;transition:transform .2s,border-color .2s;min-width:0}
.blog-card:hover{border-color:var(--brand);transform:translateY(-3px)}
.blog-card>a>img{aspect-ratio:16/9;width:100%;object-fit:cover}
.blog-card-content{padding:26px}
.blog-meta{font-size:.78rem;letter-spacing:.03em;color:var(--accent);font-weight:750;margin-bottom:14px}
.blog-card h2{font-size:1.27rem;line-height:1.38;margin:0 0 12px}
.blog-card p{color:var(--muted);font-size:.91rem;line-height:1.7;overflow-wrap:anywhere}
.blog-read{color:var(--accent2);font-size:.9rem;font-weight:750}
.blog-article-wrap{max-width:850px;margin:0 auto}
.blog-back{display:inline-block;color:var(--accent);margin-bottom:30px;font-weight:650}
.blog-article h1{font-size:clamp(2rem,5vw,3.4rem);line-height:1.17;overflow-wrap:anywhere;margin:0 0 24px}
.blog-lede{color:#c0c2de;font-size:1.14rem;line-height:1.8;margin:0 0 26px}
.blog-featured{margin:38px 0;border-radius:16px;overflow:hidden;border:1px solid var(--border)}
.blog-featured img{width:100%;height:auto}
.blog-prose{color:#dbdced;font-size:1.03rem;line-height:1.9;overflow-wrap:anywhere}
.blog-prose p{margin:0 0 20px}
.blog-prose h2,.blog-prose h3,.blog-prose h4{margin:34px 0 16px;color:#fff}
.blog-prose h2{font-size:1.65rem}.blog-prose h3{font-size:1.34rem}
.blog-prose ul,.blog-prose ol{padding-left:24px;margin:0 0 20px;list-style:revert}
.blog-prose li{padding:0 0 6px}.blog-prose a{color:var(--accent);text-decoration:underline}
.blog-prose code{padding:2px 5px;background:var(--panel2);border-radius:4px}
.blog-prose figure{margin:22px 0}.blog-prose figure img{border-radius:12px;max-height:650px;object-fit:contain}
.blog-end{border-top:1px solid var(--border);padding-top:32px;margin-top:56px}
.blog-empty{text-align:center;padding:62px 10px}.blog-empty p{color:var(--muted);margin-bottom:28px}
.blog-footer{padding:48px 20px;background:var(--panel);border-top:1px solid var(--border)}
.blog-footer>div{max-width:1160px;margin:auto}.blog-footer p{color:var(--muted);margin-top:12px}.blog-footer nav{display:flex;flex-wrap:wrap;gap:26px;margin-top:18px;font-size:.88rem}
@media(max-width:900px){.blog-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.blog-card-grid{grid-template-columns:1fr}.blog-hero{padding:62px 0}.blog-body{padding-top:36px}.blog-card-content{padding:22px}}