@charset "utf-8";

/* Top-page blog categories only. Existing card and mobile layouts are retained. */
#blog .top-blog-category { margin-top: 32px; text-align: left; }
#blog .top-blog-category + .top-blog-category { margin-top: 36px; }
#blog .top-blog-category-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 16px; }
#blog .top-blog-category-heading h3 { margin: 0; padding: 2px 0 2px 12px; border-left: 4px solid #e60012; font-size: 1.375rem; line-height: 1.5; }
#blog .top-blog-more { display: inline-flex; align-items: center; min-height: 44px; padding: 6px 12px; border: 1px solid #e60012; border-radius: 4px; color: #c90010; background: #fff; font-size: .875rem; line-height: 1.4; text-decoration: none; white-space: nowrap; }
#blog .top-blog-more:hover { color: #fff; background: #e60012; }
#blog .top-blog-more:focus-visible { outline: 3px solid #222; outline-offset: 3px; }
#blog .top-blog-more span { margin-left: 8px; }
#blog .blog-list { margin-bottom: 0; }
@media screen and (min-width: 768px) and (max-width: 1439px) {
  /* Keep category links clear of the existing fixed navigation on the right. */
  #blog .top-blog-category-heading { padding-right: 100px; }
}
@media screen and (max-width: 767px) {
  #blog .top-blog-category { margin-top: 22px; }
  #blog .top-blog-category + .top-blog-category { margin-top: 26px; }
  #blog .top-blog-category-heading { gap: 8px; margin-bottom: 10px; }
  #blog .top-blog-category-heading h3 { padding-left: 8px; font-size: 1.2rem; }
  #blog .top-blog-more { padding: 6px 8px; font-size: .85rem; }
}