/* Cleaner phone layout: slim banner, tighter home card, four tiles that no longer overlap the card or the bottom bar */
@media (max-width: 640px) {
  #promo-bar { text-align: left !important; font-size: 13px !important; padding: 8px 40px 8px 14px !important; line-height: 1.3 !important; }
  #promo-bar .pb-long { display: none !important; }
  #promo-bar a { margin-left: 4px; }
  #promo-bar-close { font-size: 20px !important; padding: 4px 8px !important; }

  html.as-on .ah-card { padding: 18px 18px 22px !important; }
  html.as-on .ah-card .ah-kicker { display: inline-block; font-size: .7rem !important; padding: 4px 10px !important; border-radius: 999px; letter-spacing: .4px; }
  html.as-on .ah-card h2 { font-size: 1.55rem !important; margin: 10px 0 8px !important; }
  html.as-on .ah-card p { font-size: .93rem !important; line-height: 1.5 !important; margin: 0 !important; }

  html.as-on .ah-tiles { margin: 16px 16px 0 !important; gap: 12px !important; }
  html.as-on .ah-tiles .ah-tile:nth-child(3), html.as-on .ah-tiles .ah-tile:nth-child(6) { display: none !important; }
  html.as-on .ah-tile { min-height: 0 !important; padding: 14px !important; gap: 10px !important; flex-direction: row !important; align-items: center !important; justify-content: flex-start !important; }
  html.as-on .ah-tile .ah-ic { flex: 0 0 40px; }
  html.as-on .ah-tile b { font-size: .95rem !important; }
  html.as-on .ah-tile .ah-sub { font-size: .74rem !important; }

  html.as-on body { padding-bottom: 104px !important; }
}