/* Consistent CARD-TO-CARD and GRID spacing only.
   No palette, outline, padding, media size, player-control or button rules. */
:root { --arl-card-layout-gap: 20px; }
@media (max-width:700px) { :root { --arl-card-layout-gap: 16px; } }
html:root body :is(
  #arl-even-card-gaps-priority,
  .hero,
  .hero-left-stack,
  .hero-media-stack,
  .arl-diego-feature-stack,
  .about-grid,
  .about-info-grid,
  .artist-grid,
  .team-list,
  .broadcast-grid,
  .chat-only-grid,
  .chat-story-grid,
  .arl-tv-layout,
  .twitch-info-grid,
  .carnival-featured,
  .carnival-list,
  .carnival-worldwide-grid,
  .community-carnival-grid,
  .community-story-grid,
  .home-directory-grid,
  .music-news-grid,
  .music-roots-grid,
  .regional-sports-grid,
  .promo-grid,
  .schedule-grid,
  .show-list,
  .arl-diego-upnext-shows,
  .feedback-layout,
  .feedback-list,
  .portal-tool-groups,
  .portal-tool-grid,
  .portal-log-list,
  .music-admin-groups,
  .library-results,
  .tv-banner-admin-list,
  .editor-grid,
  .station-ad-fields,
  .station-news-editor-row,
  .chart-banner-grid,
  .rcast-grid,
  .buttm-settings-grid,
  .host-steps,
  .host-tool-downloads,
  #station-ad-list,
  #schedule-editor-rows
) {
  column-gap: var(--arl-card-layout-gap) !important;
  row-gap: var(--arl-card-layout-gap) !important;
}
/* Consistent breathing room between each compact card heading/list/footer. */
html:root body :is(#arl-even-card-gaps-priority, .hero-feedback-wall) > .feedback-list {
  margin-top: var(--arl-card-layout-gap) !important;
}
html:root body :is(#arl-even-card-gaps-priority, .arl-diego-upnext) > .arl-diego-upnext-top {
  margin-bottom: var(--arl-card-layout-gap) !important;
}
html:root body :is(#arl-even-card-gaps-priority, .arl-diego-upnext) > .arl-diego-upnext-link {
  margin-top: var(--arl-card-layout-gap) !important;
}
/* Dashboard cards render as stacked sections, not always as a CSS grid. */
html:root body #portal-card > :is(section.portal-sub, form.portal-sub) {
  margin-top: var(--arl-card-layout-gap) !important;
  margin-bottom: 0 !important;
}
