/* gas.css — Gas & States Lab specifics (theme + controls come from chem.css) */
.gl-tabs{margin-top:6px;}
.gl-lead{color:var(--ch-dim);font-size:14px;line-height:1.55;margin:10px 0 4px;max-width:64ch;}
.gl-lab{grid-template-columns:minmax(0,1.3fr) minmax(280px,1fr);align-items:stretch;}
@media (max-width:820px){.gl-lab{grid-template-columns:1fr;}}

.gl-stagewrap{position:relative;background:radial-gradient(130% 130% at 50% 0%,#0c1734,#070c1c);
  border:1px solid var(--ch-line);border-radius:16px;overflow:hidden;min-height:340px;
  box-shadow:inset 0 0 60px rgba(20,40,90,.4);display:flex;}
.gl-canvas{display:block;width:100%;height:100%;}
.gl-hint{position:absolute;left:12px;right:12px;bottom:10px;font-size:11.5px;color:var(--ch-dim);
  background:rgba(6,10,22,.6);border:1px solid var(--ch-line);border-radius:8px;padding:6px 9px;pointer-events:none;
  backdrop-filter:blur(3px);line-height:1.4;}

.gl-panel{display:flex;flex-direction:column;gap:12px;}
.gl-controls{display:flex;flex-direction:column;gap:10px;}
.gl-readout{margin:4px 0;}
.gl-readout .v{font-size:17px;}

.gl-lawtag{background:linear-gradient(100deg,#12203f,#0c1730);border:1px solid rgba(120,180,255,.3);
  border-radius:12px;padding:10px 13px;}
.gl-lawtag b{display:block;font-size:15px;color:#8fe0ff;margin-bottom:2px;}
.gl-lawtag span{font-size:12.5px;color:var(--ch-dim);line-height:1.45;}

.gl-graph{width:100%;height:120px;background:rgba(8,14,30,.6);border:1px solid var(--ch-line);border-radius:12px;display:block;}

.gl-subseg{flex-wrap:wrap;}
.gl-statenote{font-size:13px;color:#d7e0fb;background:rgba(255,255,255,.03);border-left:3px solid var(--ch-accent);
  border-radius:0 8px 8px 0;padding:9px 12px;line-height:1.5;}

/* thermometer */
.gl-thermo{display:flex;justify-content:center;padding:6px 0;}
.gl-thermo-track{position:relative;width:26px;height:150px;border-radius:14px;background:rgba(255,255,255,.05);
  border:1px solid var(--ch-line);overflow:hidden;}
.gl-thermo-fill{position:absolute;left:0;right:0;bottom:0;border-radius:0 0 14px 14px;
  background:linear-gradient(0deg,#ff6b6b,#ff9d5b,#ffd43b);transition:height .2s;}
.gl-thermo-mark{position:absolute;left:-4px;right:-4px;height:0;border-top:2px dashed;}
.gl-thermo-mark.mp{border-color:#8fb4ff;}
.gl-thermo-mark.bp{border-color:#ff9d5b;}