#energy-form .result {
  padding: var(--space-lg);
}
#energy-form .result p { margin-block-end: var(--space-sm); }

#energy-form .estimation-extras {
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
}

#energy-form .info-link {
  background: none;
  border: none;
  color: var(--primary);
  text-decoration: underline;
  cursor: pointer;
  padding: 0;
  margin-block-start: var(--space-sm);
}
#energy-form .info-text {
  margin-block-start: var(--space-sm);
  font-size: var(--text-sm);
}

#energy-form #res-warn[data-visible="true"] {
  display: block;
}

#energy-form [data-visible="false"] {
  display: none;
}

/* Consistent vertical rhythm between top-level blocks */
#energy-form .form-main.space-stack > * + * { margin-block-start: var(--space-lg); }

/* Remove number input spinners (scoped) */
#energy-form input[type="number"]::-webkit-outer-spin-button,
#energy-form input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
#energy-form input[type="number"] {
  appearance: textfield;
}

/* Desktop layout: 2/3 - 1/3 with sticky result */
@media (min-width: 62em) { /* 992px ÷ 16 = 62em */
  #energy-form {
    display: grid;
    grid-template-columns: 1fr minmax(min-content, 24rem); /* Responsive sidebar */
    gap: var(--space-xl);
    align-items: start;
  }
  #energy-form .result-card {
    margin-block-start: 0; /* Reset margin from .space-stack */
  }
  #energy-form .sidebar {
    margin-block-start: 0; /* The sidebar itself shouldn't have a top margin */
    position: sticky;
    top: var(--space-xl);
  }
}