/* Solar Roof Calculator: only what the offer-page styles (.aff-*, .pd-pair) do not cover. */
.sc-calc select { width: 100%; padding: 13px 14px; border: 1px solid var(--aff-line); border-radius: var(--radius-sm); font: inherit; background: var(--bg-card); color: inherit; }
.sc-calc select:focus { border-color: var(--primary-glow); box-shadow: 0 0 0 3px rgba(14,165,233,.15); outline: none; }
.sc-check { display: flex !important; align-items: flex-start; gap: 10px; font-weight: 600 !important; margin: 4px 0 18px; }
.sc-check input { width: 20px !important; height: 20px; flex: none; margin-top: 3px; padding: 0 !important; }
.sc-error { margin: 0 0 14px; padding: 12px 14px; border-radius: var(--radius-sm); background: rgba(239,68,68,.08); border: 1px solid rgba(239,68,68,.35); font-weight: 600; }
.sc-ok { margin: 0 0 14px; padding: 12px 14px; border-radius: var(--radius-sm); background: rgba(16,185,129,.1); border: 1px solid rgba(16,185,129,.35); font-weight: 600; }
.sc-error[hidden], .sc-ok[hidden], .sc-result[hidden], #sc-quote[hidden] { display: none; }
.sc-result { margin-top: 28px; padding: 30px 34px; border-radius: var(--radius-lg); background: var(--bg-card); border: 1px solid var(--aff-line); border-left: 5px solid var(--primary-glow); box-shadow: var(--shadow-md); outline: none; }
.sc-kw { font-family: var(--font-heading); font-size: clamp(2.2rem, 6vw, 3.2rem); font-weight: 800; line-height: 1; margin: 0 0 18px; color: var(--primary-navy); }
.sc-result dl { margin: 0; }
.sc-result dl > div { display: grid; grid-template-columns: 11rem minmax(0, 1fr); gap: 16px; padding: 14px 0; border-top: 1px solid var(--aff-line); }
.sc-result dt { font-weight: 800; font-size: .86rem; letter-spacing: .06em; text-transform: uppercase; color: var(--text-muted); }
.sc-result dd { margin: 0; overflow-wrap: anywhere; }
.sc-light { display: inline-block; width: 16px; height: 16px; border-radius: 50%; margin-right: 10px; vertical-align: -2px; background: #94a3b8; }
.sc-light.green { background: #2e7d32; }
.sc-light.amber { background: #f9a825; }
.sc-light.red { background: #c62828; }
@media (max-width: 560px) {
  .sc-result { padding: 24px 20px; }
  .sc-result dl > div { grid-template-columns: 1fr; gap: 4px; }
}