.tol-panel{border-top:3px solid var(--topic-color,var(--cr-b8d887))}
.tol-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:26px;align-items:start}.tol-columns>*{min-width:0}
.tol-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}.tol-controls.two{grid-template-columns:1fr 1fr}
.tol-controls label{display:grid;gap:8px;color:var(--ct-d3e0db);font-size:.92rem}.tol-controls select{min-width:0;width:100%;min-height:46px;border:1px solid var(--cr-607754);border-radius:10px;padding:10px;background:var(--cf-10212a);color:var(--ct-f0f5ed);font:inherit}
.tol-formula{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:24px 0}.tol-formula-group{display:flex;gap:3px;align-items:center}.tol-formula button{min-width:44px;min-height:52px;padding:8px 12px;border:1px solid var(--cr-6c805b);border-radius:9px;background:var(--cf-142830);color:var(--ct-d5ecc0);font:700 1.55rem system-ui;cursor:pointer}.tol-formula button[aria-pressed=true]{color:var(--ct-102123);background:var(--cf-b8d887);border-color:var(--cr-d5ecc0)}.tol-formula .tol-separator{padding:0 6px;color:var(--ct-d1ded8);font-size:1.8rem}
.tol-panel button:focus-visible,.tol-panel select:focus-visible{outline:3px solid var(--cr-e3f4cb);outline-offset:4px}.tol-note{padding:18px 20px;border-left:3px solid var(--cr-b8d887);border-radius:0 12px 12px 0;background:var(--cf-1d302e);line-height:1.75}.tol-explanation{min-height:175px}.tol-explanation h3{margin:0 0 10px}.tol-explanation p{margin:0}.tol-figure{margin:20px 0;background:var(--cf-0b2027);border:1px solid var(--cr-425c50);border-radius:14px;padding:14px}.tol-figure svg{width:100%;height:auto;display:block}.tol-figure text{font-family:system-ui,sans-serif;fill:var(--ct-dfebe4);font-size:17px}.tol-figure text[font-size="14"]{font-size:14px}.tol-figure text[font-size="15"]{font-size:15px}.tol-figure figcaption{font-size:.88rem;line-height:1.65;color:var(--ct-b2c7bd);margin-top:12px}.tol-panel details{margin:18px 0;padding:17px 20px;border:1px solid var(--cr-455c50);border-radius:12px}.tol-panel summary{font-weight:700;cursor:pointer}.tol-panel li{margin:10px 0}.tol-result{font-weight:700;color:var(--ct-d6edb6)}.tol-reading{margin-top:26px}.tol-reading table{min-width:450px}.tol-caption{color:var(--ct-b9cdc3);font-size:.9rem;line-height:1.65}.tol-value-steps{padding-left:22px}.tol-panel [hidden]{display:none!important}
#tl-quiz fieldset,#tl-quiz legend{min-width:0;max-width:100%}#tl-quiz legend{overflow-wrap:anywhere}#tl-quiz .wk-option{min-width:0}
@media(max-width:850px){.tol-columns{grid-template-columns:1fr}.tol-explanation{min-height:0}}
@media(max-width:500px){.tol-controls{grid-template-columns:1fr}.tol-controls.two{grid-template-columns:1fr}.tol-formula{gap:5px}.tol-formula button{padding:6px 9px;min-width:40px;font-size:1.3rem}.tol-formula .tol-separator{padding:0 2px}.tol-figure{padding:8px}.tol-note{padding:16px}.tol-panel details{padding:14px}.tol-panel{padding:22px 16px!important}}
@media print{[data-tol-controls]{display:none!important}.tol-columns{display:block}.tol-note,.tol-figure{background:var(--cf-ffffff);color:var(--ct-111111);break-inside:avoid}.tol-figure svg{max-width:450px}.tol-figure text{fill:var(--ct-111111)}.tol-figure figcaption,.tol-result,.tol-caption{color:var(--ct-222222)}.tol-formula button{color:var(--ct-111111);background:var(--cf-ffffff)}}
/* Narrow diagrams retain full text size without sideways scrolling. */
.tol-diagram-compact{display:none}
@media(max-width:600px){.tol-diagram-wide{display:none}.tol-diagram-compact{display:block}}
@media(max-width:500px){.tol-formula{gap:2px}.tol-formula-group{gap:2px}.tol-formula button{min-width:44px;padding:6px 5px;font-size:1.2rem}.tol-formula .tol-separator{padding:0;font-size:1.4rem}}