.blog-hero,.article-hero{padding:calc(var(--spacing-section) + 30px) 0 var(--spacing-section);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:var(--color-surface)}
.blog-hero h1,.article-hero h1{max-width:900px;margin:14px 0 18px;color:var(--color-surface)}
.blog-hero p,.article-hero p{max-width:760px;color:var(--color-bg)}
.blog-breadcrumbs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px;font-size:.95rem}.blog-breadcrumbs a{color:var(--color-accent)}
.blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.blog-card{overflow:hidden;background:var(--color-surface);border-radius:var(--radius);box-shadow:var(--shadow);transition:transform .25s ease,box-shadow .25s ease}.blog-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-hover)}
.blog-card img{width:100%;height:260px;object-fit:cover}.blog-card__body{padding:26px}.blog-tag{display:inline-flex;margin-bottom:12px;padding:7px 12px;border-radius:999px;background:var(--color-primary);color:var(--color-surface);font-size:.8rem;font-weight:700}.blog-card h2{font-size:1.8rem;margin-bottom:12px}.blog-meta{display:flex;gap:14px;flex-wrap:wrap;color:var(--color-text-light);font-size:.9rem;margin:14px 0}.blog-link{font-weight:700;color:var(--color-accent-hover)}
.article-wrap{max-width:860px;margin:0 auto}.article-cover{margin:34px 0}.article-cover img{width:100%;max-height:520px;object-fit:cover;border-radius:var(--radius);box-shadow:var(--shadow)}.article-cover figcaption{margin-top:10px;color:var(--color-text-light);font-size:.9rem}.article-content{font-size:1.08rem;line-height:1.8}.article-content h2{margin:34px 0 14px}.article-content ul{padding-left:24px}.article-callout{margin:28px 0;padding:24px;border-left:4px solid var(--color-accent);background:var(--color-surface);border-radius:var(--radius);box-shadow:var(--shadow)}.article-cta{margin:38px 0;padding:30px;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:var(--color-surface);border-radius:var(--radius);text-align:center}.article-cta h2{color:var(--color-surface)}.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.related-card{display:block;padding:22px;background:var(--color-surface);border-radius:var(--radius);box-shadow:var(--shadow);font-weight:700}.related-card:hover{box-shadow:var(--shadow-hover)}
.notice-badge{white-space:nowrap}
@media(max-width:900px){.blog-grid,.related-grid{grid-template-columns:1fr}.blog-card img{height:230px}.header-notice{order:3}.notice-badge{font-size:.75rem}}
@media(max-width:640px){.blog-hero,.article-hero{padding:110px 0 46px}.blog-card__body{padding:21px}.article-content{font-size:1rem}.article-cta{padding:24px}.header-notice{display:block}.notice-badge{padding:6px 10px}}