/* TuoEcoClima: colori semantici, significato sempre espresso anche nel testo. */
:root{--tc-info:#1d4ed8;--tc-success:#166534;--tc-attention:#9a3412;--tc-stop:#991b1b;--tc-pro:#6b21a8}
.tc-diagnostic-step{border:1px solid #dbe3eb;border-radius:12px;padding:16px;margin:18px 0;background:#fff}
.tc-diagnostic-step h4{margin:0 0 12px;line-height:1.5}
.tc-info,.tc-success,.tc-attention,.tc-stop{padding:12px 16px;border-radius:8px;border-left:3px solid;line-height:1.65}
.tc-info{background:#eff6ff;border-color:var(--tc-info);color:#1e3a8a}
.tc-success{background:#f0fdf4;border-color:var(--tc-success);color:var(--tc-success)}
.tc-attention{background:#fff7ed;border-color:var(--tc-attention);color:#7c2d12}
.tc-stop{background:#fef2f2;border-color:var(--tc-stop);color:var(--tc-stop)}
.result-card.pro{border-top:3px solid var(--tc-pro)!important}
.result-card.pro h2{color:var(--tc-pro)}
select:focus-visible,input:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #1d4ed8;outline-offset:3px}
.result-card p{line-height:1.7}.result-card h3{margin-top:28px}
@media(max-width:600px){.tc-diagnostic-step{padding:12px}.tc-info,.tc-success,.tc-attention,.tc-stop{padding:10px 12px}.result-card{overflow-wrap:anywhere}}