.mortgage-widget-root .normal-row {
    background: #ffffff;
    padding: 10px;
    border-radius: 4px;
    margin-top: 10px !important;
    display: block;
}


/* Container and base */
.mortgage-widget-root{
  box-sizing:border-box;
  width:100%;
  background: #fff;
  padding:10px !important;
  border:1px solid rgba(18,92,136,0.55);
  border-radius:10px;
  font-family:Gotham, system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Cantarell, "Noto Sans", sans-serif;
  color:#000;
  line-height:1.5;
  margin:0;
  padding-bottom:0;
}
.mortgage-widget-root *{box-sizing:border-box}

/* Fields */
.mortgage-widget-root .field{width:100%;margin-bottom:12px}
.mortgage-widget-root label.field-label{display:block;font-size:14px;margin-bottom:10px}
.mortgage-widget-root input[type="tel"],
.mortgage-widget-root input[type="text"],
.mortgage-widget-root input[type="month"],
.mortgage-widget-root select{
  width:100%;
  background:#f7f7f7;
  border:1px solid rgba(0,0,0,0.06);
  padding:10px;
  border-radius:6px;
  font-size:14px;
}
.mortgage-widget-root input[readonly]{cursor:default}

/* Buttons */
.mortgage-widget-root .calculate-btn{
  background:#1b6997;
  color:#fff;
  border:none;
  padding:12px;
  border-radius:6px;
  width:100%;
  font-size:15px;
  cursor:pointer;
}
.mortgage-widget-root .calculate-btn:active{transform:translateY(1px)}
.mortgage-widget-root .advanced-toggle{
  background:transparent;border:none;color:#1b6997;display:flex;align-items:center;gap:8px;cursor:pointer;padding:6px 0;font-size:14px
}

/* Results container per instructions */
.mortgage-widget-root .results-wrap{
  margin-top:30px;
  border:0px; /* IMPORTANT: explicit 0px border as requested */
  min-width:0;
}
.mortgage-widget-root .results-heading{
    background: #d95a00;
    color: #fff;
    border-radius: 6px;
    font-size: 18px;
    padding: 8px;
    text-align: center;
    font-weight: 600;
}

/* striped results area - we create alternating row groups */
.mortgage-widget-root .results-body{margin-top:2px;border:0px}
.mortgage-widget-root .stripe-row{
  background:#eaf3f7;
  padding:10px;
  border-radius:4px;
  margin-top:10px; /* first stripe should be 10px from heading per instruction */
  display:block;
}
.mortgage-widget-root .normal-row{
  background:#ffffff;
  padding:10px;
  border-radius:4px;
  margin-top:0px;
  display:block;
}

/* Grid: two equal columns, left column labels right-aligned, right column values left-aligned and bold */
.mortgage-widget-root .results-grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  column-gap:20px; /* 20px column spacing per instruction */
  row-gap:8px;
  align-items:start;
  font-size:14px; /* all results in 14px text size */
}
.mortgage-widget-root .results-grid .label{
  justify-self:end;
  text-align:right;
  padding-right:8px;
  font-size:14px;
  align-self:start; /* top-start alignment */
}
.mortgage-widget-root .results-grid .value{
  justify-self:start;
  text-align:left;
  font-size:14px;
  font-weight:700; /* right (values) should be bold */
  align-self:start;
}

/* invalid strip */
.mortgage-widget-root .invalid-strip{
  background:#fdecea;color:#b71c1c;padding:10px;border-radius:4px;margin-top:10px;font-size:14px
}

/* radio and advanced section */
.mortgage-widget-root .radio-wrap, .mortgage-widget-root .form-check{
  display:flex;align-items:center;gap:8px;line-height:1;margin-bottom:10px
}
.mortgage-widget-root .form-check-input, .mortgage-widget-root input[type="radio"]{
  -webkit-appearance: radio; appearance: radio; display:inline-block; vertical-align:middle; margin:0 !important; padding:0; width:18px; height:18px; box-sizing:border-box;
}
.mortgage-widget-root .advanced-section{height:0;overflow:hidden;transition:height .18s ease;padding-top:0}
.mortgage-widget-root .advanced-section.open{height:auto;padding-top:12px}

/* invalid visuals for inputs */
.mortgage-widget-root .input-invalid {
  border-color: #b71c1c !important;
  background: #fff6f6 !important;
  box-shadow: 0 0 0 3px rgba(183,28,28,0.04);
}
.mortgage-widget-root .field-error {margin-top:6px;font-size:13px;color:#b71c1c;background:transparent}
.mortgage-widget-root .field-error.hidden { display:none; }

/* small adjustments to ensure top-start alignment of grid cells */
.mortgage-widget-root .results-grid > * { align-self:start; }

/* ensure the stripe/normal blocks don't create extra borders — keep border:0 everywhere */
.mortgage-widget-root .results-body, .mortgage-widget-root .results-grid, .mortgage-widget-root .stripe-row, .mortgage-widget-root .normal-row {
  border: 0px;
}

.mortgage-widget-root .results-wrap { 
margin-bottom: 10px !important;
}