.ArticleDemos_demo__dOvkb{margin:2.5rem 0;padding:clamp(1.25rem,4vw,2rem);border:1px solid var(--color-border,#d9dce1);border-radius:18px;background:var(--color-surface,#fff);color:var(--color-ink,#18212b);font-family:var(--font-ui,sans-serif)}.ArticleDemos_demo__dOvkb h2{margin:.4rem 0 .65rem;font-size:clamp(1.35rem,3vw,1.75rem);line-height:1.2}.ArticleDemos_demo__dOvkb p{margin:0;line-height:1.6;color:var(--color-muted,#596674)}.ArticleDemos_eyebrow__k8zNk{color:var(--color-accent,#315ee8);font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.ArticleDemos_switcher__Y9e7T{display:inline-flex;flex-wrap:wrap;gap:.3rem;margin:1.35rem 0;padding:.3rem;border:1px solid var(--color-border,#d9dce1);border-radius:12px}.ArticleDemos_switcher__Y9e7T button{border:0;border-radius:8px;padding:.6rem .85rem;background:transparent;color:var(--color-ink,#18212b);cursor:pointer;font:inherit;font-weight:700}.ArticleDemos_switcher__Y9e7T button[aria-pressed=true]{background:var(--color-accent,#315ee8);color:white}.ArticleDemos_checkbox__UInO8 input:focus-visible,.ArticleDemos_range__IZ_1x:focus-visible,.ArticleDemos_switcher__Y9e7T button:focus-visible{outline:3px solid var(--color-accent,#315ee8);outline-offset:3px}.ArticleDemos_flow__0Qkfd{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:.6rem;gap:.6rem;align-items:stretch}.ArticleDemos_connection__w0cg3,.ArticleDemos_device__M7_3p{display:flex;flex-direction:column;gap:.35rem;padding:1rem;border:1px solid var(--color-border,#d9dce1);border-radius:12px}.ArticleDemos_device__M7_3p>span{color:var(--color-accent,#315ee8);font-size:.75rem;font-weight:800}.ArticleDemos_connection__w0cg3 small,.ArticleDemos_device__M7_3p small{color:var(--color-muted,#596674);line-height:1.4}.ArticleDemos_connection__w0cg3{justify-content:center;text-align:center;border-style:dashed}.ArticleDemos_connection__w0cg3>span{color:var(--color-accent,#315ee8);font-size:1.6rem;line-height:1}.ArticleDemos_demo__dOvkb .ArticleDemos_explanation__VRJNN{margin-top:1.2rem;color:var(--color-ink,#18212b);font-size:.92rem}.ArticleDemos_source__pZfr_{display:inline-block;margin-top:1rem;color:var(--color-accent,#315ee8);font-size:.82rem}.ArticleDemos_batteryLayout__E5iRq{display:flex;align-items:center;gap:1.4rem;margin:1.5rem 0}.ArticleDemos_batteryVisual__htw7_{position:relative;width:130px;height:60px;padding:5px;border:2px solid var(--color-ink,#18212b);border-radius:9px}.ArticleDemos_batteryVisual__htw7_:after{position:absolute;top:18px;right:-8px;width:5px;height:20px;border-radius:0 3px 3px 0;background:var(--color-ink,#18212b);content:""}.ArticleDemos_batteryFill__NW3qZ{height:100%;border-radius:3px;background:var(--color-accent,#315ee8);transition:width .15s ease}.ArticleDemos_reading__hBQq0{display:flex;flex-direction:column;gap:.2rem}.ArticleDemos_reading__hBQq0 strong{font-size:2rem;line-height:1}.ArticleDemos_reading__hBQq0 span{color:var(--color-muted,#596674);font-size:.85rem}.ArticleDemos_rangeLabel__R4xSW{display:flex;justify-content:space-between;gap:1rem;font-size:.9rem;font-weight:700}.ArticleDemos_range__IZ_1x{width:100%;margin:.8rem 0;accent-color:var(--color-accent,#315ee8)}.ArticleDemos_checkbox__UInO8{display:flex;gap:.55rem;align-items:center;font-size:.9rem}.ArticleDemos_checkbox__UInO8 input{accent-color:var(--color-accent,#315ee8)}@media (max-width:560px){.ArticleDemos_flow__0Qkfd{grid-template-columns:1fr}.ArticleDemos_connection__w0cg3>span{transform:rotate(90deg)}.ArticleDemos_connection__w0cg3,.ArticleDemos_device__M7_3p{padding:.8rem}}@media (prefers-reduced-motion:reduce){.ArticleDemos_batteryFill__NW3qZ{transition:none}}.ArticleDemos_demo__dOvkb{border-radius:var(--radius-md)}.ArticleDemos_demo__dOvkb .ArticleDemos_diagram___bDg_{margin:0;overflow:hidden;border-radius:var(--radius-md);background:var(--color-plot);color:var(--color-plot-text)}.ArticleDemos_diagram___bDg_ svg{display:block;width:100%}.ArticleDemos_diagram___bDg_ figcaption{border-top:1px solid rgb(227 241 218/25%);padding:.65rem .9rem;font-size:.85rem}.ArticleDemos_gridLines__vgcO7{stroke:currentColor;opacity:.18;stroke-width:1;stroke-dasharray:3 5}.ArticleDemos_devices__0LT30{stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ArticleDemos_routes___KdAC{stroke:var(--color-signal);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.ArticleDemos_routes___KdAC>:first-child{opacity:.55}.ArticleDemos_routes___KdAC .ArticleDemos_separate__cL36B{stroke-dasharray:5 4}.ArticleDemos_diagramLabels__IZ_63{fill:currentColor;font:700 12px var(--font-mono)}.ArticleDemos_batteryLayout__E5iRq{padding:.9rem;border-radius:var(--radius-md);background:var(--color-plot);color:var(--color-plot-text)}.ArticleDemos_batteryDrawing__XQKUh{width:min(54%,14rem);height:auto}.ArticleDemos_chargeSegment__OTVft{fill:var(--color-signal)}.ArticleDemos_reading__hBQq0 strong{color:var(--color-signal);font-family:var(--font-mono)}.ArticleDemos_reading__hBQq0 span{color:var(--color-plot-text)}.DataVisuals_root__f3Iyp{color:var(--color-ink);background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:clamp(1rem,3vw,1.5rem);margin-block:2rem;font-family:var(--font-ui)}.DataVisuals_root__f3Iyp h2{margin-top:0}.DataVisuals_root__f3Iyp button,.DataVisuals_root__f3Iyp input{font:inherit}.DataVisuals_root__f3Iyp button{cursor:pointer}.DataVisuals_root__f3Iyp a:focus-visible,.DataVisuals_root__f3Iyp button:focus-visible,.DataVisuals_root__f3Iyp input:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}.DataVisuals_switcher__KP_pu{display:flex;gap:.5rem;margin-block:1rem}.DataVisuals_switcher__KP_pu button{padding:.45rem .8rem;border:1px solid var(--color-border);border-radius:6px;color:var(--color-ink);background:var(--color-surface)}.DataVisuals_switcher__KP_pu button[aria-pressed=true]{background:var(--color-accent);color:var(--color-surface);border-color:var(--color-accent)}.DataVisuals_bars__43Wn1{display:grid;grid-gap:.35rem;gap:.35rem}.DataVisuals_barRow__X1xvA{display:grid;grid-template-columns:minmax(6.5rem,auto) minmax(3rem,1fr) auto;align-items:center;grid-gap:.6rem;gap:.6rem;width:100%;text-align:left;color:var(--color-ink);background:transparent;border:1px solid transparent;border-radius:5px;padding:.4rem}.DataVisuals_barRow__X1xvA[aria-pressed=true]{border-color:var(--color-accent)}.DataVisuals_track__AjoZ9{height:.9rem;background:var(--color-border);border-radius:2px;overflow:hidden}.DataVisuals_bar__OBB32{display:block;height:100%;background:var(--color-accent)}.DataVisuals_barRow__X1xvA strong{white-space:nowrap;font-size:.85em}.DataVisuals_meta__Fq7_S,.DataVisuals_selection__ZlAUZ,.DataVisuals_source__oJaQV{color:var(--color-muted);font-size:.9em}.DataVisuals_tableArea__4H2ev{margin-top:1.5rem}.DataVisuals_tableArea__4H2ev label{display:block;margin-bottom:.4rem;font-weight:600}.DataVisuals_tableArea__4H2ev input{box-sizing:border-box;max-width:100%;width:22rem;padding:.55rem;color:var(--color-ink);background:var(--color-surface);border:1px solid var(--color-border);border-radius:5px}.DataVisuals_scroll__pW5If{overflow-x:auto}.DataVisuals_scroll__pW5If table{border-collapse:collapse;width:100%;text-align:left}.DataVisuals_scroll__pW5If caption{text-align:left;font-weight:700;margin-bottom:.5rem}.DataVisuals_scroll__pW5If td,.DataVisuals_scroll__pW5If th{border-bottom:1px solid var(--color-border);padding:.55rem}.DataVisuals_scroll__pW5If th button{color:inherit;background:none;border:0;padding:0;font-weight:700;text-align:left}.DataVisuals_textList__D7oOk{padding-left:1.4rem}.DataVisuals_source__oJaQV a{color:var(--color-accent)}@media (max-width:480px){.DataVisuals_barRow__X1xvA{grid-template-columns:1fr auto}.DataVisuals_track__AjoZ9{grid-column:1/-1;grid-row:2}}.DataVisuals_plot__KzU1n,.DataVisuals_root__f3Iyp{border-radius:var(--radius-md)}.DataVisuals_plot__KzU1n{background:var(--color-plot);color:var(--color-plot-text);padding:.85rem}.DataVisuals_barRow__X1xvA{grid-template-columns:7rem minmax(0,1fr) 5.75rem;color:inherit;padding:.4rem 0;min-height:44px}.DataVisuals_barRow__X1xvA:hover,.DataVisuals_barRow__X1xvA[aria-pressed=true]{border-color:var(--color-signal)}.DataVisuals_barRow__X1xvA:focus-visible{outline-color:var(--color-signal)!important}.DataVisuals_barRow__X1xvA strong{text-align:right}.DataVisuals_track__AjoZ9{height:1.15rem;background:repeating-linear-gradient(90deg,rgb(227 241 218/20%) 0 1px,transparent 1px 25%);overflow:visible;-webkit-border-end:1px solid rgb(227 241 218/20%);border-inline-end:1px solid rgb(227 241 218/20%)}.DataVisuals_bar__OBB32{background:var(--color-signal);border-radius:0 2px 2px 0}.DataVisuals_axis__DzC8N{display:flex;justify-content:space-between;margin-inline:7.6rem 6.35rem;border-bottom:1px solid rgb(227 241 218/22%);padding-bottom:.35rem;font:.7rem var(--font-mono)}@media(max-width:36rem){.DataVisuals_barRow__X1xvA{grid-template-columns:1fr auto}.DataVisuals_track__AjoZ9{grid-column:1/-1;grid-row:2}.DataVisuals_axis__DzC8N{margin-inline:0}.DataVisuals_scroll__pW5If table{table-layout:fixed}.DataVisuals_scroll__pW5If caption{overflow-wrap:anywhere;font-size:.875rem}}@media(max-width:36rem){.DataVisuals_scroll__pW5If :is(th,td){overflow-wrap:anywhere;padding:.45rem .25rem;font-size:.8rem}.DataVisuals_scroll__pW5If th:first-child{width:37%}.DataVisuals_scroll__pW5If th:nth-child(2){width:34%}}