.blog-hero{border-bottom:1px solid var(--c2c-border);background:var(--c2c-surface);padding:72px 0 54px}.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.blog-card{min-height:330px;color:inherit;flex-direction:column;padding:28px;display:flex}.blog-card small{color:var(--c2c-blue-deep);font-weight:700}.blog-card h2{margin:28px 0 12px;font-size:1.35rem;line-height:1.35}.blog-card p{color:var(--c2c-body);line-height:1.7}.blog-card .card-action{margin-top:auto;padding-top:24px}.article-hero{border-bottom:1px solid var(--c2c-border);background:var(--c2c-surface);padding:58px 0 72px}.article-hero h1{max-width:940px;margin:38px 0 20px;font-size:clamp(2.4rem,6vw,4.7rem);line-height:1.08}.article-meta{color:var(--c2c-muted);flex-wrap:wrap;gap:16px;font-size:.85rem;display:flex}.article-layout{grid-template-columns:minmax(0,760px) 260px;justify-content:center;gap:72px;display:grid}.article-body{font-size:1.08rem;line-height:1.9}.article-body p{margin:0 0 1.6em}.article-rail{padding:24px;position:sticky;top:110px}.article-rail h2{margin-top:0;font-size:1rem}.article-rail p{color:var(--c2c-body);line-height:1.6}@media (max-width:900px){.blog-grid{grid-template-columns:repeat(2,1fr)}.article-layout{grid-template-columns:1fr}.article-rail{position:static}}@media (max-width:600px){.blog-grid{grid-template-columns:1fr}.blog-hero{padding-top:46px}}
