.thermo{--zsa-max-width:1200px}.thermo header{max-width:860px}.thermo header p{font-size:20px}.tabs,.actions,.intro,.heading{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.tabs{padding:20px 0;border-bottom:1px solid #d6e2f5}.intro{justify-content:space-between;margin-top:22px}.intro h2{margin:5px 0}.layout{display:grid;grid-template-columns:290px minmax(0,1fr);gap:22px}.layout aside{align-self:start;background:#f7faff}.thermo h3{margin:6px 0 20px}.thermo label{display:block;font-size:15px;font-weight:600;margin-top:19px}.thermo output{float:right;font-weight:500}.thermo input,.thermo select{width:100%;accent-color:#1d4ed8}.thermo input:not([type=range]),.thermo select{padding:10px;border:1px solid #a9bad2;border-radius:6px;background:white;color:#0b2a5b}.thermo aside button{margin-top:14px}.actions{gap:8px}.actions button{padding:10px;font-size:14px;flex:1}.small{font-size:14px;line-height:1.6}.pill{display:inline-block;padding:4px 10px;background:#eef4ff;border-radius:20px;font-size:13px;color:#0b2a5b}.heading{justify-content:space-between}.heading h3{margin:0}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metrics strong{display:block;color:#0b2a5b;font-size:21px}.metrics span{font-size:13px}.thermo svg{display:block;width:100%;height:auto;margin:15px 0}.blue{color:#1d4ed8}.brown{color:#964a20}.temperature{font-size:26px;color:#964a20}.cup{width:110px;height:80px;border:4px solid #9aabc0;border-top:0;border-radius:0 0 20px 20px;margin:24px auto 4px;display:flex;align-items:end;overflow:hidden}.cup div{background:#d8eaff;width:100%;height:70%;text-align:center;font-size:13px;padding-top:16px}.thermo details{font-size:16px}.thermo summary{cursor:pointer;font-weight:600}.thermo hr{border:0;border-top:1px solid #d6e2f5;margin-top:24px}.thermo button:disabled{opacity:.6}.thermo #cal-result{font-size:16px}.thermo #cal-error{color:#b91c1c}@media(max-width:760px){.layout{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,1fr)}.tabs button{flex:1;font-size:14px}.thermo h1{font-size:34px}}@media print{.tabs,button,[data-zsa-chrome]{display:none!important}.layout{grid-template-columns:1fr}aside{break-inside:avoid}.zsa-card{box-shadow:none}.thermo{max-width:100%}}


.zsa-th-header {position:relative;margin-bottom:28px;}
.zsa-th-topline {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;padding:0 0 20px;border-bottom:1px solid #dde4ed;}
.zsa-th-identity {display:flex;align-items:center;gap:12px;min-width:0;flex:1 1 400px;}
.thermo .zsa-th-brand {display:inline-flex;align-items:center;flex-shrink:0;min-height:52px;min-width:52px;text-decoration:none;color:var(--zsa-navy);}
.zsa-th-brand img {display:block;flex-shrink:0;}
.zsa-th-header-tools {display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:16px;max-width:100%;margin-left:auto;}
.zsa-th-header-buttons {display:flex;align-items:center;gap:8px;}
.thermo .zsa-th-share-toggle {display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 12px;min-height:44px;background:white;}
.zsa-th-icon {width:18px;height:18px;flex-shrink:0;}
.zsa-th-instructions-open {flex-shrink:0;}
.thermo h1 {min-width:0;font-size:clamp(1.6rem,1.2rem + 1.2vw,2rem);letter-spacing:-.035em;line-height:1.15;margin:0;font-weight:650;}
.zsa-th-lede {color:var(--zsa-navy);font-size:clamp(1.05rem,1rem + .3vw,1.2rem);font-weight:500;}
.zsa-th-share-panel {margin-top:14px;padding:20px;border:1px solid #cdd9e9;border-radius:12px;background:white;box-shadow:0 7px 20px rgba(11,42,91,.06);}
.zsa-th-share-heading {display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:5px;}
.zsa-th-share-heading h2 {font-size:18px;font-weight:600;}
.thermo .zsa-th-icon-button {display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:1px solid #d5deea;border-radius:8px;background:#f7f9fc;color:#425a7b;font-size:24px;padding:0;line-height:1;}
.thermo .zsa-th-fullscreen-toggle {width:46px;min-width:46px;height:46px;min-height:46px;flex-shrink:0;background:white;}
.thermo .zsa-th-fullscreen-toggle[hidden] {display:none;}
.zsa-th-fullscreen-toggle[aria-pressed="true"] {background:#edf4ff;border-color:#194d9d;}
.thermo .zsa-th-fullscreen-status {margin-top:12px;}
.zsa-th-share-label {display:block;margin:14px 0 6px;font-size:12px;font-weight:600;color:#536075;}
.zsa-th-share-link {display:flex;gap:8px;align-items:stretch;}
.zsa-th-share-link input {display:block;flex:1 1 200px;min-width:0;min-height:46px;width:100%;border:1px solid #b8c8dc;border-radius:8px;padding:9px 11px;background:#f8fafd;color:#334e72;font-size:13px;}
.zsa-th-share-options {display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:12px;}
.zsa-th-share-options a {display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:44px;min-height:44px;padding:8px 12px;border:1px solid #d8e1ed;border-radius:8px;color:#355579;font-size:13px;text-decoration:none;background:white;}
.zsa-th-share-options a:hover {background:#f0f5fd;}
.zsa-th-share-status {min-height:21px;margin-top:10px!important;font-size:12px;color:#38623e;}
.zsa-th-instructions {width:calc(100% - 32px);max-width:720px;max-height:85vh;overflow:auto;padding:24px;border:1px solid #c5d3e4;border-radius:15px;background:white;color:var(--zsa-slate);box-shadow:0 18px 60px rgba(11,42,91,.2);font-size:15px;line-height:1.6;}
.zsa-th-instructions::backdrop {background:rgba(11,27,51,.45);}
.zsa-th-instructions-heading {display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px;}
.zsa-th-instructions-heading h2 {font-size:23px;line-height:1.25;font-weight:600;}
.zsa-th-instructions-heading button {flex-shrink:0;}
.zsa-th-instructions-steps {margin:18px 0;padding-left:23px;}
.zsa-th-instructions-steps li {padding-left:4px;margin:12px 0;}
.zsa-th-instructions-example {padding:15px 17px;border:1px solid #d6e2f2;border-radius:10px;background:#f5f8fd;}
.zsa-th-instructions-example-label {font-size:11px;letter-spacing:.06em;text-transform:uppercase;font-weight:600;color:#536782;}
.zsa-th-instructions-equation {margin:6px 0 13px!important;color:var(--zsa-navy);font-size:22px;line-height:1.5;}
.zsa-th-instructions-equation:last-child {margin-bottom:0!important;}
.zsa-th-instructions-equation sub,.zsa-th-instructions-steps sub {font-size:.7em;line-height:0;vertical-align:-.2em;}
.zsa-th-instructions-equation sup,.zsa-th-instructions-steps sup {font-size:.7em;line-height:0;vertical-align:.4em;}
.zsa-th-instructions-note {margin-top:16px!important;font-size:13px;color:#536075;}

/* Branded notebook header, matching the other ZornScience labs. */
.thermo{background:#f7f9fd;max-width:1280px;padding:30px 32px 40px}.thermo .zsa-card{background:white;border-color:#dce5ef;box-shadow:0 4px 18px #193d6510;padding:22px;border-radius:16px}.thermo header{max-width:none}.thermo .zsa-th-topline{padding-bottom:18px}.thermo .brand-name{font-size:12px;margin:0 0 5px;letter-spacing:.12em}.thermo .zsa-th-identity h1{font-size:clamp(1.5rem,1.2rem + 1vw,2rem);margin:0;line-height:1.2}.thermo .zsa-th-header-buttons .zsa-btn{font-size:14px;padding:9px 13px}.thermo .zsa-th-icon{width:18px;height:18px;margin:0}.thermo .zsa-th-brand img{width:58px;height:auto}.thermo .zsa-th-share-panel h2{font-size:21px;margin:0}.thermo .zsa-th-share-panel p{font-size:14px}.thermo .zsa-th-share-panel label{margin-top:14px;font-size:13px}.thermo .zsa-th-instructions h2{font-size:25px;margin:0}.thermo .zsa-th-instructions p{font-size:16px}.thermo .intro{margin-top:20px}.thermo .intro h2{font-size:28px;font-weight:600;letter-spacing:-.025em}.thermo .intro p{font-size:16px}.thermo .layout aside{border-top:4px solid #0e766e;background:#fff}.thermo .reactor{border-top:4px solid #1d4ed8}.thermo .zsa-th-share-link input{font-size:13px}.thermo .zsa-th-share-options{font-size:14px}.thermo .zsa-th-share-status{font-size:13px}.lab-links{display:flex;flex-wrap:wrap;gap:10px 24px;padding-top:18px;font-size:14px}.lab-links a[aria-current=page]{font-weight:650;color:#0b2a5b}.thermo .zsa-th-instructions-open{white-space:nowrap}
@media(max-width:740px){.thermo{padding:20px 16px}.thermo .zsa-th-identity{flex-basis:100%}.thermo .zsa-th-header-tools{margin-left:0}.thermo .zsa-th-share-link{flex-wrap:wrap}.thermo .zsa-th-brand img{width:48px}.thermo .zsa-th-identity h1{font-size:25px}.thermo .zsa-card{padding:17px}}@media print{.zsa-th-header-tools,.zsa-th-share-panel,.lab-links,dialog{display:none!important}.thermo{background:white}.thermo .zsa-card{box-shadow:none}}

/* Instrument bench visual system, v1.1.0. */
body:has(.thermo){background:#edf2f7}.thermo{--zsa-blue:#2457d6;--zsa-navy:#102d4f;background:#f6f8fb;max-width:1400px;padding:28px 36px 38px;color:#40546b}.thermo h1,.thermo h2,.thermo h3{color:#102d4f}.thermo .zsa-th-header{margin-bottom:0}.thermo .zsa-th-topline{border-bottom:1px solid #dce5ed;padding-bottom:22px}.thermo .zsa-th-brand{background:white;border:1px solid #e0e8f0;border-radius:16px;padding:8px;box-shadow:0 3px 10px #102d4f08}.thermo .zsa-th-brand img{width:44px}.thermo .brand-name{color:#356085;font-size:10px;letter-spacing:.18em}.thermo .zsa-th-identity{gap:16px}.thermo .zsa-th-identity h1{font-size:27px;letter-spacing:-.04em}.thermo .zsa-th-header-buttons .zsa-btn{border-color:#cad7e4;font-size:13px;border-radius:9px;color:#274864}.thermo .zsa-th-instructions-open{background:#fff}.lab-links{padding-top:16px;gap:8px;font-size:12px}.lab-links a{padding:7px 13px;text-decoration:none;border-radius:7px;color:#526d85}.lab-links a:first-child{margin-right:auto;padding-left:0}.lab-links a[aria-current=page]{background:#e5edf6;color:#183e67}.thermo .intro{position:relative;padding:24px 0 23px;margin-top:0;gap:16px}.thermo .intro .zsa-eyebrow{font-size:10px;color:#167568;letter-spacing:.16em;font-weight:700;margin:5px 0 10px}.thermo .intro h2{font-size:32px;line-height:1.15;letter-spacing:-.04em;font-weight:650;margin:0 0 12px}.thermo .intro p:last-child{margin:0;font-size:14px;color:#566d83}.thermo .intro .pill{background:#e6f2ed;color:#246253;font-size:11px;margin-left:8px}.thermo #reset-eq{font-size:13px;border-color:#c8d6e3;background:#fff;border-radius:9px;padding:10px 16px}.thermo .layout{grid-template-columns:280px minmax(0,1fr);gap:24px}.thermo .zsa-card{margin:0 0 20px;padding:24px;border-radius:15px;border:1px solid #dce5ed;box-shadow:0 4px 15px #0c2a4606}.thermo .layout aside{border-top:0;border-radius:15px;overflow:hidden;background:white;align-self:start}.thermo .layout aside:before{content:"LAB CONTROLS";display:block;color:#207466;font-size:10px;font-weight:700;letter-spacing:.18em;margin:0 0 20px;padding-bottom:16px;border-bottom:1px solid #e3eaf0}.thermo aside h3{font-size:21px;line-height:1.25;font-weight:600;margin:0 0 23px;letter-spacing:-.025em}.thermo label{color:#40576b;font-size:12px;font-weight:600;margin-top:19px;line-height:1.5}.thermo output{font-variant-numeric:tabular-nums}.thermo label output{padding:2px 7px;border-radius:5px;background:#eaf1f8;color:#245078;font-size:11px}.thermo input:not([type=range]),.thermo select{border-color:#cad8e4;border-radius:8px;background:#f8fafc;padding:10px 11px;font-size:14px;color:#183b5c;margin-top:6px;min-height:44px}.thermo input[type=range]{margin:14px 0 2px;accent-color:#22796e;cursor:pointer}.thermo .small{font-size:12px;color:#607487;line-height:1.65}.thermo aside hr{margin:24px 0 20px;border-color:#e3eaf0}.thermo .actions{gap:8px}.thermo .actions button{font-size:12px;padding:10px 7px;white-space:nowrap;background:#f5f8fc;border-color:#c7d6e5;border-radius:8px}.thermo #pause,.thermo #reset-cal{background:#f5f8fc;border-color:#cad8e5;border-radius:8px;font-size:13px;padding:10px 17px}.thermo #start-cal{font-size:13px;border-radius:9px;padding:12px 15px;background:#19796d;border-color:#19796d;box-shadow:0 3px 7px #19796d24}.thermo #start-cal:hover{background:#126357}.thermo #cal-error:empty{margin:0}.thermo .heading{gap:12px;margin-bottom:12px}.thermo h3{font-size:20px;font-weight:600;letter-spacing:-.025em}.card-label{display:block;color:#536c82;font-size:9px;letter-spacing:.17em;font-weight:700;margin:0 0 8px}.thermo .reactor{border-top:0;padding:24px;background:white}.thermo #state{font-size:11px;background:#e7f4ed;color:#25654f;border:1px solid #c8e4d4;display:inline-flex;align-items:center;gap:6px}.thermo #state:before{content:"";width:6px;height:6px;border-radius:50%;background:#309176}.instrument-bench{position:relative;background:radial-gradient(ellipse at 50% 20%,#264f6a,#102c43 85%);border:1px solid #274a60;border-radius:12px;overflow:hidden;margin:18px 0 14px;box-shadow:inset 0 1px 0 #ffffff12}.instrument-bench:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#91bac608 1px,transparent 1px),linear-gradient(90deg,#91bac608 1px,transparent 1px);background-size:24px 24px}.bench-topline{position:relative;display:flex;justify-content:space-between;padding:14px 17px 0;font-size:9px;color:#aac6d8;letter-spacing:.16em;font-weight:600}.thermo .instrument-bench svg{position:relative;width:100%;height:auto;margin:0;display:block}.bench-caption{position:relative;margin:0;padding:0 17px 13px;color:#a9c8d8;font-size:10px;letter-spacing:.03em}.thermo .metrics{gap:10px;margin-top:20px}.thermo .metrics>div{background:#f1f5f9;border:1px solid #e4ebf2;border-radius:9px;padding:12px}.thermo .metrics strong{font-size:19px;font-variant-numeric:tabular-nums;color:#143a5d;letter-spacing:-.03em;white-space:nowrap}.thermo .metrics span{font-size:10px;color:#526f85;display:block;margin-top:4px}.thermo .graph-card{padding:22px 24px 18px}.thermo .graph-card h3{margin:0}.thermo .graph-card svg{margin:10px 0 0}.thermo .graph-card .small{margin:4px 0 0}.thermo .zsa-panel{background:#eaf3f1;border:1px solid #cfe0db;border-left:3px solid #288576;border-radius:9px;color:#2e6257;font-size:14px;padding:15px 18px;margin:4px 0 20px}.thermo details.zsa-card{padding:17px 21px;background:#fff;font-size:14px}.thermo summary{font-size:13px;color:#3d5871;font-weight:550}.thermo .zsa-footer{margin-top:8px;padding-top:20px;font-size:11px;color:#536b80;gap:10px;border-color:#dce6ee}.thermo .zsa-footer span{margin-right:auto}.thermo .zsa-footer button{font-size:12px;padding:9px 13px;border-radius:8px;border-color:#c9d7e5;background:white}.thermo .temperature{float:none;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#176b62;font-size:28px;font-weight:600;letter-spacing:-.04em;background:#ecf6f2;border:1px solid #d1e5dd;border-radius:9px;padding:5px 12px}.thermo #cal-result{font-size:14px;line-height:1.8;color:#5a7186}.thermo #cal-result strong{display:block;background:#eaf4ef;color:#1a6855;border:1px solid #cfe2d7;border-radius:8px;padding:11px 14px;font-size:16px;font-weight:600}.thermo #cal-status{color:#50677a;padding:11px 13px;background:#f0f5f9;border-radius:7px;font-size:12px;line-height:1.5}.thermo .energy-card{border-left:3px solid #278976}.thermo .energy-card h3{margin:0 0 12px}.thermo .zsa-th-share-panel{box-shadow:0 8px 25px #183a5310}.thermo .molecule{animation:molecule-drift 5s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:center}.thermo .molecule:nth-child(3n){animation-duration:7s;animation-direction:alternate-reverse}.thermo .molecule:nth-child(4n){animation-delay:-2s}.thermo.is-paused .molecule{animation-play-state:paused}@keyframes molecule-drift{from{translate:0 -1px}to{translate:2px 2px}}
@media(min-width:1100px){.thermo #eq>.layout{grid-template-columns:280px minmax(0,1fr)}.thermo #eq>.layout>div{display:grid;grid-template-columns:minmax(0,1fr)}.thermo .layout aside{position:sticky;top:18px}.thermo .metrics strong{font-size:21px}}@media(max-width:1000px){.thermo{padding:22px}.thermo .layout{grid-template-columns:250px minmax(0,1fr);gap:18px}.thermo .metrics{grid-template-columns:repeat(2,1fr)}.thermo .zsa-card{padding:19px}.thermo .zsa-th-identity h1{font-size:24px}}@media(max-width:760px){.thermo{padding:18px 14px}.thermo .layout{grid-template-columns:1fr}.thermo .intro h2{font-size:28px}.thermo .zsa-th-identity h1{font-size:23px}.thermo .intro .pill{margin:8px 0 0}.thermo .intro p:last-child{max-width:100%}.thermo .zsa-card{padding:18px}.thermo .zsa-th-header-tools{margin:0}.thermo .layout aside:before{margin-bottom:15px}.thermo .metrics{grid-template-columns:repeat(2,1fr)}.thermo .instrument-bench{margin:16px 0}.bench-topline{font-size:8px;padding:12px 12px 0}.bench-caption{font-size:9px;padding:0 12px 11px}.thermo .zsa-footer span{width:100%}.thermo .temperature{font-size:22px;padding:4px 8px}}@media print{body:has(.thermo),.thermo{background:white}.thermo .layout aside{position:static}.thermo .instrument-bench{print-color-adjust:exact;-webkit-print-color-adjust:exact}.thermo .metrics{grid-template-columns:repeat(4,1fr)}.thermo .intro{padding-top:10px}}

@media(max-width:760px){.thermo #eq-graph text,.thermo #cal-graph text{font-size:20px}.thermo #cal-apparatus text{font-size:16px}}