/* Mobile-first overrides for index-v2.html only (file is only included there) */

/* General safety */
html, body { max-width: 100%; overflow-x: hidden; }
.page { min-height: 100svh; min-height: 100dvh; }
.top-hero, main, .card { box-sizing: border-box; }
.banner-logo { max-width: 100%; height: auto; object-fit: contain; display: block; margin: 0 auto 8px; }

/* Tame marquee by default */
.ticker .track { animation-duration: 65s !important; }

/* iPhone-sized screens */
@media (max-width: 480px) {
  .page { padding: max(16px, env(safe-area-inset-top)) 10px 16px 10px; }
  .card { width: 100%; max-width: 100%; padding: 14px 10px; }
  .top-hero { padding: 4px 6px 0; margin-top: 0; display: block; min-height: 1px; }
  .banner-logo { width: 60vw; max-width: 200px; }
  .top-lines { font-size: 14px; line-height: 1.25; color: #0b3ea8; text-align: center; }
  .top-cta, .top-cta-sub { font-size: 13px; }
  .ticker { font-size: 12px; display: none !important; }
  .ticker .track { animation-duration: 90s !important; }
  .chat { max-height: 62vh; padding: 10px; }
  .options { gap: 6px; }
  .option { white-space: normal; word-wrap: break-word; overflow-wrap: break-word; max-width: 100%; }
}