.thermal-card .thermal-switch{width:220px;max-width:100%}
.thermal-panels{display:grid;min-width:0}
.thermal-panel{grid-area:1/1;display:flex;flex-direction:column;gap:8px;min-width:0}
.thermal-card p{margin:0}
.thermal-caption,.thermal-note{font-size:var(--font-caption);color:var(--ink-secondary)}
.thermal-graph{height:190px;width:100%}
.thermal-graph svg{width:100%;height:100%;display:block}
.thermal-graph{touch-action:pan-y;cursor:crosshair}
.thermal-hair{stroke:currentColor!important;stroke-opacity:.55;stroke-width:1.2!important;stroke-dasharray:none}
.thermal-scrub-mark circle{fill:var(--sport-sauna);stroke:var(--bg);stroke-width:1.5}
.thermal-readout{font-size:11px;font-variant-numeric:tabular-nums;color:var(--tertiary);white-space:nowrap;min-height:15px}
.thermal-readout.is-active{color:var(--secondary)}
.thermal-graph rect.thermal-bar-held{opacity:1;stroke:var(--sport-sauna);stroke-width:2}
.thermal-exposure-graph.thermal-scrubbing rect:not(.thermal-bar-held){opacity:.3}
.thermal-graph text{font:11px var(--font-stack);fill:var(--ink-secondary)}
.thermal-graph line{stroke:var(--separator);stroke-width:1}
.thermal-graph rect,.thermal-graph circle{fill:var(--sport-sauna)}
.thermal-line{fill:none;stroke:var(--sport-sauna);stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}
.thermal-projection{stroke-dasharray:5 5;opacity:.75}
.thermal-sessions{display:flex;gap:6px;overflow-x:auto;padding-bottom:3px}
.thermal-sessions button{flex-shrink:0}
.thermal-sessions button{border:1px solid transparent;border-radius:var(--radius-md);padding:6px 8px;background:var(--chip-unselected);font-size:var(--font-caption)}
.thermal-sessions button[aria-pressed=true]{border-color:var(--sport-sauna)}
.thermal-selection{font-size:var(--font-caption);min-height:15px}
#thermal-adaptation-panel .thermal-note:last-child{margin-top:auto}
.thermal-empty{height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:var(--font-caption);color:var(--ink-secondary)}
.thermal-index{font-size:18px;color:var(--ink);margin-right:5px}
.thermal-index small{font-size:var(--font-caption);font-weight:400;color:var(--ink-secondary)}
.thermal-caption{min-height:24px;display:flex;align-items:center;flex-wrap:wrap}
.thermal-method{font-size:var(--font-caption);color:var(--ink-secondary)}
.thermal-method summary{cursor:pointer;width:fit-content}
.thermal-method p{margin-top:8px;line-height:1.5}
.thermal-method a{color:var(--accent)}