/* =====================================================================================
   RJ DTC Admin · Round 2 kit · families/wizard-stepper/family.css   (prefix: wz-)
   Stepper, step rail, step header, sticky action bar, save state, validation summary,
   review step and step transition. Values come from tokens.css only.
   shadcn/Radix names: Stepper = <ol role="list"> of step triggers (aria-current="step");
   Switch = Radix Switch (role="switch"); Progress = Radix Progress (segmented).
   ===================================================================================== */

/* Archivo voice on this family's own title-like classes: normal width, never tracked out */
.wz-sl,.wz-mark,.wz-t,.wz-sec-t,.wz-rh b,.wz-rl,.wz-th,.wz-cn b,.wz-ci-t,.wz-errs b,.wz-rv-h,.wz-pc b,.wz-cap,.wz-chk b{
  font-family:var(--font-voice);font-stretch:var(--font-stretch-title);font-variation-settings:normal;letter-spacing:0}

/* ---------- step mark: the round marker shared by the stepper, the rail and section cards ---------- */
.wz-mark{width:24px;height:24px;border-radius:var(--r-pill);display:grid;place-items:center;flex:none;font-weight:var(--w-semibold);font-size:var(--text-small);line-height:1;
  border:1px solid hsl(var(--input));color:hsl(var(--muted-foreground));background:hsl(var(--background));
  transition:background-color var(--motion-hover),border-color var(--motion-hover),color var(--motion-hover)}
.wz-mark svg{width:14px;height:14px}
.wz-mark .spin{width:12px;height:12px}
.is-current>.wz-sb .wz-mark,.is-current>.wz-mark,.wz-ri.is-current .wz-mark{background:hsl(var(--primary));border-color:hsl(var(--primary));color:hsl(var(--primary-foreground))}
.is-complete>.wz-sb .wz-mark,.is-complete>.wz-mark,.wz-ri.is-complete .wz-mark,.wz-sec.is-complete .wz-mark{background:hsl(var(--accent));border-color:hsl(var(--accent));color:hsl(var(--primary))}
.is-error>.wz-sb .wz-mark,.wz-ri.is-error .wz-mark,.wz-sec.is-error .wz-mark{background:hsl(var(--destructive)/.08);border-color:hsl(var(--destructive)/.55);color:hsl(var(--destructive))}
.is-locked>.wz-sb .wz-mark,.wz-ri.is-locked .wz-mark,.wz-sec.is-locked .wz-mark{background:hsl(var(--muted));border-color:hsl(var(--border));color:hsl(var(--muted-foreground))}
.wz-sec.is-current .wz-mark{background:hsl(var(--primary));border-color:hsl(var(--primary));color:hsl(var(--primary-foreground))}

/* ---------- horizontal stepper ---------- */
.wz-steps{display:flex;align-items:flex-start;gap:var(--s-2);list-style:none}
.wz-step{display:flex;align-items:flex-start;gap:var(--s-2);flex:1 1 0;min-width:0}
.wz-step:last-child{flex:0 1 auto}
.wz-line{flex:1;min-width:var(--s-6);height:1px;margin-top:18px;background:hsl(var(--border));transition:background-color var(--motion-sheet-in)}
.wz-line.done{background:hsl(var(--primary)/.55)}
.wz-sb{display:flex;align-items:flex-start;gap:10px;padding:var(--s-1) var(--s-3) var(--s-1) var(--s-1);border-radius:var(--r-control);text-align:left;min-width:0;
  transition:background-color var(--motion-hover)}
.wz-sb:hover,.wz-sb.is-hover{background:hsl(var(--muted))}
.wz-sb:focus-visible,.wz-sb.is-focus{outline:2px solid hsl(var(--ring));outline-offset:2px}
.wz-sb[aria-disabled=true]{cursor:not-allowed}
.wz-sb[aria-disabled=true]:hover{background:transparent}
.wz-step.is-current .wz-sb{cursor:default}
.wz-step.is-current .wz-sb:hover{background:transparent}
.wz-st{display:flex;flex-direction:column;gap:2px;min-width:0;padding-top:4px}
.wz-sl{font-weight:var(--w-semibold);font-size:var(--text-card);line-height:1.3;color:hsl(var(--foreground));white-space:nowrap}
.is-upcoming .wz-sl,.is-locked .wz-sl{color:hsl(var(--muted-foreground));font-weight:var(--w-medium)}
.wz-ss{font-size:var(--text-small);color:hsl(var(--muted-foreground));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:30ch}
.is-error .wz-ss,.is-error .wz-sl{color:hsl(var(--destructive))}
.wz-steps.solo .wz-step{flex:none}
.wz-cap{font-size:var(--text-small);font-weight:var(--w-semibold);color:hsl(var(--muted-foreground));margin-bottom:var(--s-3)}
.wz-stack{display:flex;flex-direction:column;gap:var(--s-6)}
.wz-stack>div+div{padding-top:var(--s-6);border-top:1px solid hsl(var(--border))}

