.blog-page { padding-top: var(--header-height); background: var(--color-soft); }
.blog-hero { background: linear-gradient(135deg, #ffffff 0%, #f4fbff 100%); }
.blog-hero h1 { max-width: 900px; }
.blog-hero p { max-width: 760px; font-size: 1.12rem; }
.blog-list-section { padding-top: 30px; }
.blog-list-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.article-card h2 { margin: 12px 0; font-size: 1.35rem; }
.article-card { min-height: 300px; display: flex; flex-direction: column; }
.article-card .text-link { margin-top: auto; }
.blog-nav { margin-left: auto; }
@media (max-width: 980px) { .blog-list-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px) { .blog-list-grid { grid-template-columns: 1fr; } .blog-nav { display: none; } }
@media (max-width: 980px) and (min-width: 641px) {
  .blog-nav {
    position: static;
    display: flex;
    transform: none;
    opacity: 1;
    pointer-events: auto;
    padding: 0;
    border: 0;
    box-shadow: none;
    background: transparent;
  }
}