@import url('https://fonts.googleapis.com/css2?family=Google+Sans:ital,opsz,wght@0,17..18,400..700;1,17..18,400..700&display=swap');
*{
  font-family: 'Google Sans', sans-serif;
}
/* Mobile horizontal scroll */
@media (max-width: 767px) {
  .mobile-slider {
    display: flex;
    gap: 12px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
  }

  .mobile-slider > div {
    flex: 0 0 85%;
    scroll-snap-align: start;
  }

  /* optional: hide scrollbar */
  .mobile-slider::-webkit-scrollbar {
    display: none;
  }
  .mobile-slider {
    scrollbar-width: none;
  }
  .scroll-dots {
    display: flex;
    justify-content: center;
    gap: 6px;
    margin-top: 8px;
  }

  .scroll-dots .dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #cbd5e1; /* gray */
    transition:
      background-color 0.3s,
      transform 0.3s;
  }

  .scroll-dots .dot.active {
    background: #121212;
    width: 16px;
    border-radius: 5px;
  }
}
.breaking-news-label {
  border-radius: 0 23px 23px 0;
  corner-shape: bevel;
  padding-right: 2rem;
}
/* News view timeline */
.reading_timeline {
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #e5e7eb;
  z-index: 1000;
}

.reading_timeline__bar {
  display: block;
  height: 100%;
  width: 0%;
  background: #3b82f6;
  transition: width 0.1s linear;
}