.thermal-network{margin:12px 0;padding:14px;border:1px solid #bad2ca;border-radius:12px;background:#f6faf7}
.thermal-network h3{margin:0 0 7px}.thermal-state-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}
.thermal-state-card{padding:10px;border:1px solid #c6d8d2;border-radius:9px;background:white;min-width:0}
.thermal-state-card button{width:100%;text-align:left;font-weight:600}.thermal-state-card p,.thermal-ledger p{margin:6px 0;font-variant-numeric:tabular-nums;font-size:13px;overflow-wrap:anywhere}
.thermal-link-list{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}.thermal-link-list button{font-size:12px;text-align:left;overflow-wrap:anywhere}
.thermal-number{display:grid!important;grid-template-columns:minmax(110px,1fr) minmax(65px,1fr) 68px;gap:6px;align-items:center}.thermal-number input,.thermal-number select{min-width:0;width:100%}
.thermal-palette{border-color:#87b6a8}.thermal-parameters{border:1px solid #c6d8d2;border-radius:8px;padding:10px;margin:9px 0;min-width:0}.thermal-parameters legend{font-weight:600;color:#356358}.thermal-ledger{max-height:320px;overflow:auto}.thermal-ledger summary{position:sticky;top:0;background:#f6faf7;padding:6px 0}

/* State diagrams bind the existing non-time thermal result. */
#thermalProcessView{padding:18px;background:#f7faf8;border-block:1px solid #dfebe5}
#thermalProcessView h3{margin:0 0 8px}
#thermalProcessView svg{display:block;width:100%;height:auto}
#thermalProcessView select{padding:7px 10px;margin-left:8px;border:1px solid #c5d8d0;border-radius:8px;background:white}
#thermalProcessView .thermal-process-table{width:100%;border-collapse:collapse;margin-top:12px}
#thermalProcessView th,#thermalProcessView td{text-align:left;padding:6px 10px;border-bottom:1px solid #e1eae5}
#thermalProcessView th{font-weight:500;color:#46655c}