.rl-charging{
  --white:#FFFFFF;--slate:#EDF2F6;--ink:#18232D;--cobalt:#135DFF;--cyan:#00A8BD;
  --ink-2:#45525E;--rule:rgba(24,35,45,.16);--rule-2:rgba(24,35,45,.32);
  --he:"Heebo","IBM Plex Sans",system-ui,sans-serif;
  --en:"IBM Plex Sans","Heebo",system-ui,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;
  --pad:clamp(16px,4vw,48px);
  --toc-h:52px;
}
.rl-charging *,.rl-charging *::before,.rl-charging *::after{box-sizing:border-box}
.rl-charging{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--toc-h) + 16px)}
.rl-charging{margin:0;background:var(--white);color:var(--ink);font:400 1rem/1.6 var(--he);padding-bottom:calc(92px + env(safe-area-inset-bottom));overflow-x:hidden}
.rl-charging [lang="en"]{font-family:var(--en)}
.rl-charging img{max-width:100%;height:auto}
.rl-charging a{color:var(--cobalt);text-underline-offset:.2em;text-decoration-thickness:1px}
.rl-charging a:hover{color:var(--ink)}
.rl-charging :focus-visible{outline:3px solid var(--cobalt);outline-offset:3px}
.rl-charging [hidden]{display:none!important}
.rl-charging .num{font-family:var(--mono);font-feature-settings:"tnum"}
.rl-charging .wrap{max-width:1320px;margin-inline:auto;padding-inline:var(--pad)}
.rl-charging .skip{position:absolute;inset-inline-start:12px;top:-60px;z-index:50;background:var(--ink);color:var(--white);padding:12px 16px}
.rl-charging .skip:focus{top:12px}
.rl-charging:focus{outline:none}

/* header */
.rl-charging .hd{border-bottom:1px solid var(--rule)}
.rl-charging .hd__bar{display:flex;align-items:center;gap:24px;min-height:56px}
.rl-charging .hd__logo{display:inline-flex;align-items:center;gap:10px;min-height:44px;color:var(--ink);text-decoration:none;font-weight:800;font-size:1.0625rem}
.rl-charging .hd__nav{display:flex;gap:4px;margin-inline-start:auto}
.rl-charging .hd__nav a{display:none;align-items:center;min-height:44px;padding-inline:10px;color:var(--ink);text-decoration:none;font-weight:500}
.rl-charging .hd__nav a[aria-current]{display:inline-flex;box-shadow:inset 0 -2px 0 var(--cobalt)}
.rl-charging .hd__nav a:hover{color:var(--cobalt)}

/* hero */
.rl-charging .hero{display:grid;grid-template-areas:"text" "plate" "tool";gap:16px;padding-top:8px;padding-bottom:clamp(32px,5vw,72px)}
.rl-charging .hero__text{grid-area:text;display:grid;gap:8px}
.rl-charging .hero__plate{grid-area:plate}
.rl-charging .hero__tool{grid-area:tool}
.rl-charging .crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:0 8px;font-size:.875rem;color:var(--ink-2)}
.rl-charging .crumbs li{display:flex;align-items:center;gap:8px}
.rl-charging .crumbs li+li::before{content:"/";color:var(--rule-2)}
.rl-charging .crumbs a{display:inline-flex;align-items:center;min-height:36px;color:var(--ink-2)}
.rl-charging .crumbs a:hover{color:var(--cobalt)}
.rl-charging .hero__h1{margin:0;font-weight:800;font-size:clamp(1.875rem,1.2rem + 3.2vw,3.75rem);line-height:1.08;letter-spacing:-.01em;text-wrap:balance}
.rl-charging .hero__lead{margin:0;font-size:clamp(1rem,.95rem + .3vw,1.25rem);color:var(--ink-2);max-width:46ch;text-wrap:pretty}

