.vortex-explanation.flow-lab{display:block;padding:100px 5vw;background:#edf6f8;color:#123946}.flow-lab>*{max-width:1440px;margin-inline:auto}.flow-lab-heading{margin-bottom:38px}.flow-eyebrow{font:12px Arial,sans-serif;letter-spacing:.14em;color:#496f7d}.flow-lab-heading h2{font-size:clamp(32px,3.7vw,58px);line-height:1.4;margin:20px 0}.flow-answer{font-size:clamp(19px,1.7vw,25px);line-height:1.9;max-width:46em}.flow-scope{font-size:15px;line-height:1.9;color:#476875;max-width:64em}.flow-modes{display:flex;gap:12px;margin-bottom:24px}.flow-lab button{font:600 15px/1.5 "Yu Gothic",sans-serif;cursor:pointer;border:1px solid #9bbbc7;border-radius:7px;background:#f7fcfd;color:#123946;min-height:46px;padding:10px 18px}.flow-modes button{flex:1;text-align:left;padding:17px 22px;font-size:18px}.flow-modes small{margin-right:16px;color:#548899;font:13px Arial}.flow-lab button[aria-pressed=true],.flow-lab .flow-play{background:#123e52;color:white;border-color:#123e52}.flow-modes button[aria-pressed=true] small{color:#b5dce6}.flow-lab button:focus-visible,.flow-lab input:focus-visible,.flow-method summary:focus-visible{outline:3px solid #228db5;outline-offset:4px}.flow-workbench{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(270px,1fr);gap:36px;align-items:start}.flow-visual-column{min-width:0}.flow-figure{margin:0;border:1px solid #bdd6df;border-radius:12px;overflow:hidden;background:#f4fafc}.flow-figure-top{display:flex;justify-content:space-between;gap:15px;padding:20px 24px;font-size:13px;color:#547581}.flow-view-name{font-weight:700;color:#123946}.flow-field{display:block;width:100%;height:auto}.flow-figure figcaption{display:flex;flex-wrap:wrap;gap:12px 24px;padding:20px 24px;font-size:13px;line-height:1.7;border-top:1px solid #dcebf0}.flow-figure figcaption>span:last-child{flex-basis:100%;color:#486875}.key-particle{color:#835020}.key-center{color:#123e52}.key-velocity{color:#23596c}.flow-player{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:20px}.flow-player label{display:flex;align-items:center;gap:12px;flex:1;min-width:260px;font-size:14px}.flow-time{flex:1;min-width:60px;accent-color:#207ea1}.flow-time-label{font:12px Arial;white-space:nowrap}.flow-player-note{font-size:13px;line-height:1.8;color:#4d6d79}.flow-reading h3{font-size:25px;line-height:1.6;margin:12px 0 18px}.flow-reading p{font-size:17px;line-height:1.95}.flow-reading .flow-eyebrow{font-size:11px}.flow-tip{border-left:2px solid #4f9fb8;padding-left:18px;margin:26px 0}.flow-tip strong{font-size:13px;letter-spacing:.08em}.flow-tip p{margin:8px 0;font-size:15px}.flow-probe{padding-top:22px;border-top:1px solid #b8d2dd}.flow-probe h4{font-size:18px;margin:0 0 16px}.flow-probe-buttons{display:flex;gap:10px}.flow-probe-buttons button{flex:1;font-size:13px;padding:8px}.flow-sum{width:100%;display:block;margin-top:15px}.flow-reading .flow-probe-answer{font-size:15px;margin-top:0}.flow-lessons{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;margin-top:62px}.flow-lessons article{border-top:1px solid #93bdcb;padding-top:22px}.flow-lessons article>span{font:12px Arial;letter-spacing:.1em;color:#4a7c8d}.flow-lessons h3{font-size:22px;line-height:1.7}.flow-lessons p{font-size:17px;line-height:2}.flow-method{margin-top:42px;border-block:1px solid #b5d0da}.flow-method summary{padding:22px 0;font-size:17px;font-weight:700;cursor:pointer}.flow-method>div{max-width:900px;padding:10px 0 28px}.flow-method p,.flow-method li{font-size:16px;line-height:2}.flow-method a{color:#176a88;text-decoration:underline;text-underline-offset:4px}.flow-equation{padding:20px;background:#e0edf2;overflow-wrap:anywhere}@media(hover:hover){.flow-lab button:hover{border-color:#19769a;box-shadow:0 3px 12px #15445b15}}@media(max-width:1050px){.flow-workbench{grid-template-columns:1fr}.flow-reading{display:grid;grid-template-columns:1fr 1fr;gap:0 32px}.flow-reading>.flow-eyebrow,.flow-reading>h3,.flow-reading>.flow-step-answer,.flow-reading>.flow-tip{grid-column:1}.flow-probe{grid-column:2;grid-row:1/6;padding:0 0 0 28px;border-top:0;border-left:1px solid #b8d2dd}.flow-lessons{gap:22px}}@media(max-width:650px){.vortex-explanation.flow-lab{padding:65px 6vw}.flow-modes{gap:8px}.flow-modes button{font-size:13px;padding:12px 8px}.flow-modes small{display:block;margin-bottom:6px}.flow-reading{display:block}.flow-probe{border-left:0;border-top:1px solid #b8d2dd;padding:24px 0 0}.flow-lessons{grid-template-columns:1fr;gap:24px}.flow-figure-top{padding:14px;font-size:11px}.flow-figure figcaption{padding:14px;font-size:12px;gap:8px 15px}.flow-player label{flex-basis:100%;min-width:0}.flow-reading h3{font-size:24px}.flow-lessons p{font-size:17px}.flow-field{min-height:220px}.flow-player-note{font-size:12px}}.flow-reading .flow-probe-note{font-size:13px;line-height:1.8;color:#496f7d}.flow-reading .flow-vector-key{font-size:12px;line-height:1.8}.flow-vector-key span:first-child{color:#248bb3}.flow-vector-key span:nth-child(2){color:#8062a5}.flow-vector-key strong{color:#123e52}.flow-lab .key-velocity{color:var(--field-color,#248bb3)}@media(max-width:650px){.flow-field text{font-size:27px}.flow-field .flow-arrows path{stroke-width:2.6}.flow-field{min-height:0}}
