.blog-page,.article-page{background:linear-gradient(135deg,var(--cream),#e8f8f1);min-height:80vh;padding:90px 0 120px}.back-link,.breadcrumbs{color:var(--teal);margin-bottom:60px;font-size:13px;font-weight:800;display:block}.blog-page h1,.article-page h1{max-width:850px;margin:18px 0 20px;font-size:clamp(48px,7vw,86px)}.blog-page h1 span,.article-page h1 span{color:var(--teal)}.page-lead{color:var(--muted);max-width:560px;margin-bottom:55px;line-height:1.7}.article-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.article-card{border:1px solid var(--line);background:#fff;border-radius:20px;padding:18px;box-shadow:0 16px 40px #0d292b0b}.article-art,.article-hero-art{background:radial-gradient(circle at 70% 30%,#c5f466,transparent 16%),linear-gradient(135deg,var(--deep),var(--teal));color:#fff;letter-spacing:.12em;border-radius:14px;align-items:end;min-height:170px;padding:18px;font-size:11px;font-weight:800;display:flex}.article-card small,.article-meta{color:#80918e;margin:20px 0 10px;font-size:11px;display:block}.article-card h2{letter-spacing:-.04em;margin:0 0 12px;font-size:24px}.article-card p{color:var(--muted);font-size:13px;line-height:1.65}.article-container{max-width:900px}.article-container .breadcrumbs{color:#71827f;margin-bottom:70px}.article-container .breadcrumbs a{color:var(--teal)}.article-hero-art{min-height:280px;margin:40px 0 55px}.article-body{max-width:700px}.article-body p{color:#536667;font-size:17px;line-height:1.9}.article-body h2{margin-top:45px;font-size:32px}.article-actions{gap:12px;margin:40px 0 75px;display:flex}.related{border-top:1px solid var(--line);padding-top:45px}.related h2{font-size:32px}.related-grid{gap:12px;display:grid}.related-grid a{border:1px solid var(--line);background:#fff;border-radius:12px;justify-content:space-between;gap:16px;padding:18px;display:flex}.related-grid span{color:var(--teal);white-space:nowrap;font-size:12px}@media (max-width:850px){.article-grid{grid-template-columns:1fr}.blog-page,.article-page{padding:60px 0 80px}.article-container .breadcrumbs{margin-bottom:45px}.article-actions{flex-wrap:wrap}.related-grid a{display:block}.related-grid span{margin-top:8px;display:block}}