/* sample label plate */
.rl-charging .plate-fig{margin:0;display:grid;gap:10px}
.rl-charging .plate{position:relative;background:var(--slate);border:1.5px solid var(--ink);border-radius:3px;padding:14px 16px 12px;font-family:var(--mono);color:var(--ink);display:grid;gap:2px;text-align:left}
.rl-charging .plate::before,.rl-charging .plate::after{content:"";position:absolute;top:10px;width:8px;height:8px;border:1.5px solid var(--rule-2);border-radius:50%}
.rl-charging .plate::before{left:10px}.rl-charging .plate::after{right:10px}
.rl-charging .plate__tag{position:absolute;top:-12px;right:14px;margin:0;padding:2px 10px;background:var(--cobalt);color:var(--white);font:600 .8125rem/1.5 var(--he)}
.rl-charging .plate__name{margin:6px 0 8px;padding-bottom:8px;border-bottom:1px solid var(--rule-2);font:600 .8125rem/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase;text-align:center}
.rl-charging .plate__row{display:grid;grid-template-columns:22px 5.6em minmax(0,1fr);align-items:center;gap:8px;padding-block:6px;font-size:.875rem;line-height:1.35;border-bottom:1px dashed var(--rule)}
.rl-charging .plate__k{font-weight:600;letter-spacing:.04em;font-size:.8125rem}
.rl-charging .plate__v{font-weight:500}
.rl-charging .plate__dc{font-weight:600}
.rl-charging .plate__mk{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;border:1.5px solid var(--ink);font:600 .75rem/1 var(--mono);background:var(--white)}
.rl-charging .plate__row--max{background:var(--white);margin-inline:-8px;padding-inline:8px;border:1.5px solid var(--cobalt);border-radius:2px}
.rl-charging .plate__row--max .plate__mk{background:var(--cobalt);border-color:var(--cobalt);color:var(--white)}
.rl-charging .plate__foot{margin:6px 0 0;font-size:.6875rem;letter-spacing:.06em;color:var(--ink-2);text-align:center}
.rl-charging .plate-legend{margin:0;padding:0;list-style:none;counter-reset:pl;display:grid;gap:2px;font-size:.9375rem;line-height:1.45}
.rl-charging .plate-legend li{counter-increment:pl;position:relative;padding-inline-start:30px}
.rl-charging .plate-legend li::before{content:counter(pl);position:absolute;inset-inline-start:0;top:.2em;width:22px;font:600 .8125rem/1.2 var(--mono);color:var(--ink-2);text-align:center}
.rl-charging .plate-legend b{font-weight:600;margin-inline-end:4px}

/* tool */
.rl-charging .tool{border:1.5px solid var(--ink);border-radius:3px;background:var(--white)}
.rl-charging .tool__head{display:grid;gap:2px;padding:14px 16px 12px;border-bottom:1.5px solid var(--ink);background:var(--ink);color:var(--white)}
.rl-charging .tool__title{margin:0;font-weight:800;font-size:1.25rem;line-height:1.25}
.rl-charging .tool__sub{margin:0;font-size:.9375rem;color:#C9D3DC}
.rl-charging .tool__nojs{margin:0;padding:16px}
.rl-charging.is-ready .tool__nojs{display:none}
.rl-charging .tool__body{display:grid;gap:18px;padding:16px}

.rl-charging .tool__row{display:grid;gap:8px;margin:0;min-width:0}
.rl-charging .tool__fs{border:0;padding:0}
.rl-charging .tool__label{display:flex;align-items:baseline;gap:10px;padding:0;font-weight:700;font-size:1rem}
.rl-charging .tool__n{font:600 .8125rem/1 var(--mono);color:var(--cobalt)}
.rl-charging .tool__hint{margin:0;font-size:.875rem;color:var(--ink-2)}
.rl-charging .tool__select{width:100%;min-height:48px;padding:8px 12px;border:1.5px solid var(--ink);border-radius:2px;background:var(--white);color:var(--ink);font:500 1rem/1.3 var(--en)}
.rl-charging .seg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.rl-charging .seg__btn{min-height:48px;padding:8px 10px;border:1.5px solid var(--rule-2);border-radius:2px;background:var(--white);color:var(--ink);font:600 .9375rem/1.25 var(--he);cursor:pointer;text-align:center}
.rl-charging .seg__btn [lang="en"]{font-family:var(--mono);font-weight:500;font-size:.875rem}
.rl-charging .seg__btn--wide{grid-column:1 / -1}
.rl-charging .seg__btn:hover{border-color:var(--ink);background:var(--slate)}
.rl-charging .seg__btn[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--white);box-shadow:inset 0 -3px 0 var(--cyan)}
.rl-charging .custom{display:grid;gap:14px;padding:14px;background:var(--slate);border-radius:2px}
.rl-charging .custom__fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.rl-charging .field{display:grid;gap:6px;min-width:0}
.rl-charging .field label{font-weight:600;font-size:.9375rem}
.rl-charging .field__box{display:flex;align-items:stretch;direction:ltr;border:1.5px solid var(--ink);border-radius:2px;background:var(--white)}
.rl-charging .field__box:focus-within{outline:3px solid var(--cobalt);outline-offset:2px}
.rl-charging .field__box input{flex:1;min-width:0;min-height:48px;padding:8px 10px;border:0;background:transparent;color:var(--ink);font:500 1.125rem/1 var(--mono);text-align:left}
.rl-charging .field__box input:focus{outline:none}
.rl-charging .field__u{display:grid;place-items:center;padding-inline:10px;border-left:1px solid var(--rule-2);font:600 .875rem/1 var(--mono);color:var(--ink-2)}
.rl-charging .kind{border:0;margin:0;padding:0;display:grid;gap:4px}
.rl-charging .kind legend{padding:0;margin-bottom:4px;font-weight:600;font-size:.9375rem}
.rl-charging .kind__opt{display:flex;align-items:center;gap:10px;min-height:44px;cursor:pointer}
.rl-charging .kind__opt input{width:20px;height:20px;margin:0;accent-color:var(--cobalt)}