/* ---------- vertical step rail + section progress ---------- */
.wz-rail{display:flex;flex-direction:column}
.wz-rh{padding:0 var(--s-2) var(--s-4)}
.wz-rh b{display:block;font-size:var(--text-card);font-weight:var(--w-semibold)}
.wz-rh span{font-size:var(--text-small);color:hsl(var(--muted-foreground))}
.wz-meter{display:grid;grid-template-columns:repeat(var(--n,8),minmax(0,1fr));gap:3px;margin-top:var(--s-2)}
.wz-meter i{height:4px;border-radius:var(--r-chip);background:hsl(var(--border));transition:background-color var(--motion-sheet-in)}
.wz-meter i.done{background:hsl(var(--primary))}
.wz-meter i.cur{background:hsl(var(--ring))}
.wz-meter i.err{background:hsl(var(--destructive))}
.wz-ri{display:grid;grid-template-columns:20px minmax(0,1fr) auto;gap:10px;align-items:center;min-height:38px;padding:var(--s-2);border-radius:var(--r-control);
  position:relative;text-decoration:none;color:hsl(var(--foreground));transition:background-color var(--motion-hover)}
.wz-ri .wz-mark{width:20px;height:20px;font-size:var(--text-11)}
.wz-ri .wz-mark svg{width:12px;height:12px}
.wz-ri:not(:last-child)::after{content:"";position:absolute;left:calc(var(--s-2) + 10px);top:calc(50% + 11px);height:calc(100% - 22px);width:1px;background:hsl(var(--border))}
.wz-ri.is-complete:not(:last-child)::after{background:hsl(var(--primary)/.45)}
.wz-ri:hover,.wz-ri.is-hover{background:hsl(var(--muted))}
.wz-ri:focus-visible,.wz-ri.is-focus{outline:2px solid hsl(var(--ring));outline-offset:-2px}
.wz-ri.is-current{background:hsl(var(--accent))}
.wz-ri.is-current::before{content:"";position:absolute;left:0;top:9px;bottom:9px;width:2px;border-radius:var(--r-chip);background:hsl(var(--primary))}
.wz-ri[aria-disabled=true]{cursor:not-allowed}
.wz-ri[aria-disabled=true]:hover{background:transparent}
.wz-rl{font-size:var(--text-card);font-weight:var(--w-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wz-ri.is-current .wz-rl{font-weight:var(--w-semibold)}
.wz-ri.is-locked .wz-rl{color:hsl(var(--muted-foreground))}
.wz-rm{font-size:var(--text-micro);color:hsl(var(--muted-foreground));font-variant-numeric:tabular-nums;white-space:nowrap}
.wz-ri.is-error .wz-rm{color:hsl(var(--destructive));font-weight:var(--w-medium)}
.state-v>.wz-ri{flex:1}
.wz-railcard{align-self:start;border:1px solid hsl(var(--border));border-radius:var(--r-card);padding:var(--s-4) var(--s-2) var(--s-2)}
.wz-railcard .wz-rh{padding:0 var(--s-2) var(--s-3)}
.wz-pv{display:flex;flex-direction:column;gap:var(--s-5)}
.wz-pv>div{border:1px solid hsl(var(--border));border-radius:var(--r-card);padding:var(--s-4)}
.wz-pv .wz-rh{padding:0}

/* ---------- step header: where you are, what to do, the one next step ---------- */
.wz-head{display:flex;align-items:flex-end;gap:var(--s-8)}
.wz-k{font-size:var(--text-small);color:hsl(var(--muted-foreground));margin-bottom:var(--s-1);font-variant-numeric:tabular-nums}
.wz-t{font-weight:var(--title-w);font-size:var(--text-page);line-height:var(--lh-page);letter-spacing:var(--tr-page)}
.wz-lede{color:hsl(var(--muted-foreground));margin-top:var(--s-1);max-width:64ch;font-size:var(--text-body)}
.wz-next{margin-left:auto;flex:none;display:flex;flex-direction:column;gap:var(--s-2);min-width:200px;font-size:var(--text-small);color:hsl(var(--muted-foreground))}
.wz-next b{color:hsl(var(--foreground));font-weight:var(--w-semibold)}
.wz-next .wz-meter{margin-top:0}

/* ---------- section cards in the long guided editor ---------- */
.wz-sec{border:1px solid hsl(var(--border));border-radius:var(--r-card);background:hsl(var(--card));scroll-margin-top:var(--s-4)}
.wz-sec+.wz-sec{margin-top:var(--s-3)}
.wz-sec-h{display:flex;align-items:center;gap:var(--s-3);min-height:52px;padding:var(--s-2) var(--s-3) var(--s-2) var(--s-4)}
.wz-sec-t{font-size:var(--text-card);font-weight:var(--w-semibold);flex:none;width:118px}
.wz-sec-s{flex:1;min-width:0;font-size:var(--text-small);color:hsl(var(--muted-foreground));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wz-sec.is-error .wz-sec-s{color:hsl(var(--destructive))}
.wz-sec.is-locked .wz-sec-t{color:hsl(var(--muted-foreground))}
.wz-sec.is-current{border-color:hsl(var(--primary)/.28);box-shadow:var(--e-1)}
.wz-sec.is-current .wz-sec-h{border-bottom:1px solid hsl(var(--border));min-height:60px}
.wz-sec.is-current .wz-sec-t{font-size:var(--text-section);width:auto}
.wz-sec-b{padding:var(--s-4)}
.wz-sec-b>p{color:hsl(var(--muted-foreground));margin-bottom:var(--s-4);max-width:72ch}

/* ---------- editor composition: shell + rail + scrolling sections + sticky bar ---------- */
.wz-ed{display:grid;grid-template-columns:248px minmax(0,1fr);border-top:1px solid hsl(var(--border))}
.wz-ed-rail{padding:var(--s-5) var(--s-3);border-right:1px solid hsl(var(--border));background:hsl(var(--muted)/.35)}
.wz-ed-col{height:680px;overflow:auto;display:flex;flex-direction:column;background:hsl(var(--muted)/.2)}
.wz-ed-in{padding:var(--s-5) var(--s-6) var(--s-6);flex:1}
.wz-ph{padding:var(--s-5) var(--s-6) var(--s-4);display:flex;align-items:center;gap:var(--s-3);flex-wrap:wrap}
.wz-ph .page-title{margin-right:var(--s-1)}
.wz-ph .r{margin-left:auto;display:flex;gap:var(--s-2)}

/* ---------- combos offered (price & combos section) ---------- */
.wz-cmb{border:1px solid hsl(var(--border));border-radius:var(--r-card);overflow:hidden}
.wz-cr{display:grid;grid-template-columns:minmax(0,1fr) 150px minmax(0,1.45fr);gap:var(--s-5);padding:var(--s-4);align-items:start}
.wz-cr+.wz-cr{border-top:1px solid hsl(var(--border))}
.wz-cr.wz-chd{padding:0 var(--s-4);height:var(--row-th);align-items:center;background:hsl(var(--muted))}
.wz-th{font-size:var(--text-micro);font-weight:var(--w-semibold);color:hsl(var(--muted-foreground))}
.wz-cn{display:flex;gap:var(--s-3);align-items:flex-start}
.wz-cn b{display:block;font-size:var(--text-card);font-weight:var(--w-semibold)}
.wz-cn small{display:block;font-size:var(--text-small);color:hsl(var(--muted-foreground));margin-top:2px}
.wz-cn .chip{margin-top:var(--s-2)}
.wz-lp{font-size:var(--text-card);font-variant-numeric:tabular-nums;padding-top:2px}
.wz-lp small{display:block;font-size:var(--text-small);color:hsl(var(--muted-foreground));margin-top:2px}
.wz-lp.warn{color:hsl(var(--warning));font-size:var(--text-small)}
.wz-ov{display:flex;flex-direction:column;gap:var(--s-2)}
.wz-ol{display:grid;grid-template-columns:96px minmax(0,1fr) 34px;gap:var(--s-2);align-items:center}
.wz-ol .field{height:var(--control-h-sm)}
.wz-ol .tag{font-size:var(--text-micro);color:hsl(var(--muted-foreground))}
.wz-hint{font-size:var(--text-small);color:hsl(var(--muted-foreground))}
.wz-add{align-self:flex-start;margin-left:calc(var(--s-3) * -1)}
.wz-in{border:0;outline:0;background:transparent;width:100%;min-width:0;font-variant-numeric:tabular-nums;font-size:var(--text-body)}
.wz-cur{font:var(--w-medium) var(--text-code)/1 var(--font-code);color:hsl(var(--muted-foreground))}

/* Switch (Radix Switch stand-in until form-controls lands) */

/* ---------- sticky action bar: save state left, ranked actions right ---------- */
.wz-bar{position:sticky;bottom:0;z-index:4;display:flex;align-items:center;gap:var(--s-2);padding:var(--s-3) var(--s-6);
  background:hsl(var(--background)/.95);backdrop-filter:blur(var(--actbar-blur));border-top:1px solid hsl(var(--border))}
.wz-bar>.wz-save{margin-right:auto}
.wz-bars{display:flex;flex-direction:column;gap:var(--s-3)}
.wz-bars .wz-bar{position:relative;border:1px solid hsl(var(--border));border-radius:var(--r-card)}
.wz-save{display:flex;align-items:center;gap:var(--s-2);font-size:var(--text-small);color:hsl(var(--muted-foreground));min-width:0}
.wz-save svg{width:14px;height:14px}
.wz-save .spin{width:12px;height:12px}
.wz-save b{font-weight:var(--w-semibold);color:hsl(var(--foreground))}
.wz-save.ok svg{color:hsl(var(--success))}
.wz-save.failed,.wz-save.failed b{color:hsl(var(--destructive))}
.wz-udot{width:8px;height:8px;border-radius:50%;background:hsl(var(--warning));flex:none}
.wz-save .btn{margin-left:var(--s-1)}

/* ---------- step validation ---------- */
.wz-errs{display:flex;gap:var(--s-3);padding:var(--s-3) var(--s-4);border:1px solid hsl(var(--destructive)/.35);background:hsl(var(--destructive)/.05);border-radius:var(--r-card)}
.wz-errs>svg{color:hsl(var(--destructive));margin-top:2px}
.wz-errs b{display:block;font-size:var(--text-card);font-weight:var(--w-semibold)}
.wz-errs ul{list-style:none;margin-top:var(--s-1);display:flex;flex-direction:column;gap:2px}
.wz-errs a{color:hsl(var(--destructive));font-size:var(--text-small)}
.wz-pt{width:100%;border:1px solid hsl(var(--border));border-radius:var(--r-card);overflow:hidden}
.wz-pt th{font:var(--w-semibold) var(--text-micro)/1 var(--font-voice);font-stretch:var(--font-stretch-title);color:hsl(var(--muted-foreground));background:hsl(var(--muted));
  height:var(--row-th);text-align:left;padding:0 var(--s-4)}
.wz-pt td{padding:var(--s-3) var(--s-4);border-top:1px solid hsl(var(--border));vertical-align:top}
.wz-pt td:first-child{width:34%}
.wz-pt tr.off td{background:hsl(var(--muted)/.5)}
.wz-pt .field{max-width:220px}
.wz-pt .help{max-width:240px}
.wz-off{font-size:var(--text-small);color:hsl(var(--muted-foreground));padding-top:var(--s-2)}

/* product card used at the top of steps 2 and 3 */
.wz-pc{display:flex;gap:var(--s-3);align-items:center;padding:var(--s-3);border:1px solid hsl(var(--border));border-radius:var(--r-card)}
.wz-pc b{display:block;font-size:var(--text-card);font-weight:var(--w-semibold)}
.wz-pc small{display:block;font-size:var(--text-small);color:hsl(var(--muted-foreground));margin-top:2px}
.wz-pc .r{margin-left:auto;text-align:right;font-size:var(--text-small);color:hsl(var(--muted-foreground))}
.wz-pc .r b{font-family:var(--font-ui);font-size:var(--text-card);color:hsl(var(--foreground));font-variant-numeric:tabular-nums}
.wz-img{width:42px;height:56px;border-radius:var(--r-media);flex:none;box-shadow:inset 0 0 0 1px hsl(var(--border))}
.wz-flow{display:flex;flex-direction:column;gap:var(--s-5)}
.wz-wiz{border:1px solid hsl(var(--border));border-radius:var(--r-card);overflow:hidden;background:hsl(var(--background))}
.wz-wiz-top{padding:var(--s-5) var(--s-6);border-bottom:1px solid hsl(var(--border))}
.wz-wiz-in{padding:var(--s-6)}

/* ---------- review step ---------- */
.wz-rv{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:var(--s-6);align-items:start}
.wz-rs{border:1px solid hsl(var(--border));border-radius:var(--r-card);overflow:hidden}
.wz-rr{display:grid;grid-template-columns:132px minmax(0,1fr) auto;gap:var(--s-4);align-items:start;padding:var(--s-3) var(--s-4)}
.wz-rr+.wz-rr{border-top:1px solid hsl(var(--border))}
.wz-rv-h{font-size:var(--text-card);font-weight:var(--w-semibold);padding-top:var(--s-2)}
.wz-rr .v{padding-top:var(--s-2);min-width:0}
.wz-rr .v small{display:block;color:hsl(var(--muted-foreground));font-size:var(--text-small);margin-top:2px}
.wz-side{display:flex;flex-direction:column;gap:var(--s-4)}
.wz-box{border:1px solid hsl(var(--border));border-radius:var(--r-card);padding:var(--s-4)}
.wz-box h4{font:var(--w-semibold) var(--text-card)/1.3 var(--font-voice);font-stretch:var(--font-stretch-title);margin-bottom:var(--s-3)}
.wz-chg{list-style:none;display:flex;flex-direction:column;gap:var(--s-2);font-size:var(--text-small)}
.wz-chg li{display:block}
.wz-chg s{color:hsl(var(--muted-foreground))}
.wz-chk{list-style:none;display:flex;flex-direction:column;gap:var(--s-2);font-size:var(--text-small)}
.wz-chk li{display:flex;gap:var(--s-2);align-items:center}
.wz-chk svg{width:14px;height:14px;color:hsl(var(--success))}
.wz-chk b{font-weight:var(--w-semibold);font-size:var(--text-small)}
.wz-vv{display:flex;align-items:center;gap:var(--s-2);font-size:var(--text-small);color:hsl(var(--muted-foreground))}

/* ---------- step transition: the incoming step fades in and settles 8px (sheet-in timing) ---------- */
.wz-stage{position:relative}
.wz-pane{display:none}
.wz-pane.on{display:block;animation:wz-fwd var(--motion-sheet-in) both}
.wz-stage.back .wz-pane.on{animation-name:wz-back}
@keyframes wz-fwd{from{opacity:0;transform:translateX(var(--toast-shift))}to{opacity:1;transform:none}}
@keyframes wz-back{from{opacity:0;transform:translateX(calc(var(--toast-shift) * -1))}to{opacity:1;transform:none}}
.wz-pick{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--s-3)}
.wz-pk{display:flex;flex-direction:column;gap:var(--s-2);padding:var(--s-2);border:1px solid hsl(var(--border));border-radius:var(--r-card);text-align:left;position:relative;
  transition:border-color var(--motion-hover),box-shadow var(--motion-hover)}
.wz-pk:hover{border-color:hsl(var(--secondary-border))}
.wz-pk[aria-pressed=true]{border-color:hsl(var(--primary));box-shadow:0 0 0 1px hsl(var(--primary))}
.wz-pk img{width:100%;aspect-ratio:3/4;height:auto;border-radius:var(--r-media)}
.wz-pk b{font:var(--w-semibold) var(--text-small)/1.3 var(--font-voice);font-stretch:var(--font-stretch-title)}
.wz-pk small{font-size:var(--text-micro);color:hsl(var(--muted-foreground))}
.wz-pk .wz-tick{position:absolute;top:var(--s-3);right:var(--s-3);width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:hsl(var(--primary));color:hsl(var(--primary-foreground));
  opacity:0;transform:scale(.9);transition:opacity var(--motion-pop-in),transform var(--motion-pop-in)}
.wz-pk[aria-pressed=true] .wz-tick{opacity:1;transform:none}
.wz-pk .wz-tick svg{width:13px;height:13px}
.wz-done{display:flex;gap:var(--s-3);align-items:center;padding:var(--s-4);border:1px solid hsl(var(--success)/.35);background:hsl(var(--success)/.06);border-radius:var(--r-card)}
.wz-done svg{color:hsl(var(--success))}

/* ================================ PHONE (.kit-m) ================================ */
/* compact step indicator */
.wz-ci{padding:var(--s-3) var(--s-4) var(--s-4);border-bottom:1px solid hsl(var(--border));background:hsl(var(--background))}
.wz-ci-r{display:flex;align-items:baseline;gap:var(--s-2);font-size:var(--text-small);color:hsl(var(--muted-foreground));font-variant-numeric:tabular-nums}
.wz-ci-r span:last-child{margin-left:auto}
.wz-ci-t{font-size:var(--text-step-m);font-weight:var(--w-semibold);line-height:1.3;margin-top:2px;letter-spacing:-.01em}
.wz-ci .wz-meter{gap:4px;margin-top:var(--s-3)}
.wz-ci .wz-meter i{height:4px}
.wz-ci.is-error .wz-ci-t{color:hsl(var(--destructive))}

/* phone wizard frame: scroll body with a full-width sticky action bar */
.wz-mframe{height:700px;display:flex;flex-direction:column}
.wz-mscroll{flex:1;overflow:auto;display:flex;flex-direction:column;background:hsl(var(--muted)/.25)}
.wz-mbody{flex:1;padding:var(--s-4);display:flex;flex-direction:column;gap:var(--s-3)}
.wz-mbar{position:sticky;bottom:0;z-index:4;background:hsl(var(--background)/.96);backdrop-filter:blur(var(--actbar-blur));border-top:1px solid hsl(var(--border));
  padding:var(--s-2) var(--s-4) var(--s-4);display:flex;flex-direction:column;gap:var(--s-2)}
.wz-mbar .wz-save{min-height:24px}
.wz-mbtns{display:flex;gap:var(--s-2)}
.wz-mbtns .btn-primary{flex:1}
.wz-mbtns .btn{height:var(--control-h-m-lg)}
.wz-mbars{display:flex;flex-direction:column;gap:var(--s-3)}
.wz-mbars .wz-mbar{position:relative;border:1px solid hsl(var(--border));border-radius:var(--r-card)}
.p-bar .wz-pbtn{height:var(--control-h-m)}

/* phone combo card */
.wz-mc{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--r-card);padding:var(--s-4);display:flex;flex-direction:column;gap:var(--s-3)}
.wz-mc-h{display:flex;align-items:flex-start;gap:var(--s-3)}
.wz-mc-h .grow{flex:1;min-width:0}
.wz-mc-h b{display:block;font:var(--w-semibold) var(--text-14)/1.3 var(--font-voice);font-stretch:var(--font-stretch-title)}
.wz-mc-h small{display:block;font-size:var(--text-small);color:hsl(var(--muted-foreground));margin-top:2px}

.wz-mc .lbl{margin-bottom:var(--s-1);font-size:var(--text-small)}
.wz-mc.off{background:hsl(var(--muted)/.5)}
.wz-m2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s-2)}
.kit-m .wz-pc .r{display:none}
.kit-m .wz-errs{padding:var(--s-3)}

