/* ── Home Equity page spacing ──────────────────────────────────────────
   Applies 12px spacing to all MUI components within the home-equity screen.
   Scoped via .home-equity-page so no other pages are affected.
   ───────────────────────────────────────────────────────────────────── */

/* ── Content card responsive padding ──────────────────────────────────
   Mobile-first: compact padding on small screens, roomier on desktop.
   960px matches MUI's `md` breakpoint.
   ───────────────────────────────────────────────────────────────────── */
.home-equity-content-card {
  /*padding: 24px 20px;*/
}

@media (min-width: 960px) {
  .home-equity-content-card {
    padding: 40px 48px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
  }
}

.home-equity-page .MuiTextField-root,
.home-equity-page .MuiFormControl-root,
.home-equity-page .MuiFormControlLabel-root,
.home-equity-page .MuiButton-root,
.home-equity-page .MuiSelect-root,
.home-equity-page .MuiCheckbox-root,
.home-equity-page .MuiRadio-root,
.home-equity-page .MuiSwitch-root,
.home-equity-page .MuiTypography-root,
.home-equity-page .MuiBox-root,
.home-equity-page .MuiGrid-item {

}

/* Grid containers already use spacing prop; avoid double-spacing items */
.home-equity-page .MuiGrid-container {
  
}

/* Remove extra bottom margin from items inside grid containers
   since the container's spacing + container margin handle it */
.home-equity-page .MuiGrid-container > .MuiGrid-item {
  
}

/* Prevent nested typography/box inside a grid item from adding extra margin */
.home-equity-page .MuiGrid-item > .MuiTextField-root,
.home-equity-page .MuiGrid-item > .MuiFormControl-root,
.home-equity-page .MuiGrid-item > .MuiFormControlLabel-root {
  
}