/* result */
.rl-charging .result{display:grid;gap:12px;padding-top:16px;border-top:1px solid var(--rule)}
.rl-charging .result__idle{margin:0;color:var(--ink-2)}
.rl-charging .status{display:flex;align-items:center;gap:12px;margin:0;padding:10px 12px;border:1.5px solid var(--ink);border-radius:2px;font-weight:700;font-size:1.0625rem}
.rl-charging .status__g{display:grid;place-items:center;width:32px;height:32px;flex:none;border:1.5px solid currentColor;font:600 1.125rem/1 var(--mono)}
.rl-charging .status--match .status__g{border-radius:50%}
.rl-charging .status--differ{border-color:var(--cobalt);color:var(--cobalt)}
.rl-charging .status--differ .status__g{transform:rotate(45deg)}
.rl-charging .status--differ .status__g span{transform:rotate(-45deg)}
.rl-charging .status--incomplete{border-style:dashed}
.rl-charging .status--invalid{background:var(--ink);color:var(--white)}
.rl-charging .result__msg{margin:0;font-size:1rem;line-height:1.6;text-wrap:pretty}
.rl-charging .result__fine{margin:0;font-size:.875rem;color:var(--ink-2)}
.rl-charging .result__list{margin:0;padding-inline-start:1.3em;display:grid;gap:6px}
.rl-charging .cmp{width:100%;border-collapse:collapse;font-size:.9375rem}
.rl-charging .cmp th,.rl-charging .cmp td{padding:8px 6px;text-align:start;vertical-align:top;border-bottom:1px solid var(--rule)}
.rl-charging .cmp thead th{font:600 .75rem/1.3 var(--mono);color:var(--ink-2);border-bottom:1.5px solid var(--ink)}
.rl-charging .cmp td.num{direction:ltr;text-align:right;white-space:nowrap}
.rl-charging .cmp__v{font-weight:600}
.rl-charging .cmp__v--unknown{color:var(--ink-2);font-style:italic;font-family:var(--he)}
.rl-charging .record{display:grid;gap:8px;padding-top:16px;border-top:1px solid var(--rule)}
.rl-charging .record__label{font-weight:700}
.rl-charging .record__hint{margin:0;font-size:.875rem;color:var(--ink-2)}
.rl-charging .record__text{width:100%;min-height:10rem;padding:12px;border:1px solid var(--rule-2);border-radius:2px;background:var(--slate);color:var(--ink);font:.9375rem/1.6 var(--he);resize:vertical}
.rl-charging .record__actions{display:flex;flex-wrap:wrap;gap:8px}
.rl-charging .record__msg{margin:0;min-height:1.5em;font-size:.9375rem}

.rl-charging .btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:10px 20px;border:1.5px solid var(--ink);border-radius:2px;background:var(--white);color:var(--ink);font:600 1rem/1.25 var(--he);text-decoration:none;cursor:pointer;text-align:center}
.rl-charging .btn:hover{background:var(--slate);color:var(--ink)}
.rl-charging .btn--primary{background:var(--cobalt);border-color:var(--cobalt);color:var(--white)}
.rl-charging .btn--primary:hover{background:var(--ink);border-color:var(--ink);color:var(--white)}

