.project-comparison-form { grid-template-columns: minmax(0, 1fr) minmax(470px, 1.08fr); }
.project-comparison-fields { grid-template-columns: repeat(2, minmax(0, 1fr)); align-content: start; }
.comparison-field-heading {
  grid-column: 1 / -1;
  margin: .45rem 0 0;
  padding-top: 1rem;
  border-top: 1px solid var(--line);
  color: var(--orange);
  font-size: .7rem;
  font-weight: 800;
  letter-spacing: .11em;
  text-transform: uppercase;
}
.project-comparison-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; background: var(--line); border-block: 1px solid var(--line); }
.project-comparison-grid > section { padding: 1.25rem; background: var(--surface); }
.project-comparison-grid h4 { margin: 0 0 1rem; color: var(--orange); font-family: "Manrope", sans-serif; font-size: 1rem; }
.project-comparison-grid dl { display: grid; gap: .75rem; margin: 0; }
.project-comparison-grid dl > div { min-height: 58px; display: grid; align-content: space-between; gap: .35rem; padding-bottom: .7rem; border-bottom: 1px solid var(--line); }
.project-comparison-grid dt { color: var(--muted); font-size: .74rem; line-height: 1.4; }
.project-comparison-grid dd { margin: 0; color: var(--text); font-family: "Manrope", sans-serif; font-size: 1rem; font-weight: 760; font-variant-numeric: tabular-nums; }
.project-comparison-grid .project-premium-result { border-bottom: 0; }
.project-premium-result dd { color: var(--green); }
.project-comparison-gap { margin: 1.25rem 0; padding: 1.15rem 1.25rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem; border: 1px solid rgba(66,215,166,.28); border-radius: 14px; background: rgba(66,215,166,.06); }
.project-comparison-gap span:first-child { color: var(--text); font-size: .82rem; font-weight: 750; }
.project-comparison-gap strong { color: var(--green); font-family: "Manrope", sans-serif; font-size: 1.25rem; }
[data-theme="light"] .project-comparison-grid > section { background: #fff; }

@media (max-width: 980px) {
  .project-comparison-form { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .project-comparison-fields, .project-comparison-grid { grid-template-columns: 1fr; }
  .comparison-field-heading { grid-column: 1; }
  .project-comparison-gap { align-items: flex-start; flex-direction: column; }
}