/* ══ svc687 EV JOB PROOF. Replaces the svc521 "photos coming" placeholder on
     ev-charger-installation-edmonton.html. That page measured 22.5 screens at 390px
     with ZERO photos in main, on a paid destination. This is the fix.
     One real job: ilker binay, Edmonton, inspection passed 17 Sep 2026.
     Namespace: .evj  ══ */

.evj{
  --evj-amber:#f5a524; --evj-amber-hi:#f7b23a; --evj-green:#4ade80;
  --evj-grey:#8a94a6; --evj-navy:#0d1b2e; --evj-paper:#f4f6fb;
  --evj-glass:rgba(255,255,255,.04); --evj-line:rgba(255,255,255,.12);
  --evj-ease:cubic-bezier(.22,.61,.36,1);
  position:relative; padding:clamp(3rem,7vw,4rem) 0;
  background:
    radial-gradient(120% 70% at 50% -10%,rgba(245,165,36,.13),rgba(245,165,36,0) 62%),
    linear-gradient(180deg,#0a1526 0,#0d1b2e 100%);
  overflow:hidden;
}
.evj::after{
  content:""; position:absolute; left:0; right:0; bottom:0; height:1px;
  background:linear-gradient(90deg,transparent,rgba(245,165,36,.4),transparent);
}
.evj__in{width:min(1380px,92vw); margin:0 auto}
.evj__head{max-width:46rem; margin:0 0 clamp(1.5rem,4vw,32px)}
.evj__eyebrow{
  display:inline-flex; align-items:center; gap:.5rem; margin:0 0 .75rem;
  font-size:.72rem; font-weight:700; letter-spacing:.14em; text-transform:uppercase;
  color:var(--evj-amber-hi);
}
.evj__eyebrow::before{
  content:""; width:7px; height:7px; border-radius:50%; background:var(--evj-green);
  box-shadow:0 0 0 4px rgba(74,222,128,.18);
}
.evj__h2{
  margin:0 0 .75rem; color:#fff; line-height:1.12;
  font-size:clamp(1.375rem,4.6vw,2.25rem); letter-spacing:-.015em;
}
.evj__lede{margin:0; color:#c7d0dd; font-size:clamp(1rem,2.4vw,1.125rem); line-height:1.6}

/* ── stage chips ── */
.evj__chips{
  display:flex; gap:.5rem; overflow-x:auto; scrollbar-width:none;
  margin:0 0 1rem; padding:4px .15rem 8px; scroll-snap-type:x proximity;
}
.evj__chips::-webkit-scrollbar{display:none}
.evj__chip{
  flex:0 0 auto; scroll-snap-align:start;
  display:inline-flex; align-items:center; gap:.5rem;
  min-height:44px; padding:0 .95rem; border-radius:13px;
  background:var(--evj-glass); border:1px solid var(--evj-line);
  color:#c7d0dd; font-size:.86rem; font-weight:600; line-height:1;
  cursor:pointer; transition:background .22s var(--evj-ease),border-color .22s var(--evj-ease),color .22s var(--evj-ease),box-shadow .22s var(--evj-ease);
  -webkit-tap-highlight-color:transparent;
}
.evj__chip:hover{border-color:rgba(245,165,36,.4); color:#fff}
.evj__chip[aria-selected="true"]{
  background:linear-gradient(135deg,rgba(245,165,36,.20),rgba(245,165,36,.07));
  border-color:rgba(245,165,36,.65); color:#fff;
  box-shadow:0 10px 26px -14px rgba(245,165,36,.6);
}
.evj__chip-n{
  display:inline-grid; place-items:center; width:21px; height:21px; border-radius:6px;
  background:rgba(255,255,255,.08); color:var(--evj-amber-hi);
  font-size:.7rem; font-weight:800; font-variant-numeric:tabular-nums;
}
.evj__chip[aria-selected="true"] .evj__chip-n{background:var(--evj-amber); color:#0d1b2e}

/* ── stage panel ── */
.evj__stage{
  display:grid; gap:clamp(1rem,3vw,2rem); align-items:center;
  grid-template-columns:1fr;
  background:var(--evj-glass); border:1px solid var(--evj-line);
  border-radius:20px; padding:clamp(12px,2.2vw,1rem) clamp(.85rem,2.2vw,1rem);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10), 0 24px 60px -30px rgba(0,0,0,.7);
}
@media(min-width:820px){.evj__stage{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}}
.evj__panel[hidden]{display:none}
.evj__panel{display:grid; gap:inherit; grid-template-columns:subgrid; grid-column:1/-1}
@supports not (grid-template-columns:subgrid){
  .evj__panel{display:grid; gap:clamp(1rem,3vw,2rem); grid-column:1/-1}
  @media(min-width:820px){.evj__panel{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}}
}
.evj__shot{
  position:relative; margin:0; border-radius:14px; overflow:hidden;
  background:#081127; border:1px solid rgba(255,255,255,.08);
}
.evj__shot img{
  display:block; width:100%; height:auto; aspect-ratio:4/5; object-fit:cover;
}
.evj__tag{
  position:absolute; left:.6rem; bottom:.6rem;
  display:inline-flex; align-items:center; gap:8px;
  padding:4px .6rem; border-radius:9px;
  background:rgba(8,17,39,.82); backdrop-filter:blur(8px);
  border:1px solid rgba(255,255,255,.14);
  color:#c7d0dd; font-size:.69rem; font-weight:600; letter-spacing:.03em;
}
.evj__body{padding:clamp(8px,1.5vw,1rem) clamp(.4rem,1.5vw,.9rem) clamp(16px,2vw,1rem)}
.evj__step{
  margin:0 0 .5rem; font-size:.7rem; font-weight:800; letter-spacing:.14em;
  text-transform:uppercase; color:var(--evj-grey);
}
.evj__h3{margin:0 0 8px; color:#fff; font-size:clamp(1.125rem,3.1vw,1.375rem); line-height:1.25}
.evj__p{margin:0 0 16px; color:#c7d0dd; font-size:.96rem; line-height:1.65}
.evj__p:last-child{margin-bottom:0}
.evj__note{
  margin:16px 0 0; padding:12px .85rem; border-radius:11px;
  background:rgba(74,222,128,.07); border:1px solid rgba(74,222,128,.22);
  color:#c7d0dd; font-size:.86rem; line-height:1.55;
}
.evj__note b{color:#7ef2a6; font-weight:700}

/* ── fact strip ── */
.evj__facts{
  display:grid; gap:8px; margin:clamp(1rem,3vw,1.5rem) 0 0;
  grid-template-columns:repeat(2,minmax(0,1fr));
}
@media(min-width:760px){.evj__facts{grid-template-columns:repeat(4,minmax(0,1fr))}}
.evj__fact{
  padding:12px .9rem; border-radius:13px;
  background:var(--evj-glass); border:1px solid var(--evj-line);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
.evj__fact dt{
  margin:0 0 4px; font-size:.69rem; font-weight:700; letter-spacing:.1em;
  text-transform:uppercase; color:var(--evj-grey);
}
.evj__fact dd{
  margin:0; color:#fff; font-weight:700; line-height:1.25;
  font-size:clamp(1rem,2.6vw,1.125rem); font-variant-numeric:tabular-nums;
}
.evj__fact dd small{display:block; margin-top:4px; font-size:.78rem; font-weight:500; color:#8a94a6}

/* ── owner quote ── */
.evj__quote{
  margin:clamp(1rem,3vw,1.5rem) 0 0; padding:clamp(1rem,3vw,1.5rem);
  border-radius:16px; border:1px solid var(--evj-line);
  background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,.02));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.09);
}
.evj__stars{color:var(--evj-amber); font-size:.98rem; letter-spacing:.14em; line-height:1}
.evj__quote blockquote{
  margin:12px 0 12px; color:var(--evj-paper); font-size:clamp(1rem,2.5vw,1.125rem);
  line-height:1.65;
}
.evj__attrib{margin:0; color:#8a94a6; font-size:.84rem; line-height:1.55}
.evj__attrib b{color:#fff; font-weight:700}
.evj__attrib a{color:var(--evj-amber-hi); text-decoration:underline; text-underline-offset:2px}

/* ── solar bridge ── */
.evj__bridge{
  margin:clamp(1rem,3vw,1.5rem) 0 0; padding:clamp(1rem,3vw,1.5rem);
  border-radius:18px; border:1px solid rgba(245,165,36,.3);
  background:
    radial-gradient(100% 120% at 100% 0,rgba(245,165,36,.12),rgba(245,165,36,0) 60%),
    linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.015));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.09);
}
.evj__bridge-h3{margin:0 0 8px; color:#fff; font-size:clamp(1.125rem,3.1vw,1.375rem); line-height:1.25}
.evj__bridge-p{margin:0 0 1rem; color:#c7d0dd; font-size:.96rem; line-height:1.65}
.evj__rates{display:grid; gap:8px; margin:0 0 1rem; grid-template-columns:1fr}
@media(min-width:620px){.evj__rates{grid-template-columns:repeat(2,minmax(0,1fr))}}
.evj__rate{
  display:flex; align-items:baseline; gap:12px; padding:12px .9rem;
  border-radius:12px; background:rgba(8,17,39,.5); border:1px solid rgba(255,255,255,.09);
}
.evj__rate-n{
  color:var(--evj-amber-hi); font-weight:800; line-height:1;
  font-size:clamp(1.375rem,3.4vw,1.75rem); font-variant-numeric:tabular-nums; white-space:nowrap;
}
.evj__rate-t{color:#c7d0dd; font-size:.86rem; line-height:1.45}
.evj__rate-t b{display:block; color:#fff; font-weight:700; margin-bottom:.1rem}
.evj__src{
  margin:16px 0 0; color:#8a94a6; font-size:.79rem; line-height:1.6;
}
.evj__src a{color:#c7d0dd; text-decoration:underline; text-underline-offset:2px}
.evj__ctas{display:flex; flex-wrap:wrap; gap:8px; margin:1rem 0 0}
.evj__cta{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  min-height:48px; padding:0 1rem; border-radius:13px;
  font-size:.94rem; font-weight:700; text-decoration:none; line-height:1;
  transition:transform .2s var(--evj-ease),box-shadow .2s var(--evj-ease),background .2s var(--evj-ease);
}
.evj__cta--solid{
  background:linear-gradient(135deg,var(--evj-amber) 0,#e8a91f 100%); color:#0d1b2e;
  box-shadow:0 8px 24px -6px rgba(245,165,36,.45);
}
.evj__cta--ghost{
  background:rgba(255,255,255,.05); color:#fff; border:1px solid var(--evj-line);
}
.evj__cta:hover{transform:translateY(-1px)}
.evj__cta--solid:hover{box-shadow:0 12px 30px -8px rgba(245,165,36,.55)}
.evj__cta--ghost:hover{border-color:rgba(245,165,36,.5)}

@media(prefers-reduced-motion:reduce){
  .evj__chip,.evj__cta{transition:none}
  .evj__cta:hover{transform:none}
}

/* svc687b: the bill board, the warning, the priced rates */
.evj__board{border:1px solid rgba(245,165,36,.30);border-radius:16px;background:linear-gradient(180deg,rgba(245,165,36,.07),rgba(245,165,36,.02));padding:16px 16px;margin:24px 0 0}
.evj__board-h{margin:0 0 12px;font-size:16px;letter-spacing:.10em;text-transform:uppercase;color:var(--rdn-amber,#f5a524);font-weight:700}
.evj__board-h--mid{margin:24px 0 12px}
.evj__board-rows{display:flex;flex-direction:column;gap:0}
.evj__brow{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.evj__brow-l{font-size:16px;line-height:1.4;color:#c7d0dd}
.evj__brow-v{font-size:16px;font-weight:700;color:#f4f6fb;white-space:nowrap;font-variant-numeric:tabular-nums}
.evj__brow--sum{border-bottom:0;padding-top:12px;margin-top:4px;border-top:2px solid rgba(245,165,36,.35)}
.evj__brow--sum .evj__brow-l{color:#f4f6fb;font-weight:600}
.evj__brow--sum .evj__brow-v{color:var(--rdn-amber,#f5a524);font-size:18px}
.evj__board-out{display:flex;align-items:center;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.10)}
.evj__board-n{font-size:36px;font-weight:800;line-height:1;color:var(--rdn-amber,#f5a524);font-variant-numeric:tabular-nums;flex:none}
.evj__board-t{font-size:16px;line-height:1.45;color:#c7d0dd}
.evj__warn{margin:16px 0 0;padding:16px;border-radius:14px;border:1px solid rgba(74,222,128,.26);background:rgba(74,222,128,.055)}
.evj__warn>b{display:block;font-size:16px;line-height:1.45;color:#4ade80;margin-bottom:8px}
.evj__warn>p{margin:0;font-size:16px;line-height:1.62;color:#c7d0dd}
.evj__rate--win{border-color:rgba(74,222,128,.42);background:rgba(74,222,128,.07)}
.evj__rate--win .evj__rate-n{color:#4ade80}
@media(min-width:760px){
 .evj__board{padding:24px 24px}
 .evj__board-n{font-size:48px}
 .evj__brow-l{font-size:16px}
}

/* svc688: capacity picker, the three roads, the price gap */
.evc{padding:48px 0 64px;background:linear-gradient(180deg,#0a1526,#081127)}
.evc__eyebrow{margin:0 0 12px;font-size:16px;letter-spacing:.11em;text-transform:uppercase;color:var(--rdn-amber,#f5a524);font-weight:700}
.evc__h2{margin:0 0 16px;font-size:28px;line-height:1.22;letter-spacing:-.015em;color:#f4f6fb;font-weight:800}
.evc__h3{margin:48px 0 12px;font-size:22px;line-height:1.3;color:#f4f6fb;font-weight:700}
.evc__lede,.evc__p{margin:0 0 4px;font-size:16px;line-height:1.66;color:#c7d0dd}
.evc__tool{margin:24px 0 0;padding:16px 16px;border:1px solid rgba(245,165,36,.26);border-radius:18px;background:rgba(255,255,255,.028)}
.evc__tool-h{margin:0 0 12px;font-size:16px;letter-spacing:.05em;text-transform:uppercase;color:var(--rdn-amber,#f5a524);font-weight:700}
.evc__tool-h+.evc__hint+.evc__tool-h,.evc__loads+.evc__out{margin-top:0}
.evc__svc{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.evc__loads{display:grid;grid-template-columns:1fr;gap:8px;margin:0 0 16px}
.evc__svc-b,.evc__load{min-height:var(--rdn-chip-h,44px);padding:12px 16px;border-radius:var(--rdn-chip-r,13px);border:1px solid rgba(255,255,255,.17);background:rgba(255,255,255,.04);color:#dbe2ec;font:inherit;font-size:16px;font-weight:600;text-align:left;cursor:pointer;transition:background .18s var(--rdn-ease,ease),border-color .18s,color .18s}
.evc__svc-b{text-align:center}
.evc__svc-b:hover,.evc__load:hover{background:rgba(255,255,255,.075);border-color:rgba(245,165,36,.4)}
.evc__svc-b.is-on,.evc__load.is-on{background:rgba(245,165,36,.15);border-color:var(--rdn-amber,#f5a524);color:#fff}
.evc__svc-b:focus-visible,.evc__load:focus-visible{outline:2px solid var(--rdn-amber,#f5a524);outline-offset:2px}
.evc__hint{margin:8px 0 24px;font-size:16px;line-height:1.55;color:#8a94a6}
.evc__out{padding:16px;border-radius:14px;background:rgba(0,0,0,.26);border:1px solid rgba(255,255,255,.09)}
.evc__badge{display:inline-block;padding:8px 12px;border-radius:999px;font-size:16px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;background:rgba(245,165,36,.16);color:var(--rdn-amber,#f5a524);border:1px solid rgba(245,165,36,.45)}
.evc__badge--good{background:rgba(74,222,128,.14);color:#4ade80;border-color:rgba(74,222,128,.45)}
.evc__badge--up{background:rgba(255,255,255,.08);color:#f4f6fb;border-color:rgba(255,255,255,.3)}
.evc__vtitle{margin:12px 0 8px;font-size:16px;line-height:1.4;color:#f4f6fb;font-weight:700}
.evc__vbody{margin:0 0 16px;font-size:16px;line-height:1.62;color:#c7d0dd}
.evc__srow{display:flex;justify-content:space-between;gap:12px;align-items:baseline;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.evc__srow:last-child{border-bottom:0}
.evc__srow-l{font-size:16px;color:#c7d0dd;line-height:1.4}
.evc__srow-v{font-size:16px;font-weight:700;color:#f4f6fb;white-space:nowrap;font-variant-numeric:tabular-nums}
.evc__srow--add .evc__srow-v{color:var(--rdn-amber,#f5a524)}
.evc__vsum{margin:12px 0 0;font-size:16px;line-height:1.55;color:var(--rdn-amber,#f5a524);font-weight:600}
.evc__disc{margin:16px 0 0;padding:12px 16px;border-radius:12px;background:rgba(74,222,128,.06);border:1px solid rgba(74,222,128,.24);font-size:16px;line-height:1.6;color:#c7d0dd}
.evc__disc b{color:#4ade80}
.evc__roads{display:grid;grid-template-columns:1fr;gap:12px;margin:24px 0 0}
.evc__road{padding:16px 16px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.028)}
.evc__road--mid{border-color:rgba(245,165,36,.42);background:rgba(245,165,36,.05)}
.evc__road-top{display:flex;align-items:center;gap:8px;margin:0 0 12px}
.evc__road-top svg{width:22px;height:22px;flex:none;color:var(--rdn-amber,#f5a524)}
.evc__road-top h4{margin:0;font-size:16px;line-height:1.3;color:#f4f6fb;font-weight:700}
.evc__road-w{margin:0 0 16px;font-size:16px;line-height:1.62;color:#c7d0dd}
.evc__bars{display:flex;flex-direction:column;gap:8px;margin:0 0 12px}
.evc__bar{display:grid;grid-template-columns:1fr;gap:4px}
.evc__bar-l{font-size:16px;letter-spacing:.04em;text-transform:uppercase;color:#8a94a6;font-weight:700}
.evc__bar-t{display:block;height:9px;border-radius:999px;background:linear-gradient(90deg,#8a94a6,#b9c2d0);min-width:22px}
.evc__bar--add .evc__bar-t{background:linear-gradient(90deg,var(--rdn-amber,#f5a524),var(--rdn-amber-hi,#f7b23a))}
.evc__bar--big .evc__bar-t{background:linear-gradient(90deg,#f7b23a,#f4f6fb)}
.evc__bar-v{font-size:16px;font-weight:700;color:#f4f6fb;font-variant-numeric:tabular-nums}
.evc__bar--add .evc__bar-v{color:var(--rdn-amber,#f5a524)}
.evc__road-f{margin:0;font-size:16px;line-height:1.6;color:#8a94a6}
.evc__road-f b{color:#f4f6fb}
.evc__gaps{list-style:none;margin:24px 0 0;padding:0;display:flex;flex-direction:column;gap:12px}
.evc__gap{display:flex;gap:12px;align-items:flex-start;padding:16px;border-radius:13px;background:rgba(255,255,255,.028);border:1px solid rgba(255,255,255,.1)}
.evc__gap-n{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:16px;font-weight:800;color:#081127;background:var(--rdn-amber,#f5a524)}
.evc__gap div{font-size:16px;line-height:1.6;color:#c7d0dd}
.evc__gap b{color:#f4f6fb;display:block;margin-bottom:4px}
.evc__close{margin:32px 0 0;padding:24px 16px;border-radius:18px;border:1px solid rgba(245,165,36,.3);background:linear-gradient(180deg,rgba(245,165,36,.09),rgba(245,165,36,.02))}
.evc__close-h{margin:0 0 8px;font-size:18px;line-height:1.3;color:#f4f6fb;font-weight:800}
.evc__close-p{margin:0 0 16px;font-size:16px;line-height:1.66;color:#c7d0dd}
.evc__ctas{display:flex;flex-direction:column;gap:8px}
.evc__cta{display:block;min-height:52px;padding:16px 24px;border-radius:14px;text-align:center;font-size:16px;font-weight:700;text-decoration:none;transition:transform .16s var(--rdn-ease,ease),box-shadow .16s}
.evc__cta--solid{background:linear-gradient(180deg,var(--rdn-amber-hi,#f7b23a),var(--rdn-amber,#f5a524));color:#0d1b2e}
.evc__cta--ghost{border:1px solid rgba(245,165,36,.5);color:var(--rdn-amber,#f5a524);background:rgba(245,165,36,.05)}
.evc__cta:hover{transform:translateY(-1px)}
@media(min-width:760px){
 .evc{padding:64px 0 64px}
 .evc__h2{font-size:36px}
 .evc__h3{font-size:22px}
 .evc__tool{padding:24px 24px}
 .evc__svc{grid-template-columns:repeat(4,1fr)}
 .evc__loads{grid-template-columns:repeat(3,1fr)}
 .evc__roads{grid-template-columns:repeat(3,1fr)}
 .evc__gaps{display:grid;grid-template-columns:repeat(2,1fr)}
 .evc__ctas{flex-direction:row}
 .evc__cta{flex:1}
}
@media(prefers-reduced-motion:reduce){.evc__cta:hover{transform:none}}
.evc__road-lead{margin:0 0 8px;font-size:16px;font-weight:800;color:var(--rdn-amber,#f5a524);line-height:1.35}
.evc__road-tot{display:flex;justify-content:space-between;gap:8px;align-items:baseline;margin:0 0 12px;padding:12px 12px;border-radius:11px;background:rgba(255,255,255,.055);font-size:16px;letter-spacing:.04em;text-transform:uppercase;color:#8a94a6;font-weight:700}
.evc__road-tot b{font-size:16px;letter-spacing:0;text-transform:none;color:#f4f6fb;font-variant-numeric:tabular-nums}
.evc__road-tot--add{background:rgba(245,165,36,.12);border:1px solid rgba(245,165,36,.3)}
.evc__road-tot--add b{color:var(--rdn-amber,#f5a524)}
.evc__srow--tot{margin-top:4px;padding-top:12px;border-top:1px solid rgba(245,165,36,.35)}
.evc__srow--tot .evc__srow-l{color:#f4f6fb;font-weight:700}
.evc__srow--tot .evc__srow-v{font-size:18px;color:var(--rdn-amber,#f5a524)}

/* svc689c sizing explainer */
.evj__sizing{margin:32px 0 0;padding:24px 16px;border-radius:20px;border:1px solid rgba(245,165,36,.26);background:linear-gradient(180deg,rgba(245,165,36,.075),rgba(245,165,36,.015))}
.evj__sizing-h{margin:0 0 12px;font-size:22px;line-height:1.28;color:#f4f6fb;font-weight:800;letter-spacing:-.01em}
.evj__sizing-p{margin:0 0 24px;font-size:16px;line-height:1.66;color:#c7d0dd}
.evj__sz{padding:16px 16px;border-radius:16px;background:rgba(8,17,39,.55);border:1px solid rgba(255,255,255,.08)}
.evj__sz-lab{margin:0 0 12px;font-size:16px;letter-spacing:.07em;text-transform:uppercase;color:#8a94a6;font-weight:700}
.evj__sz-chips{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0 0 24px}
.evj__sz-chip{min-height:44px;padding:8px 6px;border-radius:13px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.045);color:#c7d0dd;font-size:16px;font-weight:700;cursor:pointer;font-family:inherit;transition:background .16s,border-color .16s,color .16s}
.evj__sz-chip:hover{border-color:rgba(245,165,36,.45);color:#f4f6fb}
.evj__sz-chip.is-on{background:linear-gradient(180deg,rgba(245,165,36,.2),rgba(245,165,36,.08));border-color:rgba(245,165,36,.62);color:#f7b23a}
.evj__sz-chip:focus-visible{outline:2px solid #f5a524;outline-offset:2px}
.evj__sz-bar{position:relative;height:13px;border-radius:7px;background:rgba(255,255,255,.08);overflow:visible;margin:0 0 24px}
.evj__sz-fill{height:100%;border-radius:7px;background:linear-gradient(90deg,rgba(74,222,128,.55),#4ade80);transition:width .3s var(--rdn-ease,ease)}
.evj__sz-mark{position:absolute;top:-4px;bottom:-4px;width:2px;background:#f5a524}
.evj__sz-mark span{position:absolute;top:-19px;left:50%;transform:translateX(-50%);font-size:16px;font-weight:800;color:#f5a524;letter-spacing:.04em}
.evj__sz-out{margin:0}
.evj__sz-row{display:flex;justify-content:space-between;gap:12px;align-items:baseline;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.07)}
.evj__sz-row dt{margin:0;font-size:16px;line-height:1.4;color:#8a94a6;font-weight:600}
.evj__sz-row dd{margin:0;font-size:16px;color:#f4f6fb;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}
.evj__sz-row--tot{border-bottom:0;margin-top:4px;padding-top:12px;border-top:1px solid rgba(245,165,36,.34)}
.evj__sz-row--tot dt{color:#f4f6fb;font-weight:700}
.evj__sz-row--tot dd{font-size:18px;color:#f5a524}
.evj__sz-note{margin:16px 0 0;font-size:16px;line-height:1.6;color:#c7d0dd}
.evj__sz-code{display:grid;gap:12px;margin:24px 0 0}
.evj__sz-card{padding:16px 16px;border-radius:15px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.085)}
.evj__sz-rule{margin:0 0 8px;font-size:16px;letter-spacing:.08em;text-transform:uppercase;color:#f5a524;font-weight:800;font-variant-numeric:tabular-nums}
.evj__sz-txt{margin:0;font-size:16px;line-height:1.62;color:#c7d0dd}
.evj__sz-txt b{color:#f4f6fb;display:block;margin-bottom:4px}
.evj__sz-src{margin:16px 0 0;font-size:16px;line-height:1.6;color:#8a94a6}
.evj__sz-src a{color:#8a94a6;text-decoration:underline;text-underline-offset:2px}
@media(min-width:760px){
 .evj__sizing{padding:32px 32px}
 .evj__sizing-h{font-size:22px}
 .evj__sz{padding:24px 24px}
 .evj__sz-code{grid-template-columns:repeat(3,1fr)}
}
@media(prefers-reduced-motion:reduce){.evj__sz-fill{transition:none}}
/* svc689c fixes: pill chips, nowrap mark label */
.evj__sz .evj__sz-chips .evj__sz-chip{border-radius:13px;aspect-ratio:auto;width:auto;height:auto;white-space:nowrap;line-height:1.2;box-shadow:none;display:flex;align-items:center;justify-content:center;text-align:center}
.evj__sz .evj__sz-chips .evj__sz-chip.is-on{box-shadow:0 0 0 1px rgba(245,165,36,.25)}
.evj__sz .evj__sz-chips .evj__sz-chip::before,.evj__sz .evj__sz-chips .evj__sz-chip::after{content:none;display:none}
.evj__sz-bar .evj__sz-mark{overflow:visible}
.evj__sz-bar .evj__sz-mark span{white-space:nowrap;width:auto;overflow:visible}
@media(max-width:420px){.evj__sz-chips{gap:4px}.evj__sz .evj__sz-chips .evj__sz-chip{font-size:16px;padding:8px 4px}}
/* svc689c: win the cascade against the global pill button rules */
.evj__sz .evj__sz-chips button.evj__sz-chip{border-radius:13px!important;background-image:none!important;background-color:rgba(255,255,255,.045)!important;box-shadow:none!important;background-clip:border-box!important}
.evj__sz .evj__sz-chips button.evj__sz-chip.is-on{background-color:rgba(245,165,36,.16)!important;border-color:rgba(245,165,36,.62)!important;color:#f7b23a!important}