/* MATHBHOOT Maihar Origin Experience — Responsive Breakpoints */

@media (max-width: 768px) {
  body.page-maihar-origin > main {
    width: calc(100% - 2rem);
    max-width: calc(100vw - 2rem);
    margin-inline: auto;
  }
  .maihar-hero { padding: 80px 1rem 2rem 1rem; }
  .maihar-hero-content,
  .maihar-container,
  .section-block,
  .geo-math-grid,
  .geo-card,
  .lens-grid,
  .lens-item,
  .history-box,
  .sources-registry-box {
    width: 100%;
    min-width: 0;
    max-width: 100%;
  }
  .maihar-title { font-size: 2.2rem; }
  .maihar-kicker {
    display: block;
    line-height: 1.6;
    letter-spacing: 0.16em;
    overflow-wrap: anywhere;
  }
  .maihar-subtitle,
  .maihar-origin-date-badge,
  .maihar-statement,
  .section-title,
  .geo-card,
  .history-box,
  .sources-registry-box {
    overflow-wrap: anywhere;
  }
  .maihar-origin-date-badge { max-width: 100%; white-space: normal; }
  .section-title { font-size: clamp(1.3rem, 7vw, 1.8rem); }
  .lens-grid { grid-template-columns: repeat(2, 1fr); }
  .geo-math-grid { grid-template-columns: 1fr; }
}

@media (max-width: 480px) {
  body.page-maihar-origin > main {
    width: calc(100% - 1.25rem);
    max-width: calc(100vw - 1.25rem);
  }
  .maihar-hero { padding-inline: 0.85rem; }
  .maihar-hero-content { width: calc(100vw - 4rem); max-width: calc(100vw - 4rem); }
  .maihar-container {
    width: calc(100vw - 2.5rem);
    max-width: calc(100vw - 2.5rem);
    margin-inline: auto;
    padding: 2rem 0.6rem 5rem;
  }
  .maihar-origin-date-badge { width: 100%; }
  .section-title,
  .section-block,
  .geo-math-grid,
  .geo-card,
  .lens-grid,
  .lens-item,
  .history-box,
  .sources-registry-box,
  .timeline-wrapper { max-width: calc(100vw - 3.7rem); }
  .maihar-title { font-size: clamp(2rem, 12vw, 2.5rem); }
  .maihar-subtitle { font-size: 0.82rem; line-height: 1.55; }
  .maihar-origin-date-badge { padding-inline: 0.8rem; font-size: 0.72rem; line-height: 1.55; }
  .maihar-statement { font-size: 0.95rem; }
  .geo-card, .history-box, .sources-registry-box { padding: 1rem; }
  .lens-grid { grid-template-columns: 1fr; }
  .timeline-category { display: block; margin: 0.25rem 0 0; }
}