/* phone rail: sections list inside a disclosure */
.wz-mrail{border:1px solid hsl(var(--border));border-radius:var(--r-card);background:hsl(var(--card));overflow:hidden}
.wz-mrail summary{list-style:none;display:flex;flex-direction:column;gap:var(--s-2);padding:var(--s-3) var(--s-4);cursor:pointer;min-height:var(--control-h-m)}
.wz-mrail summary::-webkit-details-marker{display:none}
.wz-mrail .wz-sum-r{display:flex;align-items:center;gap:var(--s-2)}
.wz-mrail .wz-sum-r svg{margin-left:auto;transition:transform var(--motion-pop-in);color:hsl(var(--muted-foreground))}
.wz-mrail[open] .wz-sum-r svg{transform:rotate(180deg)}
.wz-mrail .wz-rail{padding:0 var(--s-2) var(--s-2);border-top:1px solid hsl(var(--border))}
.kit-m .wz-ri{min-height:var(--control-h-m)}
.kit-m .wz-rr{grid-template-columns:minmax(0,1fr) auto;gap:var(--s-2)}
.kit-m .wz-rr .wz-rv-h{grid-column:1 / -1;padding-top:0}
.kit-m .wz-rr .v{padding-top:0}
.kit-m .wz-rr .btn{align-self:center}
.wz-mpick{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-2)}
.kit-m .wz-pk{min-height:var(--control-h-m)}
.wz-mkinds{display:flex;flex-direction:column}
.wz-mkinds .state-v .wz-sl{white-space:normal}

/* kit chrome on this phone page: section title above its one-line note (see NOTES.md, CONTRACT GAPS) */