/* ── 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.
   ───────────────────────────────────────────────────────────────────── */

.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 {
  
}