
.tool-stack{
  display:flex;
  flex-direction:column;
  gap:24px;
}

.shared-settings-card,
.compare-profile-card{
  position:relative;
}

.compare-input-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:20px;
  align-items:start;
}

.compare-profile-card,
.shared-settings-card,
.results-card{
  background:#fff;
}

.compare-profile-card h2,
.shared-settings-card h2,
.results-card h2{
  margin:0 0 8px;
}

.tax-loan-fields .form-group,
#sharedTaxLoanFields .form-group{
  margin-top:0;
}

.tax-loan-fields{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  width:100%;
}

.rise-mode-group .form-grid,
.checkbox-row,
.childcare-group{
  margin-top:0;
}

.compare-actions{
  justify-content:center;
}

.comparison-banner{
  padding:14px 16px;
  border-radius:16px;
  background:linear-gradient(135deg,#f8fbff 0%,#f2f8ff 58%,#eef7f2 100%);
  border:1px solid #d9e6f2;
  color:#183255;
}

.results-summary,
.compare-headline-grid,
.pay-rise-highlight-grid{
  display:grid;
  gap:12px;
}

.results-summary,
.pay-rise-highlight-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
}

.compare-headline-grid-4{
  grid-template-columns:repeat(4,minmax(0,1fr));
}

.summary-box{
  text-align:left;
  width:100%;
}

.summary-box strong,
.mini-card strong{
  word-break:break-word;
}

.mini-card-accent{
  background:#f9fbff;
}

.breakdown-table-wrap{
  overflow-x:auto;
}

.compare-breakdown-table th:first-child,
.compare-breakdown-table td:first-child{
  min-width:180px;
}

.compare-breakdown-table td,
.compare-breakdown-table th{
  white-space:nowrap;
}

.is-positive-diff{
  color:var(--thp-positive) !important;
}

.is-hidden-row{
  display:none;
}

@media (max-width: 1120px){
  .compare-input-grid,
  .tax-loan-fields,
  .compare-headline-grid-4,
  .results-summary,
  .pay-rise-highlight-grid{
    grid-template-columns:1fr 1fr;
  }
}

@media (max-width: 780px){
  .compare-input-grid,
  .tax-loan-fields,
  .compare-headline-grid-4,
  .results-summary,
  .pay-rise-highlight-grid{
    grid-template-columns:1fr;
  }
}
