/* ═══════════════════════════════════════════════════════════════════════════
   TeachKit Lab Kit — ชุดอุปกรณ์วาดด้วย SVG ใช้ซ้ำได้ทุกบทเรียนแบบจำลองการทดลอง
   ถาด แก้ว น้ำ โลหะ ป้ายสลัก เส้นบอกขนาด และสายน้ำ WebGL
   คลาสทั้งหมดขึ้นต้นด้วย lb-
   ═══════════════════════════════════════════════════════════════════════════ */
:root{
  --lb-tray-top:#E2E8F0;--lb-tray-in:#D6DEE8;--lb-tray-front:#B3BECC;--lb-tray-edge:#8A97A8;--lb-tray-lip:#F6F8FB;
  --lb-shadow:rgba(30,58,138,.13);
  --lb-glass-tint:#8FBBD8;--lb-glass-edge:#6C88A0;--lb-glass-thin:#A6B9C9;--lb-glass-hi:rgba(255,255,255,.92);--lb-glass-thick:rgba(150,190,215,.45);
  --lb-water:#2F80D8;--lb-water-deep:#1E5FB0;--lb-water-surf:#93C5FD;--lb-water-line:#1E4F94;
  --lb-metal-1:#F1F4F7;--lb-metal-2:#B5BDC8;--lb-metal-3:#7F8996;--lb-metal-4:#4B5462;
  --lb-plate:#F8FAFC;--lb-plate-edge:#94A3B8;--lb-plate-ink:#334155;
  --lb-enamel:#B45309;--lb-dim:#1D4ED8;--lb-label:#0F172A;--lb-muted:#64748B;
  --lb-paper:rgba(30,58,138,.035);
  --lb-gl-water:#3B8BE3;--lb-gl-hi:#E6F3FF;
}
[data-theme="dark"]{
  --lb-tray-top:#1E293B;--lb-tray-in:#172234;--lb-tray-front:#0D1626;--lb-tray-edge:#3A4A66;--lb-tray-lip:#2C3B57;
  --lb-shadow:rgba(0,0,0,.4);
  --lb-glass-tint:#7FB3DC;--lb-glass-edge:#9FBBD2;--lb-glass-thin:#5F7891;--lb-glass-hi:rgba(255,255,255,.42);--lb-glass-thick:rgba(127,179,220,.25);
  --lb-water:#2C7DD0;--lb-water-deep:#1C5A9E;--lb-water-surf:#7CC0F5;--lb-water-line:#A4D4F8;
  --lb-metal-1:#C9D0DA;--lb-metal-2:#8F99A7;--lb-metal-3:#5D6776;--lb-metal-4:#343C4A;
  --lb-plate:#1A2538;--lb-plate-edge:#3B4A66;--lb-plate-ink:#CBD5E1;
  --lb-enamel:#F59E0B;--lb-dim:#60A5FA;--lb-label:#F1F5F9;--lb-muted:#94A3B8;
  --lb-paper:rgba(148,163,184,.05);
  --lb-gl-water:#3D93EA;--lb-gl-hi:#E8F5FF;
}

/* ═══ LAB LAYOUT ═══ */
.tk-lab-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:1.25rem;align-items:start;margin-bottom:1.25rem}
.tk-lab-grid>.tk-card{margin-bottom:0}
@media(max-width:1000px){.tk-lab-grid{grid-template-columns:1fr}}

.lb-stage{position:relative;width:100%;aspect-ratio:1200/850;cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;
  background-image:linear-gradient(var(--lb-paper) 1px,transparent 1px),linear-gradient(90deg,var(--lb-paper) 1px,transparent 1px);background-size:28px 28px;background-position:center}
.lb-stage svg,.lb-stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.lb-stage canvas{pointer-events:none}
.lb-stage.is-full{cursor:default}
.lb-stage:focus-visible{outline:3px solid var(--c-500);outline-offset:-3px}

/* แถบปุ่ม + ข้อความสถานะ ติดขอบล่างจอขณะเลื่อนดูชุดทดลอง จอโน้ตบุ๊กสูง 768–900px จึงเห็นอุปกรณ์กับปุ่มพร้อมกัน
   เฉพาะจอกว้าง ≥1180px ที่ปุ่มเรียงได้แถวเดียว จอแคบกว่านั้นแถบจะสูง 2–3 แถวและบังชุดทดลองมากเกินไป
   การ์ดใช้ overflow:clip แทน hidden เพราะ hidden ทำให้ position:sticky ไม่ทำงาน (เบราว์เซอร์เก่าที่ไม่รู้จัก clip แค่ไม่ติดขอบ) */
