.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}}.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}}