/* ==========================================================================
   EO COMPONENT STYLES · Foundation frame + Bigger Moves cards
   ========================================================================== */
/* HOMEPAGE-CONTROLLED OUTER VARIABLES — the host page may override these to fit its
   own frame. They affect only the outer integration frame, never the stage geometry:
   --eof-max-width, --eof-inline-padding, --eof-section-background, --eof-heading-font,
   --eof-section-radius, --eof-padding-top, --eof-padding-bottom, --eof-sticky-top. */
/* Defaults live in the var() fallbacks at each use site, NOT as declarations on the
   root — declaring them here would beat any value the host page sets on an ancestor. */
[data-eo-foundation] a { color: #1f6feb; text-decoration: none; }
[data-eo-foundation] a:hover { color: #0c1724; }

[data-eo-bigger-moves] .eobm-cards { display: grid; grid-template-columns: 1fr; gap: var(--eobm-card-gap, 20px); align-items: stretch; }
@media (min-width: 1040px) {
  [data-eo-bigger-moves] .eobm-cards:not(.eobm-stacked) { grid-template-columns: 1fr 1fr; gap: var(--eobm-card-gap, 24px); }
}