.tk-lab-card{overflow:clip}
.lb-dock{position:sticky;bottom:0;z-index:5;background:var(--bg-c);box-shadow:0 -10px 24px -20px rgba(15,23,42,.45)}
[data-theme="dark"] .lb-dock{box-shadow:0 -10px 24px -18px rgba(0,0,0,.7)}
@media(max-width:1179px),(max-height:699px){.lb-dock{position:static;box-shadow:none}}
.lb-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem .9rem;padding:.7rem 1.1rem;border-top:1px solid var(--bd);background:var(--bg-m)}
[data-theme="dark"] .lb-toolbar{background:rgba(15,23,42,.35)}
.lb-toolbar .tk-btn-primary{min-width:13.5em}
.lb-toolbar .lb-gap{flex:1}
.lb-status{display:flex;gap:.65rem;align-items:flex-start;padding:.7rem 1.1rem;border-top:1px dashed var(--bd);font-size:.93rem;color:var(--t1);min-height:3em}
.lb-status i{color:var(--c-500);margin-top:.28rem}
.lb-status.is-done i{color:var(--c-ok)}
.lb-gl-note{display:none;font-size:.82rem;color:var(--t3)}
.no-gl .lb-gl-note{display:inline}

/* fullscreen / presentation */
.tk-lab-card:fullscreen{display:flex;flex-direction:column;justify-content:center;background:var(--bg-c);border-radius:0;border:0;overflow:auto}
.tk-lab-card:fullscreen .lb-stage{width:min(100%,calc((100vh - 170px) * var(--lb-arn,1.41176)));margin:0 auto;flex:none}
.tk-lab-card:-webkit-full-screen{display:flex;flex-direction:column;justify-content:center;background:var(--bg-c)}
.tk-lab-card:-webkit-full-screen .lb-stage{width:min(100%,calc((100vh - 170px) * var(--lb-arn,1.41176)));margin:0 auto}

/* pips */
/* อยู่ในการ์ดตัวเลขแบบแนวนอน จึงชิดซ้ายตามข้อความ */
.lb-pips{display:flex;justify-content:flex-start;gap:.3rem;margin-top:.35rem}
.lb-pip{width:20px;height:25px}
.lb-pip .g{fill:none;stroke:var(--lb-glass-edge);stroke-width:1.6;stroke-linejoin:round}
.lb-pip .w{fill:var(--lb-water);transform-origin:50% 100%;transform:scaleY(0);transition:transform .55s var(--ease-out)}
.lb-pip.on .w{transform:scaleY(1)}