/* guide + toc */
.rl-charging .guide{display:grid;gap:0;padding-bottom:clamp(40px,6vw,96px)}
.rl-charging .toc{z-index:20;background:var(--white);border-block:1px solid var(--ink);margin-inline:calc(var(--pad) * -1);padding-inline:var(--pad)}
.rl-charging.is-ready .toc{position:sticky;top:0}
.rl-charging .toc summary{display:flex;align-items:center;gap:12px;min-height:var(--toc-h);cursor:pointer;list-style:none}
.rl-charging .toc summary::-webkit-details-marker{display:none}
.rl-charging .toc summary::after{content:"+";margin-inline-start:auto;font:600 1.25rem/1 var(--mono)}
.rl-charging .toc details[open] summary::after{content:"−"}
.rl-charging .toc__k{font:600 .8125rem/1 var(--mono);color:var(--white);background:var(--ink);padding:6px 8px;border-radius:2px;flex:none}
.rl-charging .toc__now{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
.rl-charging .toc__list{padding-bottom:12px}
.rl-charging.is-ready .toc__list{max-height:min(68svh,560px);overflow-y:auto;overscroll-behavior:contain}
.rl-charging .toc__g{margin:12px 0 2px;display:flex;gap:8px;font:600 .8125rem/1.3 var(--mono);color:var(--ink-2);text-transform:none}
.rl-charging .toc__g span{color:var(--cobalt)}
.rl-charging .toc ol{margin:0;padding-inline-start:2.2em}
.rl-charging .toc li{font-size:.9375rem}
.rl-charging .toc li::marker{font:500 .75rem var(--mono);color:var(--ink-2)}
.rl-charging .toc a{display:block;padding-block:9px;color:var(--ink);text-decoration:none;line-height:1.35}
.rl-charging .toc a:hover{color:var(--cobalt);text-decoration:underline}
.rl-charging .toc a[aria-current="true"]{color:var(--cobalt);font-weight:700}
.rl-charging .guide__body{min-width:0}

/* parts & chapters */
.rl-charging .part{padding-top:clamp(40px,6vw,88px)}
.rl-charging .part__head{display:flex;align-items:baseline;gap:16px;padding-top:14px;border-top:4px solid var(--ink);margin-bottom:8px}
.rl-charging .part__n{margin:0;font:600 clamp(2rem,1.4rem + 2.6vw,3.5rem)/1 var(--mono);color:var(--cobalt)}
.rl-charging .part__t{margin:0;font-weight:800;font-size:clamp(1.25rem,1rem + 1vw,1.75rem);line-height:1.2}
.rl-charging .ch{display:grid;gap:4px;padding-block:clamp(24px,3.5vw,44px);border-bottom:1px solid var(--rule)}
.rl-charging .ch__n{margin:0;font:600 .875rem/1 var(--mono);color:var(--ink-2)}
.rl-charging .ch__body{min-width:0;display:grid;gap:14px;max-width:66ch}
.rl-charging .ch--wide .ch__body{max-width:none}
.rl-charging .ch--wide .ch__body>p{max-width:66ch}
.rl-charging .ch h2{margin:0;font-weight:800;font-size:clamp(1.375rem,1.15rem + 1vw,2rem);line-height:1.2;text-wrap:balance}
.rl-charging .ch p{margin:0;font-size:1.0625rem;line-height:1.75;text-wrap:pretty}
.rl-charging .ch__aside{font-size:.9375rem!important;color:var(--ink-2)}
.rl-charging .ch--compact h2{font-size:clamp(1.25rem,1.1rem + .6vw,1.5rem)}
.rl-charging .pair{display:grid}
.rl-charging .ticks{margin:0;padding:0;list-style:none;display:grid;gap:8px;font-size:1.0625rem}
.rl-charging .ticks li{position:relative;padding-inline-start:28px;line-height:1.6}
.rl-charging .ticks li::before{content:"";position:absolute;inset-inline-start:2px;top:.6em;width:12px;height:2px;background:var(--cobalt)}
.rl-charging ol.ticks{counter-reset:tk}
.rl-charging ol.ticks li{counter-increment:tk}
.rl-charging ol.ticks li::before{content:counter(tk,decimal-leading-zero);width:auto;height:auto;background:none;top:.2em;font:600 .8125rem/1.4 var(--mono);color:var(--cobalt)}

.rl-charging .trio{margin:0;display:grid;border-top:1.5px solid var(--ink)}
.rl-charging .trio div{display:grid;grid-template-columns:6rem minmax(0,1fr);gap:12px;padding-block:12px;border-bottom:1px solid var(--rule)}
.rl-charging .trio dt{font-weight:800}
.rl-charging .trio dd{margin:0}

.rl-charging .path{list-style:none;margin:4px 0;padding:0;display:grid;gap:0}
.rl-charging .path__st{position:relative;display:grid;grid-template-columns:3rem minmax(0,1fr);grid-template-areas:"n l" "n tag" "n d";column-gap:12px;padding:14px 0 18px;border-inline-start:2px solid var(--ink);padding-inline-start:16px;margin-inline-start:10px}
.rl-charging .path__st::before{content:"";position:absolute;inset-inline-start:-8px;top:18px;width:14px;height:14px;background:var(--white);border:2px solid var(--ink);border-radius:50%}
.rl-charging .path__st:last-child{border-inline-start-color:transparent}
.rl-charging .path__n{grid-area:n;font:600 .875rem/1.8 var(--mono);color:var(--cobalt)}
.rl-charging .path__l{grid-area:l;font-weight:800;font-size:1.375rem;line-height:1.25}
.rl-charging .path__tag{grid-area:tag;font:500 .8125rem/1.6 var(--mono);color:var(--ink-2);justify-self:start}
.rl-charging .path__d{grid-area:d;font-size:1rem;line-height:1.55;margin-top:4px}

.rl-charging .io{display:grid;border:1.5px solid var(--ink);border-radius:3px}
.rl-charging .io__side{display:grid;gap:6px;padding:18px}
.rl-charging .io__side+.io__side{border-top:1.5px solid var(--ink)}
.rl-charging .io__side--out{background:var(--slate)}
.rl-charging .io__k{font:600 .875rem/1 var(--mono)!important;letter-spacing:.1em}
.rl-charging .io__side--out .io__k{color:var(--cobalt)}
.rl-charging .io__v{font:500 clamp(1.75rem,1.3rem + 2vw,2.75rem)/1.1 var(--mono)!important}
.rl-charging .io__t{font-size:1rem!important;line-height:1.6!important}
.rl-charging .defs{margin:0;display:grid}
.rl-charging .defs div{display:grid;gap:4px;padding-block:14px;border-top:1px solid var(--rule)}
.rl-charging .defs dt{font-weight:800}
.rl-charging .defs dd{margin:0;line-height:1.7}
.rl-charging .defs--tight div{grid-template-columns:5.5rem minmax(0,1fr);gap:12px;padding-block:10px}

.rl-charging .spec-wrap{overflow-x:auto;border-top:1.5px solid var(--ink)}
.rl-charging .spec{width:100%;min-width:520px;border-collapse:collapse;font-size:1rem}
.rl-charging .spec caption{caption-side:bottom;text-align:start;padding-top:8px;font-size:.875rem;color:var(--ink-2)}
.rl-charging .spec th,.rl-charging .spec td{padding:12px 10px;text-align:start;border-bottom:1px solid var(--rule);vertical-align:top}
.rl-charging .spec thead th{font:600 .875rem/1.35 var(--en);border-bottom:1.5px solid var(--ink)}
.rl-charging .spec tbody th{font-weight:600;width:34%}
.rl-charging .spec td.num{direction:ltr;text-align:right;font-size:1.0625rem}
.rl-charging .spec__diff{background:var(--slate)}
.rl-charging .spec__diff th::after{content:" · ההבדל";font-weight:500;color:var(--cobalt)}

.rl-charging .ch--stop{border-bottom:0}
.rl-charging .stop{display:grid;background:var(--ink);color:var(--white);border-radius:3px}
.rl-charging .stop__col{display:grid;gap:6px;padding:18px}
.rl-charging .stop__col+.stop__col{border-top:1px solid rgba(255,255,255,.22)}
.rl-charging .stop__k{font-weight:800!important;font-size:1.125rem!important;line-height:1.35!important}
.rl-charging .stop p{color:var(--white)}
.rl-charging .stop__tel{color:var(--white);font:700 1.25rem/1 var(--mono);display:inline-flex;align-items:center;min-height:44px;padding-inline:6px;text-decoration:underline}
.rl-charging .stop__tel:hover{color:var(--white)}
.rl-charging .stop :focus-visible{outline-color:var(--cyan)}

.rl-charging .steps{margin:0;padding:0;list-style:none;counter-reset:st;display:grid;border-top:1.5px solid var(--ink)}
.rl-charging .steps li{counter-increment:st;display:grid;grid-template-columns:3rem minmax(0,1fr);gap:8px;padding-block:14px;border-bottom:1px solid var(--rule);font-size:1.0625rem}
.rl-charging .steps li::before{content:counter(st,decimal-leading-zero);font:600 .875rem/1.9 var(--mono);color:var(--cobalt)}
.rl-charging .shots{display:grid;gap:12px}
.rl-charging .shots__it{display:grid;gap:4px;padding:16px;border:1.5px dashed var(--rule-2);border-radius:3px;aspect-ratio:auto}
.rl-charging .shots__n{font:600 2rem/1 var(--mono)!important;color:var(--cobalt)}
.rl-charging .shots__t{font-weight:800!important;font-size:1.125rem!important}
.rl-charging .next{display:flex;flex-wrap:wrap;gap:10px}
.rl-charging .ch--next{border-bottom:0}

/* footer */
.rl-charging .ft{background:var(--ink);color:var(--white);padding-block:40px}
.rl-charging .ft__grid{display:grid;gap:20px}
.rl-charging .ft__brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.125rem}
.rl-charging .ft__brand img{background:var(--white);border-radius:50%}
.rl-charging .ft__nav{display:flex;flex-wrap:wrap;gap:0 20px}
.rl-charging .ft__nav a,.rl-charging .ft__note a{color:var(--white);display:inline-flex;align-items:center;min-height:44px}
.rl-charging .ft__nav a:hover,.rl-charging .ft__note a:hover{color:#B8E6EC}
.rl-charging .ft :focus-visible{outline-color:var(--cyan)}
.rl-charging .ft__note{margin:0;font-size:.9375rem;color:#C9D3DC}

/* whatsapp pill */
.rl-charging .wa{position:fixed;z-index:30;inset-inline:0;bottom:calc(12px + env(safe-area-inset-bottom));margin-inline:auto;width:min(calc(100% - 24px),460px);min-height:56px;display:flex;align-items:center;gap:12px;padding:6px 8px;padding-inline-start:6px;border-radius:999px;background:var(--ink);color:var(--white);text-decoration:none;font-weight:600;box-shadow:0 0 0 2px var(--white)}
.rl-charging .wa:hover{color:var(--white);background:#22303C}
.rl-charging .wa:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}
.rl-charging .wa__ic{display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:50%;background:var(--white);color:var(--ink)}
.rl-charging .wa__t{flex:1;min-width:0;font-size:.9375rem;line-height:1.3}
.rl-charging .wa__mk{flex:none;width:28px;height:28px;background:var(--white);border-radius:50%;padding:2px;margin-inline-end:6px}
.rl-charging .wa.is-tucked{transform:translateY(calc(100% + 24px));visibility:hidden}

/* ≥520 */
@media  (min-width:520px){
  .rl-charging .seg{grid-template-columns:repeat(3,minmax(0,1fr))}
  .rl-charging .seg__btn--wide{grid-column:auto}
  .rl-charging .shots{grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* ≥820 */
@media  (min-width:820px){
  .rl-charging .hd__nav a{display:inline-flex}
  .rl-charging .hero{grid-template-columns:minmax(0,7fr) minmax(0,5fr);grid-template-areas:"text plate" "tool plate";column-gap:clamp(32px,4vw,64px);row-gap:24px;padding-top:16px;align-items:start}
  .rl-charging .hero__plate{position:sticky;top:24px;padding-top:56px}
  .rl-charging .plate{padding:22px 24px 18px}
  .rl-charging .plate__row{grid-template-columns:26px 6.4em minmax(0,1fr);font-size:1.0625rem;padding-block:10px}
  .rl-charging .plate__k{font-size:.9375rem}
  .rl-charging .plate__mk{width:26px;height:26px;font-size:.8125rem}
  .rl-charging .plate__name{font-size:.9375rem}
  .rl-charging .plate__foot{font-size:.75rem}
  .rl-charging .ch{grid-template-columns:4.5rem minmax(0,1fr);gap:0 16px}
  .rl-charging .ch__n{font-size:1rem;padding-top:.5em}
  .rl-charging .pair{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:40px}
  .rl-charging .pair .ch{grid-template-columns:3rem minmax(0,1fr)}
  .rl-charging .path{grid-template-columns:repeat(5,minmax(0,1fr));gap:0}
  .rl-charging .path__st{grid-template-columns:none;grid-template-areas:"n" "l" "tag" "d";border-inline-start:0;border-top:2px solid var(--ink);margin-inline-start:0;padding:22px 0 0;padding-inline-end:16px}
  .rl-charging .path__st::before{top:-8px;inset-inline-start:0}
  .rl-charging .path__st:last-child{border-top-color:var(--ink)}
  .rl-charging .path__l{font-size:1.5rem}
  .rl-charging .io{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rl-charging .io__side{padding:24px}
  .rl-charging .io__side+.io__side{border-top:0;border-inline-start:1.5px solid var(--ink)}
  .rl-charging .defs--tight{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px}
  .rl-charging .stop{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rl-charging .stop__col+.stop__col{border-top:0;border-inline-start:1px solid rgba(255,255,255,.22)}
  .rl-charging .steps{grid-template-columns:repeat(5,minmax(0,1fr));border-top:0}
  .rl-charging .steps li{grid-template-columns:none;border-bottom:0;border-top:2px solid var(--ink);padding-inline-end:16px}
  .rl-charging .ft__grid{grid-template-columns:auto minmax(0,1fr);align-items:center}
  .rl-charging .ft__note{grid-column:1 / -1}
}
/* ≥1100 sidebar toc */
@media  (min-width:1100px){
  .rl-charging .guide{grid-template-columns:17rem minmax(0,1fr);column-gap:clamp(40px,5vw,88px);align-items:start}
  .rl-charging .toc{margin-inline:0;padding-inline:0;border-bottom:0;margin-top:clamp(40px,6vw,88px);border-top:4px solid var(--ink)}
  .rl-charging.is-ready .toc{top:16px}
  .rl-charging .toc summary{pointer-events:none}
  .rl-charging .toc summary::after{display:none}
  .rl-charging .toc__now{display:none}
  .rl-charging.is-ready .toc__list{max-height:calc(100svh - 140px)}
  .rl-charging .wa__t{font-size:1rem}
}
@media  (max-width:359px){
  .rl-charging .custom__fields{grid-template-columns:1fr}
  .rl-charging .wa__mk{display:none}
}
@media  (prefers-reduced-motion:no-preference){
  .rl-charging{scroll-behavior:smooth}
  .rl-charging .btn,.rl-charging .seg__btn,.rl-charging .wa{transition:background-color .15s,border-color .15s,color .15s,transform .2s,visibility .2s}
}
@media  (forced-colors:active){
  .rl-charging .seg__btn[aria-pressed="true"]{outline:3px solid Highlight;outline-offset:-4px}
  .rl-charging .plate__row--max,.rl-charging .status{border-color:CanvasText}
  .rl-charging .wa{border:2px solid CanvasText}
}
@media  print{
  .rl-charging{padding:0}
  .rl-charging .wa,.rl-charging .hd__nav,.rl-charging .toc,.rl-charging .skip{display:none!important}
  body[data-print="record"] .rl-charging>*:not(.hero),body[data-print="record"] .rl-charging .hero>*:not(.hero__tool),body[data-print="record"] .rl-charging .tool__body>*:not(.record),body[data-print="record"] .rl-charging .record>*:not(.record__text),body[data-print="record"] .rl-charging .ft{display:none!important}
  body[data-print="record"] .rl-charging .tool{border:0}
  body[data-print="record"] .rl-charging .tool__head{background:none;color:#000;border-bottom:1px solid #000}
  body[data-print="record"] .rl-charging .tool__sub{color:#000}
  body[data-print="record"] .rl-charging .record{border:0}
  body[data-print="record"] .rl-charging .record__text{border:0;background:none;font-size:12pt;min-height:0;height:auto;resize:none;overflow:visible}
}

/* hero photo */
.rl-charging .hero{grid-template-areas:"text" "plate" "tool" "photo"}
.rl-charging .hero__photo{grid-area:photo;margin:8px 0 0;display:grid;gap:8px;justify-items:center}
.rl-charging .hero__photo-frame{width:100%;max-width:520px;aspect-ratio:1122/1402;background:var(--white);border-top:1.5px solid var(--ink)}
.rl-charging .hero__photo-img{display:block;width:100%;height:100%;object-fit:contain}
.rl-charging .hero__photo-cap{justify-self:stretch;max-width:520px;margin-inline:auto;width:100%;font:500 .8125rem/1.5 var(--mono);color:var(--ink-2)}

@media  (min-width:820px){
  .rl-charging .hero{grid-template-areas:"text plate" "tool photo"}
  .rl-charging .hero__plate{position:static}
  .rl-charging .hero__photo{margin-top:0;align-self:start;justify-items:stretch}
  .rl-charging .hero__photo-frame{max-width:none;max-height:min(78svh,720px);width:auto;justify-self:center}
  .rl-charging .hero__photo-cap{max-width:none}
}
@media  print{
  .rl-charging .hero__photo{display:none}
}

/* Charging guide: header offset, single reading column, print record */
.rl-charging{--ch-hd:var(--charging-header-height,112px);--ch-toc:52px}

/* Sticky contents bar sits below the site header */
.rl-charging.is-ready .toc{top:var(--ch-hd)}

/* Chapter anchors clear the header and the contents bar */
.rl-charging .part,
.rl-charging .ch,
.rl-charging #compare-tool{scroll-margin-top:calc(var(--ch-hd) + var(--ch-toc) + 16px)}

/* One reading column: paired chapters stack */
.rl-charging .pair{display:block}
.rl-charging .ch--compact h2{font-size:clamp(1.375rem,1.15rem + 1vw,2rem)}

/* Plain content from the long-form article */
.rl-charging .ch__body h3{margin:.6em 0 0;font-weight:800;font-size:1.25rem;line-height:1.3}
.rl-charging .ch__body>ul:not([class]),
.rl-charging .ch__body>ol:not([class]){margin:0;padding-inline-start:1.4em;display:grid;gap:.45em;font-size:1.0625rem;line-height:1.7;max-width:66ch}
.rl-charging .ch__body>ol:not([class]) li::marker{font:600 .875rem var(--mono);color:var(--cobalt)}
.rl-charging .ch__body>ul:not([class]) li::marker{color:var(--cobalt)}
.rl-charging .ch__body>table:not([class]){display:block;overflow-x:auto;border-collapse:collapse;border-top:1.5px solid var(--ink);font-size:1rem}
.rl-charging .ch__body>table:not([class]) :is(th,td){padding:10px;text-align:start;vertical-align:top;border-bottom:1px solid var(--rule);min-width:7rem}
.rl-charging .ch__body>table:not([class]) thead th{border-bottom:1.5px solid var(--ink);font-weight:700}
.rl-charging .ch__body>blockquote{margin:0;padding-inline-start:1.1em;border-inline-start:2px solid var(--ink);max-width:66ch;font-size:1.125rem;line-height:1.65}

@media (min-width:820px){
  .rl-charging .pair .ch{grid-template-columns:4.5rem minmax(0,1fr)}
}
@media (min-width:1100px){
  .rl-charging.is-ready .toc{top:calc(var(--ch-hd) + 16px)}
  .rl-charging.is-ready .toc__list{max-height:calc(100svh - var(--ch-hd) - 120px)}
  .rl-charging .part,
  .rl-charging .ch,
  .rl-charging #compare-tool{scroll-margin-top:calc(var(--ch-hd) + 24px)}
}

/* Printed record: wrapped <pre>; auto-height textarea if no <pre> */
.rl-charging .record__print{display:none}
@media print{
  body[data-print="record"] .rl-charging .record>.record__print{display:block!important;margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font:12pt/1.6 "Heebo","IBM Plex Sans",sans-serif;color:#000;direction:rtl;text-align:start}
  body[data-print="record"] .rl-charging .record:has(.record__print) .record__text{display:none!important}
  body[data-print="record"] .rl-charging .record__text{field-sizing:content;height:auto;overflow:visible;white-space:pre-wrap}
}

/* Hero order: tool before the sample label on mobile */
.rl-charging .hero{grid-template-areas:"text" "tool" "plate" "photo"}
.rl-charging .hero__plate{margin-top:8px}

@media (min-width:820px){
  .rl-charging .hero{grid-template-areas:"text plate" "tool photo"}
  .rl-charging .hero__plate{margin-top:0}
}

/* Sticky contents: don't stretch inside the grid */
.rl-charging .toc{align-self:start}

/* Mobile hero: no min-content widening */
@media (max-width:819px){
  .rl-charging .hero{grid-template-columns:minmax(0,1fr)}
}
.rl-charging .hero>*,
.rl-charging .tool,
.rl-charging .tool__body,
.rl-charging .tool__row,
.rl-charging .result,
.rl-charging .record,
.rl-charging .plate-fig,
.rl-charging .plate{min-width:0;max-width:100%}
.rl-charging .tool__select{max-width:100%;text-overflow:ellipsis}
.rl-charging .record__text{max-width:100%}
.rl-charging .plate__v{min-width:0;overflow-wrap:anywhere}
.rl-charging .plate-legend li{overflow-wrap:anywhere}

/* Full model name in the result */
.rl-charging .result__model{margin:0;font:600 .9375rem/1.4 var(--en);text-align:end;overflow-wrap:anywhere}

/* Result table: scrolls only if it still doesn't fit */
.rl-charging .cmp-wrap{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}
.rl-charging .cmp-wrap:focus-visible{outline:3px solid var(--cobalt);outline-offset:2px}
@media (max-width:419px){
  .rl-charging .cmp th,
  .rl-charging .cmp td{padding:8px 4px}
  .rl-charging .cmp td.num{white-space:normal}
  .rl-charging .cmp thead th{font-size:.6875rem}
}

.rl-charging{overflow:visible}

/* WordPress integration: preserve the full printed record and use the site header. */
@media print{body[data-print="record"] .rl-header,body[data-print="record"] .rl-footer,body[data-print="record"] .rl-contact-pill{display:none!important}body[data-print="record"] .rl-charging .hero{display:block}body[data-print="record"] .rl-charging .tool__head{display:none!important}}
