/* Round 39: preserve Index card internals and rebalance the Family stacks. */

html.page-index body.page-index {
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background-color: #0a1424 !important;
  background-image: radial-gradient(ellipse at top, rgba(30, 58, 138, .25), transparent 60%) !important;
}

html.page-index body.page-index .scale-wrapper {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 1920px;
  height: 1080px;
  overflow: hidden;
}

html.page-index body.page-index .container {
  width: 1200px !important;
  max-width: 1200px !important;
  margin: 32px auto 0 !important;
}

html.page-index body.page-index .grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

html.page-index body.page-index .card h3,
html.page-index body.page-index .card p {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

html.page-family.page-family.page-family body.page-family.page-family.page-family .dashboard-container.page-family {
  grid-template-rows: 74px 242px minmax(0, 1fr) !important;
}

html.page-family.page-family.page-family body.page-family.page-family.page-family .dashboard-container.page-family > .family-content-grid {
  grid-template-rows: 244px 12px 67px 12px 274px 0 17px !important;
  gap: 0 !important;
}

html.page-family.page-family.page-family body.page-family.page-family.page-family .family-content-grid > .family-trend-card,
html.page-family.page-family.page-family body.page-family.page-family.page-family .family-content-grid > .family-risk-card {
  height: 323px !important;
  min-height: 323px !important;
  max-height: 323px !important;
}

html.page-family.page-family.page-family body.page-family.page-family.page-family .family-content-grid > .family-archive-card {
  height: 244px !important;
  min-height: 244px !important;
  max-height: 244px !important;
}

html.page-family.page-family.page-family body.page-family.page-family.page-family .family-content-grid > .family-reminder-card {
  height: 274px !important;
  min-height: 274px !important;
  max-height: 274px !important;
}

html.page-family.page-family.page-family body.page-family.page-family.page-family .family-content-grid > .plan-card {
  height: 353px !important;
  min-height: 353px !important;
  max-height: 353px !important;
}