/* ═══ SVG PARTS ═══ */
.lb-tray-front{fill:var(--lb-tray-front)}.lb-tray-top{fill:var(--lb-tray-top)}.lb-tray-in{fill:var(--lb-tray-in)}
.lb-tray-rim{fill:none;stroke:var(--lb-tray-edge);stroke-width:1.2}
.lb-tray-lip{fill:none;stroke:var(--lb-tray-lip);stroke-width:2.2;stroke-linecap:round}
.lb-tray-slot{fill:var(--lb-tray-edge)}
.lb-shadow{fill:var(--lb-shadow)}
.lb-plate{fill:var(--lb-plate);stroke:var(--lb-plate-edge);stroke-width:1}
.lb-plate-edge{fill:none;stroke:var(--lb-plate-edge);stroke-width:2.4;stroke-linecap:round}
.lb-plate-t{fill:var(--lb-plate-ink);font:600 15px var(--f-b)}
.lb-glass{fill:url(#lbGlass)}
.lb-sg-e{stop-color:var(--lb-glass-tint);stop-opacity:.42}.lb-sg-m{stop-color:var(--lb-glass-tint);stop-opacity:.15}.lb-sg-c{stop-color:var(--lb-glass-tint);stop-opacity:.05}
.lb-gthick{fill:var(--lb-glass-thick);stroke:var(--lb-glass-edge);stroke-width:1}
.lb-gedge{fill:none;stroke:var(--lb-glass-edge);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:stroke .2s,stroke-width .2s}
.lb-gthin{fill:none;stroke:var(--lb-glass-thin);stroke-width:1.1}
.lb-ghi{fill:var(--lb-glass-hi);opacity:.5}
.lb-ghi-line{fill:none;stroke:var(--lb-glass-hi);stroke-width:1.2}
.lb-spout{fill:var(--lb-glass-thick);stroke:var(--lb-glass-edge);stroke-width:1.6;stroke-linejoin:round}
.lb-handle-o{fill:none;stroke:var(--lb-glass-edge);stroke-width:11;stroke-linecap:round;opacity:.5}
.lb-handle-i{fill:none;stroke:var(--lb-glass-hi);stroke-width:3;stroke-linecap:round}
.lb-water{fill:url(#lbWater);fill-opacity:.9}
.lb-sw-d{stop-color:var(--lb-water-deep)}.lb-sw-b{stop-color:var(--lb-water)}
.lb-surf{fill:var(--lb-water-surf);stroke:var(--lb-water-line);stroke-width:1}
.lb-stream{fill:none;stroke:var(--lb-water);stroke-linecap:round;stroke-dasharray:16 7;opacity:.92}
.lb-ripple ellipse{fill:none;stroke:var(--lb-water-surf);stroke-width:1.8}
.lb-m1{stroke:var(--lb-metal-1)}.lb-m2{stroke:var(--lb-metal-2)}.lb-m3{stroke:var(--lb-metal-3);transition:stroke .2s}.lb-m4{stroke:var(--lb-metal-4)}
.lb-foot{fill:var(--lb-metal-4)}.lb-foot-top{fill:var(--lb-metal-2)}
.lb-boss{fill:var(--lb-metal-2);stroke:var(--lb-metal-4);stroke-width:1.2}.lb-knob{fill:var(--lb-metal-1);stroke:var(--lb-metal-4);stroke-width:1.2}
.lb-enamel{fill:none;stroke:var(--lb-enamel);stroke-width:1.6;stroke-linecap:round}
.lb-enamel-dash{fill:none;stroke:var(--lb-enamel);stroke-width:1.4;stroke-dasharray:6 5;opacity:.85}
.lb-enamel-t{fill:var(--lb-enamel);font:600 14px var(--f-b);font-variant-numeric:tabular-nums}
.lb-enamel-big{fill:var(--lb-enamel);font:700 16px var(--f-b);font-variant-numeric:tabular-nums}
.lb-c-t{fill:var(--lb-label);font:700 19px var(--f-d)}
.lb-c-s{fill:var(--lb-muted);font:500 15px var(--f-b)}
.lb-c-l{fill:none;stroke:var(--lb-muted);stroke-width:1}
.lb-dim-l{fill:none;stroke:var(--lb-dim);stroke-width:1.5}
.lb-dim-x{fill:none;stroke:var(--lb-dim);stroke-width:1;stroke-dasharray:3 4;opacity:.65}
.lb-dim-t{fill:var(--lb-dim);font:700 15.5px var(--f-b)}
.lb-dim-dot{fill:var(--lb-dim)}
.lb-eq-t{fill:var(--lb-label);font:700 20px var(--f-b)}
.lb-eq-op{fill:var(--lb-muted);font:500 24px var(--f-b)}
.lb-icon-g{fill:none;stroke:var(--lb-glass-edge);stroke-width:1.6;stroke-linejoin:round}
.lb-icon-w{fill:var(--lb-water)}.lb-icon-s{fill:var(--lb-water-surf)}
.lb-glow{fill:none;stroke:var(--c-ok);stroke-width:3;opacity:0}
.lb-idle{transition:opacity .35s var(--ease)}
.lb-stage.busy .lb-idle{opacity:0}

/* hover link between apparatus and readouts */
.lb-stage[data-hl="cone"] .lb-part-cone .lb-gedge,
.lb-stage[data-hl="jug"] .lb-part-jug .lb-gedge,
.lb-stage[data-hl="cyl"] .lb-part-cyl .lb-gedge{stroke:var(--c-600);stroke-width:2.8}
[data-theme="dark"] .lb-stage[data-hl] .lb-gedge{stroke:var(--lb-glass-edge)}
[data-theme="dark"] .lb-stage[data-hl="cone"] .lb-part-cone .lb-gedge,
[data-theme="dark"] .lb-stage[data-hl="jug"] .lb-part-jug .lb-gedge,
[data-theme="dark"] .lb-stage[data-hl="cyl"] .lb-part-cyl .lb-gedge{stroke:var(--c-400)}
.lb-stage[data-hl="stand"] .lb-part-stand .lb-m3{stroke:var(--c-600)}

/* completion moment */
.lb-stage.is-full .lb-glow{animation:lb-glow 1.6s var(--ease-out) 2}
.lb-stage.is-full .lb-fill-lab{animation:lb-blink 1.6s var(--ease-out) 2}
.lb-stage.is-full .lb-eq-t{animation:lb-blink 1.6s var(--ease-out) 2}
@keyframes lb-glow{0%{opacity:0;stroke-width:2}35%{opacity:.95;stroke-width:7}100%{opacity:0;stroke-width:14}}
@keyframes lb-blink{0%,100%{opacity:1}40%{opacity:.35}}

/* ═══ ชีววิทยา: รีสไปโรมิเตอร์ / อ่างน้ำ / เครื่องมือวัด ═══ */
:root{
  --lb-rubber-1:#71717A;--lb-rubber-2:#52525B;--lb-rubber-3:#3F3F46;
  --lb-koh:rgba(203,213,225,.55);--lb-koh-surf:rgba(241,245,249,.9);--lb-koh-line:#94A3B8;
  --lb-bean:#7FA33A;--lb-bean-edge:#55741F;--lb-bean-hi:#B9D47A;--lb-sprout:#FFFBEB;--lb-sprout-edge:#D6C9A0;
  --lb-bead:rgba(226,240,250,.75);--lb-bead-edge:#8AA7BE;
  --lb-drop:#DC2626;--lb-drop-edge:#991B1B;
  --lb-bath:rgba(56,140,220,.13);--lb-bath-surf:rgba(147,197,253,.35);
  --lb-o2:#2563EB;--lb-co2:#EA580C;
  --lb-alcohol:#DC2626;
  --lb-lcd:#0E2A1F;--lb-lcd-ink:#4ADE80;--lb-lcd-dim:#1F5C43;
  --lb-box-1:#E2E8F0;--lb-box-2:#CBD5E1;--lb-box-3:#94A3B8;
  --lb-watch-face:#FFFFFF;--lb-watch-ink:#0F172A;
  --lb-scale:#FEFCE8;--lb-scale-ink:#422006;
}
[data-theme="dark"]{
  --lb-rubber-1:#8B8B95;--lb-rubber-2:#5F5F69;--lb-rubber-3:#3A3A42;
  --lb-koh:rgba(148,163,184,.32);--lb-koh-surf:rgba(203,213,225,.45);--lb-koh-line:#64748B;
  --lb-bean:#8DB548;--lb-bean-edge:#5F8224;--lb-bean-hi:#C2DD85;--lb-sprout:#FEF9C3;--lb-sprout-edge:#A8A07A;
  --lb-bead:rgba(186,214,236,.35);--lb-bead-edge:#8AA7BE;
  --lb-drop:#F87171;--lb-drop-edge:#DC2626;
  --lb-bath:rgba(56,140,220,.16);--lb-bath-surf:rgba(96,165,250,.25);
  --lb-o2:#60A5FA;--lb-co2:#FB923C;
  --lb-alcohol:#F87171;
  --lb-box-1:#334155;--lb-box-2:#273449;--lb-box-3:#1E293B;
  --lb-watch-face:#E2E8F0;--lb-watch-ink:#0F172A;
  --lb-scale:#2A2618;--lb-scale-ink:#FDE68A;
}
.lb-rubber-1{fill:var(--lb-rubber-1)}.lb-rubber-2{fill:var(--lb-rubber-2)}.lb-rubber-3{fill:var(--lb-rubber-3)}
.lb-hose{fill:none;stroke:var(--lb-rubber-2);stroke-width:11;stroke-linecap:round}
.lb-koh{fill:var(--lb-koh)}.lb-koh-surf{fill:var(--lb-koh-surf);stroke:var(--lb-koh-line);stroke-width:1}
.lb-gauze{fill:url(#lbMesh);stroke:var(--lb-metal-3);stroke-width:1.6}
.lb-mesh-l{stroke:var(--lb-metal-3);stroke-width:.8}
.lb-bean{fill:var(--lb-bean);stroke:var(--lb-bean-edge);stroke-width:1.1}
.lb-bean-hi{fill:none;stroke:var(--lb-bean-hi);stroke-width:1.4;stroke-linecap:round}
.lb-sprout{fill:none;stroke:var(--lb-sprout);stroke-width:2.6;stroke-linecap:round}
.lb-sprout-o{fill:none;stroke:var(--lb-sprout-edge);stroke-width:4;stroke-linecap:round}
.lb-bead{fill:var(--lb-bead);stroke:var(--lb-bead-edge);stroke-width:1}
.lb-bead-hi{fill:#fff;opacity:.85}
.lb-cap-o{fill:none;stroke:var(--lb-glass-edge);stroke-width:15;stroke-linecap:round;stroke-linejoin:round;opacity:.55}
.lb-cap-g{fill:none;stroke:var(--lb-glass-thick);stroke-width:12;stroke-linecap:round;stroke-linejoin:round}
.lb-cap-b{fill:none;stroke:var(--bg-c);stroke-width:6;stroke-linecap:round;stroke-linejoin:round;opacity:.9}
.lb-drop{fill:var(--lb-drop);stroke:var(--lb-drop-edge);stroke-width:1}
.lb-drop-t{fill:var(--lb-drop);font:700 14px var(--f-b)}
.lb-chev{fill:none;stroke:var(--lb-drop);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.lb-scale-bg{fill:var(--lb-scale);stroke:var(--lb-plate-edge);stroke-width:1}
.lb-scale-tk{stroke:var(--lb-scale-ink);stroke-width:1}
.lb-scale-t{fill:var(--lb-scale-ink);font:600 12.5px var(--f-b);font-variant-numeric:tabular-nums}
.lb-bath{fill:var(--lb-bath)}.lb-bath-surf{fill:var(--lb-bath-surf)}
.lb-tank{fill:none;stroke:var(--lb-glass-edge);stroke-width:2;stroke-linejoin:round}
.lb-alc{fill:var(--lb-alcohol)}
.lb-coil{fill:none;stroke:var(--lb-metal-3);stroke-width:3;stroke-linejoin:round;transition:stroke .4s}
.lb-stage.is-heating .lb-coil{stroke:#F97316}
.lb-stage.is-cooling .lb-coil{stroke:#38BDF8}
.lb-cable{fill:none;stroke:var(--lb-rubber-3);stroke-width:5;stroke-linecap:round}
.lb-box-1{fill:var(--lb-box-1)}.lb-box-2{fill:var(--lb-box-2)}.lb-box-3{fill:var(--lb-box-3)}
.lb-box-edge{fill:none;stroke:var(--lb-box-3);stroke-width:1.2}
.lb-lcd{fill:var(--lb-lcd);stroke:var(--lb-box-3);stroke-width:2}
.lb-lcd-t{fill:var(--lb-lcd-ink);font:600 15px var(--f-b);font-variant-numeric:tabular-nums}
.lb-lcd-s{fill:var(--lb-lcd-ink);font:500 12.5px var(--f-b);opacity:.85}
.lb-led{fill:var(--lb-lcd-dim);transition:fill .3s}
.lb-stage.is-heating .lb-led{fill:#F97316}.lb-stage.is-cooling .lb-led{fill:#38BDF8}.lb-stage.is-stable .lb-led{fill:#22C55E}
.lb-dial{cursor:grab;outline:none}
.lb-dial:active{cursor:grabbing}
.lb-dial:focus-visible .lb-dial-ring{stroke:var(--c-500);stroke-width:4}
.lb-dial.is-locked{cursor:not-allowed;opacity:.75}
.lb-dial-ring{fill:var(--lb-metal-2);stroke:var(--lb-metal-4);stroke-width:1.5}
.lb-dial-knob{fill:var(--lb-metal-1);stroke:var(--lb-metal-3);stroke-width:1.5}
.lb-dial-ptr{stroke:var(--c-700);stroke-width:4;stroke-linecap:round}
.lb-dial-tk{stroke:var(--lb-box-3);stroke-width:1.4}
[data-theme="dark"] .lb-dial-tk{stroke:var(--lb-metal-2)}
.lb-dial-t{fill:var(--lb-label);font:700 13px var(--f-b)}
.lb-watch-case{fill:var(--lb-metal-2);stroke:var(--lb-metal-4);stroke-width:1.5}
.lb-watch-face{fill:var(--lb-watch-face);stroke:var(--lb-metal-3);stroke-width:1}
.lb-watch-tk{stroke:var(--lb-watch-ink);stroke-width:1}
.lb-watch-t{fill:var(--lb-watch-ink);font:600 11px var(--f-b)}
.lb-watch-hand{stroke:#DC2626;stroke-width:2.2;stroke-linecap:round}
.lb-watch-hand2{stroke:var(--lb-watch-ink);stroke-width:2.2;stroke-linecap:round}
.lb-watch-dig{fill:var(--lb-watch-ink);font:700 13px var(--f-b);font-variant-numeric:tabular-nums}
.lb-tap{fill:var(--lb-glass-thick);stroke:var(--lb-glass-edge);stroke-width:1.4}
.lb-tap-h{fill:var(--c-700);transition:transform .35s var(--ease-out)}
.lb-plunger{fill:var(--lb-metal-2);stroke:var(--lb-metal-4);stroke-width:1}
.lb-o2{fill:var(--lb-o2)}.lb-co2{fill:var(--lb-co2)}
.lb-o2-t{fill:var(--lb-o2);font-weight:700}.lb-co2-t{fill:var(--lb-co2);font-weight:700}
.lb-callout{transition:opacity .3s var(--ease)}
.lb-stage.no-labels .lb-callout{opacity:0}
.lb-stage[data-hl="beans"] .lb-part-beans .lb-gedge,
.lb-stage[data-hl="ctrl"] .lb-part-ctrl .lb-gedge,
.lb-stage[data-hl="bath"] .lb-part-bath .lb-tank{stroke:var(--c-600);stroke-width:2.8}
.lb-stage[data-hl="drop"] .lb-part-drop .lb-drop{stroke:var(--c-600);stroke-width:2.4}
.lb-stage[data-hl="watch"] .lb-part-watch .lb-watch-case{stroke:var(--c-600);stroke-width:3}
[data-theme="dark"] .lb-stage[data-hl="beans"] .lb-part-beans .lb-gedge,
[data-theme="dark"] .lb-stage[data-hl="ctrl"] .lb-part-ctrl .lb-gedge,
[data-theme="dark"] .lb-stage[data-hl="bath"] .lb-part-bath .lb-tank{stroke:var(--c-400)}

/* แผงตั้งอุณหภูมิ */
.lb-temp{display:flex;align-items:center;gap:.85rem;margin:.35rem 0 .1rem}
.lb-temp input[type=range]{flex:1;accent-color:var(--c-600);height:28px;cursor:pointer}
.lb-temp input[type=range]:disabled{cursor:not-allowed;opacity:.55}
.lb-temp output{min-width:4.2em;text-align:right;font:700 1.35rem var(--f-d);color:var(--t1);font-variant-numeric:tabular-nums}
.lb-temp-tk{display:flex;justify-content:space-between;padding:0 4.9em 0 .2em;font-size:.76rem;color:var(--t3)}
.tk-split{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:1.25rem;align-items:start}
@media(max-width:1000px){.tk-split{grid-template-columns:1fr}}
.lb-chart{width:100%;height:auto;display:block}
.lb-chart .ax{stroke:var(--bd2);stroke-width:1}
.lb-chart .gr{stroke:var(--bd);stroke-width:1}
.lb-chart .tx{fill:var(--t3);font:500 12px var(--f-b)}
.lb-chart .tt{fill:var(--t2);font:600 12.5px var(--f-b)}
.lb-chart .model{fill:none;stroke:var(--c-500);stroke-width:2.5;stroke-dasharray:7 6}
.lb-chart .dbl{fill:none;stroke:var(--c-warn);stroke-width:1.6;marker-end:url(#lbArrow)}
.lb-chart .dbl-t{fill:#B45309;font:700 12.5px var(--f-b)}
[data-theme="dark"] .lb-chart .dbl-t{fill:#FCD34D}
.lb-chart .pt{fill:var(--c-600);stroke:var(--bg-c);stroke-width:2.5}
.lb-chart .pt-t{fill:var(--t1);font:700 12px var(--f-b)}
.tk-opts.long{grid-template-columns:repeat(2,minmax(0,1fr));max-width:960px}
.tk-opts.long .tk-opt{font-size:.95rem;font-weight:500;text-align:left;line-height:1.45}
@media(max-width:700px){.tk-opts.long{grid-template-columns:1fr}}

@media(prefers-reduced-motion:reduce){.lb-stage *{animation:none!important;transition:none!important}}
