/* Homepage-scoped chrome CSS carried over verbatim from design/Homepage.dc.html's
 * <helmet><style> blocks. support.js injected these globally; the React port has
 * no helmet so they are reattached here and imported via app/globals.css.
 *
 *  - @keyframes at-marquee drives the coverage (7-country) and modality marquees
 *    (design animates `animation:at-marquee 26s/32s linear infinite` on a
 *    duplicated-content strip, so translateX(-50%) loops seamlessly).
 *  - The grid min-width:0 reset prevents grid children from overflowing (matches
 *    the design's `[style*="display:grid"]>*{min-width:0}` fix).
 */
@keyframes at-marquee {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

[style*="display: grid"] > *,
[style*="display:grid"] > * {
  min-width: 0;
}