@import url("/styles.css");
.blog-hero{width:min(920px,calc(100% - 40px));margin:55px auto 35px;text-align:center}.blog-hero h1{margin:14px 0;font-size:clamp(38px,6vw,68px);line-height:1.25}.blog-hero p{max-width:720px;margin:auto;color:var(--muted);line-height:2}.blog-grid{width:min(1080px,calc(100% - 40px));margin:45px auto 100px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.blog-card{padding:28px;border:1px solid var(--line);border-radius:26px;background:linear-gradient(145deg,#fff,var(--purple-soft))}.blog-card span{color:var(--purple-dark);font-size:12px;font-weight:800}.blog-card h2{font-size:21px;line-height:1.6}.blog-card p{color:var(--muted);font-size:14px;line-height:1.9}.article{width:min(780px,calc(100% - 40px));margin:55px auto 100px}.breadcrumbs{color:var(--muted);font-size:13px}.article h1{font-size:clamp(36px,6vw,58px);line-height:1.35;margin:24px 0}.article .lead{font-size:18px;color:var(--muted);line-height:2}.article h2{margin-top:42px;font-size:27px}.article p,.article li{line-height:2;color:#4e4653}.article-callout{margin:38px 0;padding:26px;border-radius:22px;background:var(--purple-soft)}.article-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}.article-links a{padding:10px 15px;border:1px solid var(--line);border-radius:12px;font-weight:700}@media(max-width:800px){.blog-grid{grid-template-columns:1fr}.site-header nav{display:none}}