/* Композиция reference-r4: параметры слева, результат справа, общий подвал 02. */
body.cl-calculator-page { background: #f3f7f9; }
.cl-calculator { padding-block: 32px 64px; }
.cl-calculator-back { display: inline-flex; align-items: center; min-height: 44px; margin-bottom: 24px; font-size: 14px; }
.cl-calculator h1 { font-size: clamp(30px, 4vw, 50px); max-width: 1040px; }
.cl-calculator-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); gap: 36px; margin: 32px 0; align-items: start; }
.cl-calculator-layout > *, .cl-calculator fieldset { min-width: 0; }
.cl-calculator fieldset { display: grid; gap: 12px; border: 0; padding: 0; margin: 0; }
.cl-calculator label { font-size: 14px; font-weight: 600; }
.cl-calculator :is(select, input) { width: 100%; min-width: 0; max-width: 100%; min-height: 48px; padding: 12px; border: 1px solid #b7cbd6; border-radius: 8px; background: #fff; color: var(--cl-ink); font: inherit; }
.cl-calculator select { text-overflow: ellipsis; }
.cl-calculator :is(select, input):focus-visible { outline: 3px solid #0c648b; outline-offset: 4px; }
.cl-calculator input:disabled { background: #edf2f5; color: #566a76; }
.cl-calculator-results { background: #fff; padding: 28px; border-radius: 8px; min-width: 0; }
.cl-calculator-results h2 { font-size: 28px; }
.cl-calculator-results h3 { font-size: 18px; }
.cl-calculator-breakdown { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin-top: 18px; padding: 18px 0; border-top: 1px solid var(--cl-line); }
.cl-calculator-breakdown > div { display: grid; gap: 6px; min-width: 0; }
.cl-calculator-breakdown span { font-size: 13px; color: var(--cl-muted); }
.cl-calculator-breakdown strong { font-size: 18px; line-height: 1.4; font-weight: 600; overflow-wrap: anywhere; }
.cl-calculator .cl-total { margin: 0 0 24px; }
.cl-calculator .cl-total strong { overflow-wrap: anywhere; }
.cl-calculator .cl-note { margin-top: 10px; }
.cl-calculator-alternatives { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 12px; margin-top: 8px !important; font-size: 13px; }
.cl-calculator-alternatives a { display: inline-flex; align-items: center; min-height: 44px; }
.cl-calculator .cl-source-note { margin-top: 28px; }
@media (max-width: 760px) {
  .cl-calculator { padding-top: 24px; }
  .cl-calculator-layout { grid-template-columns: 1fr; gap: 24px; }
  .cl-calculator-results { padding: 20px 16px; }
  .cl-calculator-results h2 { font-size: 25px; }
  .cl-calculator-breakdown { gap: 12px; }
  .cl-calculator-breakdown strong { font-size: 16px; }
}
@media (max-width: 360px) { .cl-calculator-breakdown { grid-template-columns: 1fr; } }