/* Gemeinsame Vorlagen für Hausautomation und Heizen. */
.home-topic-page .reference-cycle>svg{display:block;width:100%;max-width:500px;height:auto;margin:16px auto}
.home-topic-page.topic-navigation .question-number{white-space:nowrap}
.home-topic-page .legal-note{margin-bottom:2rem}

.heating-estimate-table{overflow-x:auto;margin:1.5rem 0;border:1px solid var(--line);border-radius:12px;background:var(--paper-light)}
.heating-estimate-table table{width:100%;min-width:650px;border-collapse:collapse;font-size:.9rem;line-height:1.5}
.heating-estimate-table caption{text-align:left;padding:1rem;font-weight:700;color:var(--petrol-dark)}
.heating-estimate-table th,.heating-estimate-table td{padding:.85rem;text-align:left;vertical-align:top;border-top:1px solid var(--line)}
.heating-estimate-table thead th{background:var(--paper);color:var(--petrol-dark)}
.heating-estimate-table tbody th{min-width:155px}
.heating-estimate-table:focus-visible{outline:2px solid var(--copper);outline-offset:3px}

.reference-cop>svg{display:block;width:100%;max-width:580px;height:auto;margin:1rem auto;overflow:visible}
.reference-cop svg text{font-family:inherit;font-size:22px;fill:var(--petrol-dark)}
.reference-cop .cop-grid path{stroke:var(--line);stroke-width:1;fill:none}
.reference-cop .cop-grid text{fill:var(--muted);font-size:19px}
.reference-cop .cop-line{fill:none;stroke:var(--copper);stroke-width:4;stroke-linejoin:round}
.reference-cop .cop-dot{fill:var(--copper)}
.reference-cop .cop-value{font-weight:700}
.reference-cop .cop-assumption{font-size:.85rem;color:var(--muted);margin:.7rem 0 0}
.reference-cop .illustration-legend{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:600px){.reference-cop .illustration-legend{grid-template-columns:1fr}}


/* Kompakte Erläuterungen unter dem Heizvergleich. */
.home-topic-page .heating-details{margin:1.25rem 0}
.home-topic-page .heating-details details{padding:1rem;border:1px solid var(--line);border-radius:10px;background:var(--paper-light)}
.home-topic-page .heating-details summary{cursor:pointer;font-weight:700;color:var(--petrol-dark)}
.home-topic-page .heating-details summary:focus-visible{outline:2px solid var(--copper);outline-offset:4px}
.home-topic-page .heating-details details[open] summary{margin-bottom:1rem}

.reference-cop .cop-series-1 .cop-line{stroke:var(--petrol-dark);stroke-dasharray:9 6}
.reference-cop .cop-series-1 .cop-dot{fill:var(--petrol-dark)}
.reference-cop .cop-series-0 .cop-value{fill:var(--copper)}
.reference-cop .cop-series-key{list-style:none;padding:0;display:grid;gap:.65rem;font-size:.9rem}
.reference-cop .cop-key-0{color:var(--copper)}
.reference-cop .cop-key-1{color:var(--petrol-dark)}
.reference-cop .illustration-legend dd+dd{margin-top:.8rem}