/* Contact answers use the same paper, borders and native inputs as the form. */
.heat-details .heat-installation-notice{margin:12px 0 0;padding:12px 14px 12px 36px;border:1px solid var(--line);border-left:3px solid var(--olive);border-radius:var(--ui-radius,7px);background:var(--paper);color:var(--ink);font-size:13px;line-height:1.5;overflow-wrap:anywhere}
.heat-details .heat-installation-notice::before{left:11px;top:10px;font-size:16px}
html[data-tj-theme="dark"] .heat-details .heat-installation-notice{background:#1d2738;border-color:#46536b;border-left-color:var(--olive);color:var(--ink)}
.heat-window-compact{max-width:760px;border-top:1px solid var(--line);padding-top:18px;margin-top:22px}
.heat-window-compact .heat-contact-heading{display:flex;align-items:center;gap:10px}
.heat-window-compact .heat-contact-heading h2{margin:0;font-size:20px;line-height:1.35}
.heat-window-compact .heat-contact-heading>.extra-tooltip{margin-left:auto}
.heat-window-compact .heat-install{padding:0;border:0;margin:14px 0 0;min-width:0}
.heat-window-compact .heat-install legend{font-size:14px;font-weight:500;line-height:1.4;margin-bottom:8px;padding:0}
.heat-window-compact .heat-contact-toggle legend{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}
.heat-window-compact .heat-contact-answers{display:flex;gap:8px;flex-wrap:wrap}
.heat-window-compact .heat-choice{display:flex;align-items:center;gap:9px;min-height:44px;padding:9px 12px;border:1px solid var(--line);border-radius:var(--ui-radius,7px);background:var(--paper);color:var(--ink);font-size:14px;line-height:1.4;cursor:pointer;margin:0}
.heat-window-compact .heat-contact-answers .heat-choice{min-width:94px;justify-content:center}
.heat-window-compact .heat-choice input{margin:0;width:17px;height:17px;accent-color:var(--olive);flex-shrink:0}
.heat-window-compact .heat-choice span{min-width:0;overflow-wrap:anywhere}
.heat-window-compact .heat-choice:has(input:checked){border-color:var(--olive);box-shadow:inset 0 0 0 1px var(--olive)}
.heat-window-compact .heat-choice:hover{border-color:var(--olive)}
.heat-window-compact .heat-choice:has(input:focus-visible){outline:2px solid var(--olive);outline-offset:2px}
.heat-window-compact .heat-contact-counter{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px 16px;border:0;padding:0;margin:14px 0;background:transparent;max-width:440px}
.heat-window-compact .heat-contact-counter>label{margin:0;font-size:14px;font-weight:500;line-height:1.4}
.heat-window-compact .heat-contact-counter>.counter{justify-self:end;border-color:var(--line);background:var(--paper)}
.heat-window-compact .heat-contact-counter>.required-step-inline{grid-column:1/-1;min-width:0;margin:0}
.heat-window-compact .heat-contact-counter .counter input{background:var(--paper);color:var(--ink);border-color:var(--line)}
.heat-window-compact .heat-contact-source-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.heat-window-compact .heat-contact-source-option{position:relative;min-width:0;display:flex}
.heat-window-compact .heat-contact-source-option>.heat-choice{width:100%;padding-right:48px}
.heat-window-compact .heat-contact-source-option>.extra-tooltip{position:absolute;top:50%;right:10px;transform:translateY(-50%)}
.heat-window-compact .extra-info{width:26px;height:26px;min-width:26px;min-height:26px;background:transparent;color:var(--olive);border-color:var(--line);font-size:15px}
.heat-window-compact .extra-description{padding:12px 14px;font-size:13px;line-height:1.5}
.heat-window-compact>.help{margin:8px 0;font-size:12px}
html[data-tj-theme="dark"] .heat-window-compact .heat-choice{background:#1d2738;border-color:#46536b;color:var(--ink)}
html[data-tj-theme="dark"] .heat-window-compact .heat-choice:has(input:checked){background:#2a3d62;border-color:var(--olive)}
html[data-tj-theme="dark"] .heat-window-compact .heat-contact-counter input{background:#141b27}
@media(hover:hover){html[data-tj-theme="dark"] .heat-window-compact .heat-choice:hover{background:#243248;border-color:#8195bd}}
@media(max-width:600px){
 .heat-window-compact{padding-top:16px;margin-top:18px}
 .heat-window-compact .heat-contact-heading h2{font-size:18px}
 .heat-window-compact .heat-contact-source-options{grid-template-columns:1fr}
 .heat-window-compact .heat-contact-counter{gap:10px 12px;max-width:none}
 .heat-window-compact .heat-contact-counter>label{max-width:160px}
}
@media(max-width:360px){
 .heat-window-compact .heat-contact-counter{grid-template-columns:minmax(0,1fr)}
 .heat-window-compact .heat-contact-counter>label{max-width:none}
 .heat-window-compact .heat-contact-counter>.counter{justify-self:start}
}
