/* ==========================================================================
   अंकालय – Responsive rules (1920 → 375)
   ========================================================================== */

@media (min-width: 1600px) {
  .container { max-width: 1320px; }
}

/* Collapsed navigation below xl */
@media (max-width: 1199.98px) {
  .site-header .navbar-collapse {
    position: absolute; top: 100%; left: 0; right: 0; background: var(--paper);
    border-bottom: 1px solid var(--line); box-shadow: 0 16px 24px -18px rgba(42, 30, 24, .5);
    max-height: calc(100vh - var(--header-h)); overflow-y: auto;
  }
  .site-header .navbar-nav { padding: .5rem .75rem 1rem; }
  .site-header .nav-link { padding: .75rem 1rem !important; border-radius: var(--radius-sm); font-size: 1.05rem; }
  .site-header .nav-link.active { background: var(--sand); }
  .site-header .nav-link.active::after { display: none; }
}

@media (max-width: 991.98px) {
  .stat-strip { grid-template-columns: repeat(2, 1fr); }
  .stat:nth-child(3) { border-left: 0; }
  .stat:nth-child(n+3) { border-top: 1px solid var(--line); }
  .flow { grid-template-columns: 1fr; gap: 1rem; }
  .flow-step { display: flex; gap: 1rem; align-items: center; text-align: left; padding: 0; }
  .flow-step .icon-chip { margin: 0; }
  .flow-step:not(:last-child)::after { content: "↓"; right: auto; left: 22px; top: auto; bottom: -1.05rem; font-size: 1rem; }
  .roadmap { grid-template-columns: repeat(2, 1fr); row-gap: 2rem; }
  .roadmap::before { display: none; }
}

@media (max-width: 1199.98px) {
  .journey { grid-template-columns: repeat(3, 1fr); }
  .journey-step:nth-child(3)::after { display: none; }
}

@media (max-width: 991.98px) {
  .timeline { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 575.98px) {
  .timeline { grid-template-columns: 1fr; }
}

@media (max-width: 991.98px) {
  .mascot img { max-height: 280px; }
}

@media (max-width: 767.98px) {
  .journey { grid-template-columns: repeat(2, 1fr); }
  .journey-step:nth-child(3)::after { display: grid; }
  .journey-step:nth-child(2n)::after { display: none; }
}

@media (max-width: 479.98px) {
  .journey { grid-template-columns: 1fr; }
  .journey-step:not(:last-child)::after { display: grid; content: "↓"; right: auto; left: 50%; top: auto; bottom: -.95rem; transform: translateX(-50%); }
}

@media (max-width: 767.98px) {
  .slide-count { font-size: 1.3rem; }
  .slider-arrow { opacity: 1; width: 34px; height: 34px; margin: 0 .5rem; font-size: 1rem; }
  .home-slider .carousel-indicators { margin-bottom: .4rem; }
  .slider-pause { width: 28px; height: 28px; right: .5rem; bottom: .4rem; font-size: .85rem; }
  body { font-size: 1.03rem; }
  .check-grid { grid-template-columns: 1fr; }
}

@media (max-width: 575.98px) {
  :root { --header-h: 64px; }
  .container { padding-left: 1.1rem; padding-right: 1.1rem; }
  .brand-logo { height: 40px; }
  .header-cta-mobile { display: block !important; padding: 0 1.75rem 1.25rem; }
  .home-hero { padding-top: 1rem; }
  .home-slider { border-radius: var(--radius-sm); }
  .slider-caption { padding-top: .75rem; }
  .hero-actions .btn { flex: 1 1 100%; }
  .stat { padding: 1.2rem .9rem; }
  .roadmap { grid-template-columns: 1fr; }
  .detail-list { grid-template-columns: 1fr; gap: .1rem; }
  .detail-list dd { margin-bottom: .5rem; }
  .pull-quote { padding-left: 1rem; }
  /* Two magazine cards per row on phones */
  .mag-body { padding: .8rem .8rem 1rem; }
  .mag-title { font-size: 1.2rem; }
  .mag-meta, .mag-publisher { font-size: .78rem; }
  .mag-desc { font-size: .85rem; -webkit-line-clamp: 2; }
  .mag-body .btn { align-self: stretch !important; padding: .45rem .5rem; font-size: .85rem; }
  .mag-cover-wrap .badge-sample { top: .4rem; left: .4rem; font-size: .64rem; padding: .28rem .4rem; }
}

@media (max-width: 767.98px) {
  .reader-panel { top: 3vh; height: 97vh; width: 100%; border-radius: 16px 16px 0 0; overflow: hidden; transform: translateY(100%); box-shadow: 0 -20px 50px -25px rgba(0, 0, 0, .6); }
  .reader-bar { padding: .6rem .9rem; }
  .reader-tool[data-reader-toc] span { display: none; }
  .reader-tool[data-reader-toc] { width: 38px; height: 38px; padding: 0; justify-content: center; }
  .reader-pager { grid-template-columns: 1fr; }
  .pager-card.next { grid-column: 1; }
  .scene-body { padding-left: 1rem; }
}

@media (hover: none) {
  .card-flat:hover, .mag-card:hover { transform: none; }
}