.experiment .lesson-capillary{box-sizing:border-box;color:#d9e4ee;background:linear-gradient(#1f2f3f,#172430 78%);border-radius:26px;width:100%;max-width:1080px;margin:auto;padding:20px 24px 17px;font-family:inherit;font-size:16px;line-height:1.55}.lesson-capillary *{box-sizing:border-box;min-width:0}.lesson-capillary-strip{color:#a4b8c9;flex-wrap:wrap;justify-content:space-between;gap:4px 14px;margin-bottom:8px;display:flex}.lesson-capillary-strip>span:last-child{color:#8299ad}.lesson-capillary-stage-wrap{position:relative}.lesson-capillary-stage{background:#1a2836;border-radius:18px;width:100%;height:auto;display:block}.lesson-capillary-stage text{-webkit-user-select:none;user-select:none;font-family:inherit}.lesson-capillary-beaker-wall{fill:none;stroke:#5d7791;stroke-width:3px;stroke-linecap:round}.lesson-capillary-pool{fill:#2f6f9f;opacity:.55}.lesson-capillary-surface{stroke:#9fd2ef;stroke-width:2.5px;stroke-linecap:round}.lesson-capillary-glass{fill:#bfe0f2;opacity:.14}.lesson-capillary-wall{stroke:#9cc4dd;stroke-width:2px;stroke-linecap:round}.lesson-capillary-tube.is-waxed .lesson-capillary-wall{stroke:#d8b46a}.lesson-capillary-airgap{fill:#1a2836}.lesson-capillary-axis{stroke:#6c8aa3;stroke-width:1.2px;stroke-dasharray:3 6}.lesson-capillary-meniscus{stroke:#cfeaf9;stroke-width:2px;fill:none;stroke-linecap:round}.lesson-capillary-meniscus.is-emphasized{stroke:#eaf8ff;stroke-width:3px;filter:drop-shadow(0 0 4px #9fd2ef90)}.lesson-capillary-angle line{stroke:#ffd27a;stroke-width:2px;stroke-dasharray:4 3}.lesson-capillary-angle text{fill:#ffd9a0;font-size:13px}.lesson-capillary-bracket line{stroke:#8fb4cd;stroke-width:1.6px}.lesson-capillary-bracket text,.lesson-capillary-value{fill:#d9edfa;font-size:15px;font-weight:600}.lesson-capillary-rank circle{fill:#4f8fbf;stroke:#d9edfa;stroke-width:2px}.lesson-capillary-rank text{fill:#f2f9ff;font-size:13px;font-weight:700}.lesson-capillary-tube-label{fill:#a4b8c9;font-size:14px}.lesson-capillary-dish{fill:#16222d;stroke:#5d7791;stroke-width:3px}.lesson-capillary-paper{fill:#ece4d2;stroke:#c9bda2;stroke-width:1.5px}.lesson-capillary-front{stroke:#4f8fbf;stroke-width:3.5px;stroke-linecap:round}.lesson-capillary-drop{fill:#6fb7e0;animation:2.4s ease-in-out infinite lesson-capillary-drip}.lesson-capillary-drop:nth-of-type(2){animation-delay:.5s}.lesson-capillary-drop:nth-of-type(3){animation-delay:1s}.lesson-capillary-ruler line{stroke:#7c95a9;stroke-width:1.6px}.lesson-capillary-ruler text{fill:#a4b8c9;font-size:13px}.lesson-capillary-limit{stroke:#ffd27a;stroke-width:2px;stroke-dasharray:5 6}.lesson-capillary-limit-text{fill:#ffd9a0;font-size:13px}.lesson-capillary-life-label{fill:#c3d4e2;font-size:15px}.lesson-capillary-chevron{fill:none;stroke:#9fd2ef;stroke-width:2.4px;stroke-linecap:round;animation:2s ease-in-out infinite lesson-capillary-rise}.lesson-capillary-lamp{fill:#274257;stroke:#7c95a9;stroke-width:2px}.lesson-capillary-wick{fill:#d9cdb2}.lesson-capillary-flame{fill:#ffb45c;opacity:.95;transform-box:fill-box;transform-origin:50% 100%;animation:1.4s ease-in-out infinite lesson-capillary-flicker}.lesson-capillary-brick{fill:#8a5f4a;stroke:#6d4a39;stroke-width:1.5px}.lesson-capillary-damp{fill:#4f8fbf;opacity:.38}.lesson-capillary-sheet{fill:#f3ecdd;stroke:#cfc3a8;stroke-width:1.5px}.lesson-capillary-rule{stroke:#cfc3a8;stroke-width:1.2px}.lesson-capillary-nib{fill:#46586b}.lesson-capillary-ink{stroke:#2c3e50;stroke-width:3.5px;stroke-linecap:round}.lesson-capillary-ink-dot{fill:#2c3e50}.lesson-capillary-cap{fill:#d9edfa;font-size:15px;font-weight:600}.lesson-capillary-note{fill:#a4b8c9;font-size:13px}.lesson-capillary-trunk{fill:#6d4a39}.lesson-capillary-trunk.is-faded{opacity:.45}.lesson-capillary-break line{stroke:#9fb3c4;stroke-width:2.4px}.lesson-capillary-canopy{fill:#5f8f62;opacity:.5}.lesson-capillary-tree-label{fill:#cfe3d2;font-size:14px;font-weight:600}.lesson-capillary-ground{stroke:#5d7791;stroke-width:2.5px;stroke-linecap:round}.lesson-capillary-formula-details{margin-top:8px;font-size:16px}.lesson-capillary-formula-details>summary{cursor:pointer;color:#bcd0de;min-height:44px;padding:10px 4px}.lesson-capillary-band{background:#12203068;border:1px solid #4f8fbf60;border-radius:16px;gap:8px;width:100%;padding:14px 16px;display:grid}.lesson-capillary-band-formula{color:#eaf6ff;align-items:center;gap:8px;margin:0;font-size:20px;font-weight:600;display:flex}.lesson-capillary-frac{flex-direction:column;align-items:center;line-height:1.25;display:inline-flex}.lesson-capillary-frac>span:first-child{border-bottom:2px solid #8fb4cd;padding:0 8px 2px}.lesson-capillary-frac>span:last-child{color:#ffd9a0;padding-top:2px}.lesson-capillary-band ul{color:#bcd0de;gap:4px;margin:0;padding:0;font-size:14px;list-style:none;display:grid}.lesson-capillary-band-result{color:#ffd9a0;margin:0;font-size:17px;font-weight:700}.lesson-capillary-measure{color:#a4b8c9;flex-wrap:wrap;gap:8px 26px;margin:12px 2px 4px;display:flex}.lesson-capillary-measure .metric strong{color:#eef6fc;font-size:18px}.lesson-capillary-explore{border-top:1px solid #2e435680;gap:14px;margin-top:14px;padding-top:14px;display:grid}.lesson-capillary-explore .segmented,.lesson-capillary-replay,.lesson-capillary-reset{min-height:44px}.lesson-capillary-replay,.lesson-capillary-reset{color:#d9e4ee;cursor:pointer;background:#21374a;border:1px solid #46607a;border-radius:999px;justify-self:start;padding:8px 18px;font-size:16px}.lesson-capillary-replay:hover,.lesson-capillary-reset:hover{border-color:#6f92ad}@keyframes lesson-capillary-flicker{0%,to{transform:scale(1)skew(0)}30%{transform:scale(1.06,.94)skew(2deg)}60%{transform:scale(.95,1.05)skew(-2deg)}}@keyframes lesson-capillary-rise{0%,to{opacity:.9;transform:translateY(0)}50%{opacity:.5;transform:translateY(-4px)}}@keyframes lesson-capillary-drip{0%,to{opacity:.9;transform:translateY(0)}50%{opacity:.55;transform:translateY(-3px)}}@media (max-width:760px){.experiment .lesson-capillary{border-radius:18px;padding:14px 12px 12px}.lesson-capillary-stage{border-radius:12px}.lesson-capillary-measure{gap:6px 18px}.lesson-capillary-band{background:#12203030;width:100%;margin-top:10px;position:static}.lesson-capillary-band-formula{font-size:18px}}@media (prefers-reduced-motion:reduce){.lesson-capillary-flame,.lesson-capillary-chevron,.lesson-capillary-drop{animation:none}}@media (max-width:760px){.lesson-capillary[data-mode=formula] .lesson-capillary-value,.lesson-capillary[data-mode=formula] .lesson-capillary-tube-label{font-size:20px}}
