/* Home-blog browsing stays clear across desktop and touch devices. */
.home-blog-section .home-blog-more { margin: 35px 0 0; text-align: center; }
.home-blog-section .home-blog-more .outline-btn { min-height: 46px; padding: 11px 19px; }

@media (max-width: 760px) {
  .home-blog-section .home-blog-grid {
    display: flex;
    gap: 16px;
    margin-top: 34px;
    padding: 0 2px 14px;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-padding-left: 2px;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
  }

  .home-blog-section .home-blog-card {
    flex: 0 0 min(82vw, 320px);
    max-width: none;
    margin: 0;
    scroll-snap-align: start;
    scroll-snap-stop: always;
  }

  .home-blog-section .home-blog-more { margin-top: 26px; }

  .home-blog-section .home-blog-grid::-webkit-scrollbar { height: 4px; }
  .home-blog-section .home-blog-grid::-webkit-scrollbar-track { background: #f6e7ed; }
  .home-blog-section .home-blog-grid::-webkit-scrollbar-thumb { border-radius: 999px; background: #dba0ba; }
}
