.guide-grid { grid-template-columns: repeat(3, 1fr); }
.guide-card { min-height: 258px; }
.blog-guide-card { background: linear-gradient(145deg, #fff 0%, #f5fbf9 100%); }
.resource-card a { color: inherit; }
.resource-card a:hover { color: var(--teal); text-decoration: underline; }

.blog-section { padding: 78px 0 82px; background: #fff; }
.blog-section-head { display: flex; align-items: end; justify-content: space-between; gap: 34px; }
.blog-section-head h2 { margin: 0; font-size: clamp(26px, 3.2vw, 36px); line-height: 1.45; }
.blog-section-head > p { max-width: 500px; margin: 0; color: var(--muted); font-size: 14px; line-height: 1.9; }
.blog-section .article-list { margin-top: 30px; }
.blog-section .article { grid-template-columns: 105px 1fr auto; }
.blog-section .article a { color: var(--teal); font-size: 13px; font-weight: 700; }
.blog-section .article a:hover { text-decoration: underline; }
.blog-all-link { display: inline-flex; gap: 11px; align-items: center; margin-top: 24px; color: var(--teal); font-size: 14px; font-weight: 700; }
.blog-all-link span { font-size: 20px; line-height: 1; }

@media (max-width: 850px) {
  .guide-grid { grid-template-columns: 1fr; }
  .blog-section { padding: 54px 0; }
  .blog-section-head { display: block; }
  .blog-section-head > p { margin-top: 12px; }
  .blog-section .article { grid-template-columns: 1fr; gap: 5px; }
}