ohms-law-explainer:where(.astro-2r4n2own){--ohm-current:var(--ff-lime);--ohm-heat:var(--ff-copper);--ohm-ground:color-mix(in srgb, var(--sl-color-bg) 88%, var(--ff-visual));margin-block:2rem 2.5rem;display:block;container-type:inline-size}:root[data-theme=light] ohms-law-explainer:where(.astro-2r4n2own){--ohm-current:var(--ff-green)}figure:where(.astro-2r4n2own){border:1px solid var(--sl-color-hairline);background:var(--ohm-ground);box-shadow:.6rem .6rem 0 color-mix(in srgb, var(--sl-color-text) 8%, transparent);margin:0}header:where(.astro-2r4n2own){border-bottom:1px solid var(--sl-color-hairline);gap:.35rem 2rem;padding:1.1rem clamp(1rem,4cqi,1.5rem) 1.25rem;display:grid}.explainer-title:where(.astro-2r4n2own){color:var(--sl-color-white);font-family:var(--sl-font-heading);letter-spacing:-.03em;margin:0;font-size:1.2rem;font-weight:720}.explainer-intro:where(.astro-2r4n2own){color:var(--sl-color-gray-2);margin:0;font-size:.92rem}.controls:where(.astro-2r4n2own){border:0;gap:.9rem 1.5rem;margin:.75rem 0 0;padding:0;display:grid}legend:where(.astro-2r4n2own){clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}label:where(.astro-2r4n2own){gap:.35rem;margin:0;display:grid}label:where(.astro-2r4n2own)>span:where(.astro-2r4n2own){color:var(--sl-color-gray-2);justify-content:space-between;gap:1rem;font-size:.82rem;font-weight:650;display:flex}output:where(.astro-2r4n2own){color:var(--sl-color-white);font-family:var(--sl-font-heading);font-variant-numeric:tabular-nums;font-weight:700}input:where(.astro-2r4n2own)[type=range]{width:100%;height:1.75rem;accent-color:var(--sl-color-accent);cursor:pointer;margin:0}input:where(.astro-2r4n2own)[type=range]:focus-visible{outline:2px solid var(--sl-color-accent);outline-offset:3px;border-radius:999px}.views:where(.astro-2r4n2own){display:grid}.view:where(.astro-2r4n2own){border-bottom:1px solid var(--sl-color-hairline);min-width:0;margin:0;padding:1rem clamp(1rem,4cqi,1.5rem) 1.15rem}.view:where(.astro-2r4n2own):last-child{border-bottom:0}.view:where(.astro-2r4n2own) h3:where(.astro-2r4n2own){color:var(--sl-color-gray-3);font-family:var(--sl-font);letter-spacing:0;margin:0 0 .6rem;font-size:.78rem;font-weight:700}svg:where(.astro-2r4n2own){width:100%;height:auto;display:block;overflow:visible}.view-sketch:where(.astro-2r4n2own) svg:where(.astro-2r4n2own){max-width:26rem;margin-inline:auto}.wire:where(.astro-2r4n2own){fill:none;stroke:var(--sl-color-gray-4);stroke-width:2px}.flow:where(.astro-2r4n2own){fill:none;stroke:var(--ohm-current);stroke-width:5px;stroke-linecap:round;stroke-dasharray:0 16}.mask:where(.astro-2r4n2own){fill:var(--ohm-ground)}.plate:where(.astro-2r4n2own),.part:where(.astro-2r4n2own),.meter-ring:where(.astro-2r4n2own){fill:none;stroke:var(--sl-color-white);stroke-width:2.5px;stroke-linejoin:round}.meter-ring:where(.astro-2r4n2own){fill:var(--ohm-ground)}.heat:where(.astro-2r4n2own){fill:var(--ohm-heat);transition:opacity .16s ease-out}.sign:where(.astro-2r4n2own),.meter-letter:where(.astro-2r4n2own){fill:var(--sl-color-white);font-family:var(--sl-font-heading);font-size:13px;font-weight:700}.meter-letter:where(.astro-2r4n2own){text-anchor:middle}.value:where(.astro-2r4n2own){fill:var(--sl-color-gray-2);font-family:var(--sl-font-heading);font-variant-numeric:tabular-nums;font-size:13px;font-weight:650}.value-current:where(.astro-2r4n2own){fill:var(--ohm-current)}.legend:where(.astro-2r4n2own){color:var(--sl-color-gray-3);margin:.75rem 0 0;font-size:.8rem;line-height:1.5}.sentence:where(.astro-2r4n2own){color:var(--sl-color-white);font-family:var(--ff-font-quote);margin:0;font-size:1.15rem;line-height:1.55}.equations:where(.astro-2r4n2own){gap:.5rem;display:grid}.equations:where(.astro-2r4n2own) p:where(.astro-2r4n2own){color:var(--sl-color-gray-2);font-family:var(--sl-font-heading);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:0;font-size:1rem}.equations:where(.astro-2r4n2own) var:where(.astro-2r4n2own){color:var(--sl-color-white);font-family:var(--ff-font-quote);font-size:1.08em}.equations:where(.astro-2r4n2own) strong:where(.astro-2r4n2own){font-weight:750}.is-current:where(.astro-2r4n2own){color:var(--ohm-current)}.is-heat:where(.astro-2r4n2own){color:var(--ohm-heat)}.view-measurement:where(.astro-2r4n2own) svg:where(.astro-2r4n2own){max-width:13rem}.dial:where(.astro-2r4n2own){fill:none;stroke:var(--sl-color-gray-4);stroke-width:1.5px}.tick:where(.astro-2r4n2own){stroke:var(--sl-color-gray-3);stroke-width:1px}.tick:where(.astro-2r4n2own).major{stroke:var(--sl-color-gray-2);stroke-width:1.75px}.tick-label:where(.astro-2r4n2own){fill:var(--sl-color-gray-2);font-family:var(--sl-font-heading);font-size:10px;font-weight:650}.dial-unit:where(.astro-2r4n2own){fill:var(--sl-color-gray-3);font-family:var(--sl-font-heading);font-size:11px;font-weight:700}.needle:where(.astro-2r4n2own){stroke:var(--ohm-current);stroke-width:2.5px;stroke-linecap:round;transform-origin:80px 88px;transition:transform .2s ease-out}.pivot:where(.astro-2r4n2own){fill:var(--sl-color-white)}figcaption:where(.astro-2r4n2own){border-top:1px solid var(--sl-color-hairline);background:var(--sl-color-bg);color:var(--sl-color-gray-3);padding:.75rem clamp(1rem,4cqi,1.5rem);font-size:.78rem}@container (width>=36rem){header:where(.astro-2r4n2own){grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.controls:where(.astro-2r4n2own){grid-area:1/2/span 2;margin-top:0}.views:where(.astro-2r4n2own){grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}.view-sketch:where(.astro-2r4n2own){border-right:1px solid var(--sl-color-hairline);border-bottom:0;grid-row:1/span 3}.view-measurement:where(.astro-2r4n2own){border-bottom:0}}@media (prefers-reduced-motion:reduce){.heat:where(.astro-2r4n2own),.needle:where(.astro-2r4n2own){transition:none}}