/* Three independent Home cards aligned with the summary cards above.
   Presentation only: retain the DOM, type scale, events and scroll owners.
   Compact phones (including a folded Fold) deliberately match no selector. */
html:is([data-pe-device="desktop"], [data-pe-device="tablet"])
  body.homeDashboardApp .homeDashboard {
  --home-card-column-gap-12282: 14px;
  --home-card-column-border-12282: #dbe4df;
  --home-card-column-shadow-12282: 0 7px 22px rgba(22, 51, 42, .05);
}

@media (max-width: 920px) {
  html[data-pe-device="tablet"]:not([data-pe-ipados="true"]):not([data-pe-fold-wide="true"])
    body.homeDashboardApp .homeDashboard {
    --home-card-column-gap-12282: 10px;
  }
}

html:is([data-pe-device="desktop"], [data-pe-ipados="true"]):not([data-pe-fold-wide="true"])
  body.homeDashboardApp .homeDashboard {
  --home-card-column-gap-12282: 16px;
  --home-card-column-border-12282: #d6e6f3;
  --home-card-column-shadow-12282: 0 8px 24px rgba(43, 102, 153, .07);
}

html[data-pe-fold-wide="true"] body.homeDashboardApp .homeDashboard {
  --home-card-column-gap-12282: 8px;
}

html:is([data-pe-device="desktop"], [data-pe-device="tablet"])
  body.homeDashboardApp #app .homeDashboardGrid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: var(--home-card-column-gap-12282) !important;
}

html:is([data-pe-device="desktop"], [data-pe-device="tablet"])
  body.homeDashboardApp #app .homeScheduleCard {
  grid-column: span 2 !important;
  min-width: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html:is([data-pe-device="desktop"], [data-pe-device="tablet"])
  body.homeDashboardApp #app .homeScheduleColumns {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: var(--home-card-column-gap-12282) !important;
  min-width: 0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

html:is([data-pe-device="desktop"], [data-pe-device="tablet"])
  body.homeDashboardApp #app .homeSchedulePane {
  min-width: 0 !important;
  max-width: 100% !important;
  border: 1px solid var(--home-card-column-border-12282) !important;
  border-radius: 19px !important;
  background: #fff !important;
  box-shadow: var(--home-card-column-shadow-12282) !important;
  box-sizing: border-box !important;
}

html:is([data-pe-device="desktop"], [data-pe-device="tablet"])
  body.homeDashboardApp #app .homeSportsCard {
  grid-column: auto !important;
  min-width: 0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
}