/* HOUSE INFOGRAPHICS: a TEMPORARY SITE LAYER (D167 / DS-009: a declared, temporary site-side fix while the design system
   lacks the piece). It is to move upstream into the design system as the house infographic standard, and goes away when a
   synced DS carries it (npm run ds:sync); change request: _bmad-output/planning-artifacts/ds-change-requests/
   DS-CR-house-infographics-2026-10-08.md, alongside DS-009.

   What it is: the CSS of the infographics Doug picked on 2026-10-08 (~/.local/share/night-ds/PICKS.md), promoted from the
   brand lab's review-only fragment sheets (the Review Surface's "visuals" sheet: .vz, lane VA; "visuals-site": .vs, lane
   VB; "visuals-is" and "visuals-is-apply": .is/.isa, lanes IS and P2; "visuals-hww": .hl, lane HWW's updated delivery loop),
   keeping only the rules the picked pieces use. Linked, like
   ds-overrides.css, from the <head> of each page that carries a picked piece, and from no other page.
   Rules: DS tokens and DS fonts only (no literal colour, no font name); every selector is scoped to a figure root class
   (.vz, .vs, .is, .hl) or its children; nothing review-only (no .bs-* chip, no slate-swap code, no /brand/ console rule).
   Sizing by container queries (each figure root is an inline-size container): one rule set serves the page column and a
   phone. Motion only under prefers-reduced-motion: no-preference, with the resting state complete; the loop's SMIL impulses
   (g.hl-anim) are removed under prefers-reduced-motion: reduce, and the resting drawing is whole without them. */

/*  promoted from the brand-lab sheet "visuals" (the rules the picked pieces use)  */
.vz{container-type:inline-size}
.vz{--vz-line:var(--rule);margin:var(--sp-5) 0 var(--sp-6);color:var(--ink);font-family:var(--font-body)}
.vz-ic{width:32px;height:32px;flex:none;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
.vz-ic .a{stroke:var(--primary)}.vz-ic .b{stroke:var(--patina-deep)}.vz-ic .c{stroke:var(--ink-soft)}.vz-ic .f{fill:var(--patina-deep);stroke:none}
.vz-ic--lg{width:44px;height:44px}
.vz-ic--sm{width:22px;height:22px}
.vz a{color:var(--text-link,var(--primary))}
.vz p{max-width:none}
.vz-o1{--o:var(--fig-hue-1);--ot:var(--fig-tint-1)}
.vz-o2{--o:var(--fig-hue-2);--ot:var(--fig-tint-2)}
.vz-o3{--o:var(--fig-hue-3);--ot:var(--fig-tint-3)}
.vz-items{list-style:none;margin:0;padding:0}
.vz-items li{display:grid;grid-template-columns:26px minmax(0,1fr);gap:10px;align-items:start;padding:9px 0;border-top:1px solid var(--rule);font-size:15px;line-height:1.4}
.vz-items .vz-ic{width:26px;height:26px}
.vz-src{margin:18px 0 0;font-family:var(--font-label);font-size:12px;line-height:1.5;color:var(--ink-soft);overflow-wrap:anywhere}
.vz-src a{color:inherit}
.vz-who{font-family:var(--font-label);font-size:12px;letter-spacing:var(--track-label);text-transform:uppercase;color:var(--fig-label);font-weight:700}
.vz-bnd-grid{display:grid;grid-template-columns:minmax(0,1fr) 58px minmax(0,1fr);gap:0;align-items:stretch}
.vz-bnd-lab{border:2px dashed var(--o);background:var(--ot);padding:16px 18px 18px;border-right:0}
.vz-bnd-h{display:flex;gap:12px;align-items:center;margin-bottom:12px}
.vz-bnd-h p{margin:0}
.vz-bnd-h h3{font-family:var(--font-display);font-size:19px;line-height:1.2;margin:0}
.vz-bnd-things{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.vz-bnd-thing{background:var(--surface);border:1px solid var(--rule);padding:12px;display:flex;flex-direction:column;gap:6px}
.vz-bnd-thing .vz-ic{width:40px;height:40px}
.vz-bnd-thing h4{font-family:var(--font-display);font-size:17px;margin:0;line-height:1.2}
.vz-bnd-thing p{margin:0;font-size:14px;line-height:1.4}
.vz-bnd-wall{position:relative;background:repeating-linear-gradient(135deg,var(--ink-soft) 0 2px,transparent 2px 9px);border-left:3px solid var(--ink);border-right:3px solid var(--ink);display:flex;align-items:center;justify-content:center}
.vz-bnd-port{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--paper);border:2px solid var(--fig-hue-3)}
.vz-bnd-walltag{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1fr) 58px minmax(0,1fr);margin-top:10px}
.vz-bnd-walltag div{grid-column:1 / span 3;display:flex;gap:24px;flex-wrap:wrap;justify-content:center;text-align:center}
.vz-bnd-walltag p{margin:0;font-size:14px;display:flex;gap:8px;align-items:center}
.vz-bnd-walltag strong{font-weight:700}
.vz-bnd-out{display:flex;flex-direction:column;gap:12px;padding-left:16px;position:relative}
.vz-bnd-out::before{content:"";position:absolute;left:0;top:44%;width:16px;border-top:2px solid var(--fig-hue-3)}
.vz-bnd-box{border:1px solid var(--rule);border-top:4px solid var(--o);background:var(--surface);padding:12px 14px}
.vz-bnd-box--cloud{border:2px dotted var(--o);border-radius:22px;background:var(--ot)}
.vz-bnd-box .vz-items li{grid-template-columns:20px minmax(0,1fr);padding:5px 0;font-size:14px;border-top:0}
.vz-bnd-box .vz-items .vz-ic{width:20px;height:20px}
@container (max-width:759.98px){
  .vz-bnd-grid{grid-template-columns:minmax(0,1fr)}
  .vz-bnd-lab{border-right:2px dashed var(--o);border-bottom:0}
  .vz-bnd-wall{height:58px;border:0;border-top:3px solid var(--ink);border-bottom:3px solid var(--ink)}
  .vz-bnd-port{top:50%}
  .vz-bnd-walltag{display:block}
  .vz-bnd-walltag div{justify-content:flex-start;text-align:left;flex-direction:column;gap:6px}
  .vz-bnd-out{padding:14px 0 0}
  .vz-bnd-out::before{display:none}
  .vz-bnd-things{grid-template-columns:minmax(0,1fr)}
}
.vz li{max-width:none}
.vz ul{max-width:none}
/*  promoted from the brand-lab sheet "visuals-site" (the rules the picked pieces use)  */
.vs{margin:28px 0 0;padding:0;color:var(--ink)}
.vs > :first-child{margin-top:0}
.vs p.vs-foot{margin:18px 0 0;max-width:62ch;font-size:.9375rem;line-height:1.5;color:var(--ink-soft)}
.vs a{color:var(--text-link,var(--primary))}
.vs .vs-ic{width:60px;height:60px;padding:8px;box-sizing:border-box;background:var(--primary-wash);border-radius:var(--radius-card)}
.vs-journey{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(var(--vs-stops,4),minmax(0,1fr));gap:20px;position:relative;counter-reset:vs-stop}
.vs-journey::before{content:"";position:absolute;left:9px;right:calc((100% - (var(--vs-stops,4) - 1) * 20px) / var(--vs-stops,4) - 9px);top:8px;height:2px;background:color-mix(in srgb,var(--primary) 45%,transparent)}
.vs-stop{position:relative;margin:0;display:flex;flex-direction:column;gap:10px;counter-increment:vs-stop}
.vs-soma{display:block;width:18px;height:18px;border-radius:50%;background:var(--primary);box-shadow:0 0 0 5px var(--paper),0 0 0 6.5px color-mix(in srgb,var(--primary) 35%,transparent);position:relative;z-index:1;margin-bottom:10px}
.vs-stop--end .vs-soma{background:var(--patina-deep);box-shadow:0 0 0 5px var(--paper),0 0 0 6.5px color-mix(in srgb,var(--patina-deep) 40%,transparent)}
.vs-stop > .vs-h::before{content:counter(vs-stop,decimal-leading-zero);display:block;margin:0 0 4px;font-family:var(--font-label);font-size:12px;font-weight:400;letter-spacing:.1em;color:var(--patina-deep)}
.vs-when{margin:0;font-family:var(--font-label);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--patina-deep)}
.vs-journey--ladder::before{display:none}
.vs-journey--ladder .vs-stop{--rung:22px;padding-top:calc((var(--vs-stops) - var(--i,1)) * var(--rung))}
.vs-journey--ladder .vs-stop:nth-child(1){--i:1}
.vs-journey--ladder .vs-stop:nth-child(2){--i:2}
.vs-journey--ladder .vs-stop:nth-child(3){--i:3}
.vs-journey--ladder .vs-stop:nth-child(4){--i:4}
.vs-journey--ladder .vs-stop:nth-child(5){--i:5}
.vs-journey--ladder .vs-stop:not(:last-child)::after{content:"";position:absolute;left:9px;width:calc(100% + 20px);height:var(--rung);top:calc((var(--vs-stops) - var(--i,1) - 1) * var(--rung) + 9px);border-bottom:2px solid color-mix(in srgb,var(--primary) 45%,transparent);border-right:2px solid color-mix(in srgb,var(--primary) 45%,transparent);box-sizing:border-box}
.vs .vs-stop > .vs-ic{border-radius:50%;width:64px;height:64px;padding:12px}
.vs-moment{border-left:3px solid var(--patina);padding:2px 0 2px 20px;margin:20px 0 0}
.vs-big{margin:0;font-family:var(--font-display);font-size:clamp(3rem,7vw,4.75rem);line-height:1;font-weight:600;letter-spacing:-.01em;color:var(--primary)}
.vs-big-label{margin:10px 0 0;font-family:var(--font-label);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--patina-deep);max-width:34ch}
.vs-big-line{margin:8px 0 0;font-size:1rem;line-height:1.45;max-width:46ch}
.vs-moment-row{display:grid;grid-template-columns:minmax(0,auto) minmax(0,1fr);gap:20px 48px;align-items:start;margin-top:20px}
.vs-moment-row > .vs-moment{margin:0}
.vs-moment-side > :first-child{margin-top:0}
.vs-quote{margin:0;padding:0}
.vs-quote p{margin:0;font-family:var(--font-display);font-style:italic;font-size:1.25rem;line-height:1.4;color:var(--ink)}
.vs-cite{margin:10px 0 0;font-family:var(--font-label);font-size:12px;line-height:1.5;letter-spacing:.04em;color:var(--ink-soft);overflow-wrap:anywhere}
.vs-side{margin:14px 0 0;font-size:.9375rem;line-height:1.5;color:var(--ink-soft);max-width:60ch}
@media (max-width:759.98px){
  .vs-moment-row{grid-template-columns:minmax(0,1fr)}
  .vs-journey,.vs-journey--ladder{grid-template-columns:minmax(0,1fr);gap:22px}
  .vs-journey::before{display:block;left:8px;right:auto;top:9px;bottom:9px;width:2px;height:auto}
  .vs-stop,.vs-journey--ladder .vs-stop{padding:0 0 0 40px}
  .vs-soma{position:absolute;left:0;top:2px;margin:0}
  .vs-journey--ladder .vs-stop:not(:last-child)::after{display:none}
  .vs .vs-stop > .vs-ic{width:52px;height:52px;padding:9px}
}
@media (prefers-reduced-motion:no-preference){
  @supports (animation-timeline:view()){
    .vs-stop,.vs-moment{animation:vs-rise linear both;animation-timeline:view();animation-range:entry 0% entry 55%}
  }
}
@keyframes vs-rise{from{opacity:0;translate:0 14px}to{opacity:1;translate:0 0}}
/*  promoted from the brand-lab sheet "visuals-is" (the rules the picked pieces use)  */
.is{container-type:inline-size;margin:28px 0 0;padding:0;color:var(--ink);font-family:var(--font-body);
  --is-ink-line:color-mix(in srgb,var(--ink) 78%,transparent);
  --is-pen:var(--pen);
  --is-soma:var(--primary);
  --is-grid:color-mix(in srgb,var(--primary) 7%,transparent);
  --is-grid-strong:color-mix(in srgb,var(--primary) 13%,transparent)}
.is *,.is *::before,.is *::after{box-sizing:border-box}
.is p,.is h3,.is ol,.is ul,.is li{margin:0;max-width:none}
.is ol,.is ul{list-style:none;padding:0}
.is a{color:var(--text-link,var(--primary))}
.is img{display:block;max-width:none}
.is picture{display:block}
.is .is-g{display:inline-block;width:44px;height:44px;flex:none}
.is .is-g svg{width:100%;height:100%;display:block}
.is .is-plate{background:var(--surface);border:1px solid var(--ink);padding:8px}
.is .is-frame{position:relative;overflow:visible}
.is .is-frame picture img{width:100%;height:auto}
.is .is-crop{position:relative;overflow:hidden;width:100%;background:var(--surface)}
.is .is-crop img{position:relative;height:auto}
.is .is-pin{position:absolute;width:0;height:0}
.is .is-pin::before{content:attr(data-mark);position:absolute;left:-14px;top:-14px;width:28px;height:28px;border-radius:50%;
  background:var(--is-soma);color:var(--paper);font:600 12px/28px var(--font-label);text-align:center;letter-spacing:0;
  box-shadow:0 0 0 3px var(--surface),0 0 0 4px var(--is-ink-line),0 2px 8px color-mix(in srgb,var(--ink) 30%,transparent)}
.is .is-tag{position:absolute;top:-13px;left:22px;white-space:nowrap;background:var(--surface);border:1px solid var(--is-pen);
  color:var(--is-pen);font:12px/1 var(--font-label);letter-spacing:.06em;text-transform:uppercase;padding:6px 8px}
.is .is-tag::before{content:"";position:absolute;top:50%;right:100%;width:10px;border-top:1px solid var(--is-pen)}
.is .is-pin--l .is-tag{left:auto;right:22px}
.is .is-pin--l .is-tag::before{right:auto;left:100%}
.is .is-cap{margin:14px 0 0;padding:10px 0 0;border-top:1px solid var(--ink);display:grid;gap:4px;max-width:none}
.is .is-cap-l{font:12px/1.5 var(--font-label);color:var(--ink-soft);letter-spacing:.02em}
.is .is-cap-t{font-family:var(--font-display);font-style:italic;font-size:1.0625rem;line-height:1.35;color:var(--ink)}
.is .is-cap--list{counter-reset:is-cap}
.is .is-cap--list .is-cap-l{counter-increment:is-cap;padding-left:30px;position:relative}
.is .is-cap--list .is-cap-l::before{content:counter(is-cap,lower-roman);position:absolute;left:0;color:var(--patina-deep)}
.is .is-plate-cap{margin-top:8px;font:12px/1.4 var(--font-label);letter-spacing:.06em;text-transform:uppercase;color:var(--patina-deep)}
.is .is-notes{margin-top:22px;border-top:2px solid var(--ink)}
.is .is-note{position:relative;padding:12px 0 14px;border-bottom:1px solid var(--rule)}
.is .is-note-h{margin-top:8px;font:600 1.1875rem/1.2 var(--font-display);color:var(--ink)}
.is .is-note-l{margin-top:4px;font-size:.9375rem;line-height:1.45;color:var(--ink)}
.is .is-notes--alpha{counter-reset:is-a}
.is .is-notes--alpha .is-note{counter-increment:is-a;display:grid;grid-template-columns:44px minmax(0,1fr);gap:4px 14px;align-items:start;padding-left:40px}
.is .is-notes--alpha .is-note::before{content:counter(is-a,lower-alpha);position:absolute;left:0;top:14px;width:26px;height:26px;border-radius:50%;
  background:var(--surface);border:1.5px solid var(--is-soma);color:var(--is-soma);font:600 12px/23px var(--font-label);text-align:center}
.is .is-notes--alpha .is-note:nth-child(2)::before{background:var(--is-soma);color:var(--paper)}
.is .is-notes--alpha .is-note-h{margin-top:2px}
.is .is-bench-pair{display:grid;grid-template-columns:minmax(0,64fr) minmax(0,36fr);gap:32px;align-items:start}
.is .is-pair{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--ink);background:var(--surface);padding:8px;position:relative}
.is .is-half{position:relative;min-width:0}
.is .is-half--now{border-left:8px solid var(--surface)}
.is .is-half-l{position:absolute;left:10px;top:10px;font:12px/1 var(--font-label);letter-spacing:.08em;background:var(--ink);color:var(--paper);padding:6px 8px}
.is .is-half-l--now{background:var(--surface);color:var(--ink);border:1px solid var(--ink)}
.is .is-margin-h{font:600 1.375rem/1.2 var(--font-display);padding-bottom:10px}
.is.is--pair .is-notes{margin-top:0}
.is.is--pair .is-note .is-g{width:40px;height:40px}
.is .is-sheet{position:relative;border:1px solid var(--ink);background-color:var(--surface);
  background-image:linear-gradient(var(--is-grid) 1px,transparent 1px),linear-gradient(90deg,var(--is-grid) 1px,transparent 1px),
    linear-gradient(var(--is-grid-strong) 1px,transparent 1px),linear-gradient(90deg,var(--is-grid-strong) 1px,transparent 1px);
  background-size:16px 16px,16px 16px,80px 80px,80px 80px;background-position:-1px -1px;padding:22px 22px 18px}
.is .is-sheet::before{content:"";position:absolute;inset:5px;border:1px solid color-mix(in srgb,var(--ink) 30%,transparent);pointer-events:none}
.is .is-st-g{width:52px;height:52px;padding:8px;background:var(--surface);border:1.5px solid var(--is-soma);border-radius:3px}
.is .is-st-n{font:600 12px/1 var(--font-label);color:var(--patina-deep);letter-spacing:.1em}
.is .is-st-h{font:600 12px/1.35 var(--font-label);letter-spacing:.08em;text-transform:uppercase;color:var(--ink)}
.is .is-titleblock{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;margin:18px 0 0 auto;width:max-content;max-width:100%;border:1.5px solid var(--ink);background:var(--surface)}
.is .is-tb-k{border-right:1px solid var(--ink);padding:8px}
.is .is-tb-g{width:32px;height:32px}
.is .is-tb-v{padding:8px 14px;font:600 1rem/1.3 var(--font-display)}
.is.is--report{border-top:3px solid var(--ink);padding-top:16px}
.is .is-big{font-family:var(--font-display);color:var(--ink);font-weight:600;letter-spacing:-.01em}
.is .is-big--word{font-size:clamp(5rem,19cqi,11rem);line-height:.86;color:var(--is-soma)}
.is .is-paper{position:relative;background-color:var(--surface);
  background-image:linear-gradient(90deg,transparent 0 55px,color-mix(in srgb,var(--primary) 40%,transparent) 55px 56px,transparent 56px),
    repeating-linear-gradient(to bottom,transparent 0 31px,color-mix(in srgb,var(--primary) 15%,transparent) 31px 32px);
  background-position:0 0,0 14px;border:1px solid var(--rule);box-shadow:var(--elevation-paper);padding:14px 22px 18px 72px}
.is .is-hand{font-family:var(--font-hand);font-weight:400;font-style:normal;color:var(--pen);font-size:25px;line-height:30px;letter-spacing:.01em;text-transform:none}
.is .is-hand--title{font-size:36px;line-height:44px;color:var(--primary)}
.is .is-stamp{display:inline-block;padding:5px 10px;border:2px solid var(--pen);color:var(--pen);font:600 12px/1.35 var(--font-label);letter-spacing:.12em;text-transform:uppercase;transform:rotate(-4deg);background:color-mix(in srgb,var(--surface) 82%,transparent);opacity:.95}
.is .is-tag{top:-19px;left:20px;padding:4px 10px 2px;border:0;background:var(--surface);color:var(--pen);font:400 24px/28px var(--font-hand);letter-spacing:.01em;text-transform:none;box-shadow:var(--elevation-paper);transform:rotate(var(--tilt-paper))}
.is .is-pin--l .is-tag{transform:rotate(1.2deg)}
.is .is-tag::before{width:12px;border-top:1.5px solid var(--pen)}
.is .is-margin.is-paper{padding-left:70px}
.is .is-margin.is-paper .is-notes{border-top:0}
.is .is-margin.is-paper .is-note{border-bottom:0}
.is .is-margin.is-paper .is-margin-h{padding-bottom:4px}
@container (max-width: 700px){
  .is .is-tag{display:none}
  .is .is-paper{padding-left:56px;background-image:linear-gradient(90deg,transparent 0 41px,color-mix(in srgb,var(--primary) 40%,transparent) 41px 42px,transparent 42px),repeating-linear-gradient(to bottom,transparent 0 31px,color-mix(in srgb,var(--primary) 15%,transparent) 31px 32px)}
  .is .is-hand--title{font-size:30px;line-height:36px}
  .is .is-pin::before{width:24px;height:24px;left:-12px;top:-12px;line-height:24px}
  .is .is-bench-pair{grid-template-columns:minmax(0,1fr);gap:20px}
  .is .is-titleblock{margin:16px 0 0;width:auto;max-width:none}
}
@container (max-width: 440px){
  .is .is-pair{grid-template-columns:minmax(0,1fr)}
  .is .is-half--now{border-left:0;border-top:8px solid var(--surface)}
}
@media (prefers-reduced-motion:no-preference){
  @supports (animation-timeline:view()){
    .is .is-reveal{animation:is-rise linear both;animation-timeline:view();animation-range:entry 0% entry 60%}
    .is .is-wipe .is-frame{animation:is-wipe linear both;animation-timeline:view();animation-range:entry 30% cover 45%}
  }
  @keyframes is-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
  @keyframes is-wipe{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
}
.is .is-margin.is-paper .is-notes--alpha .is-note{padding-left:0;grid-template-columns:40px minmax(0,1fr);gap:4px 12px}
.is .is-margin.is-paper .is-notes--alpha .is-note::before{left:-52px;top:12px}
.is .is-stage{position:relative;width:100%}
.is .is-sg-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:2}
.is .is-sg-lead{fill:none;stroke:var(--pen);stroke-width:1.3;vector-effect:non-scaling-stroke}
.is .is-sg-end{fill:var(--pen)}
.is .is-sg-arrow{fill:none;stroke:var(--is-soma);stroke-width:2;vector-effect:non-scaling-stroke;marker-end:none}
.is .is-sg-plate{position:absolute;background:var(--surface);border:1px solid var(--ink);padding:7px;z-index:1}
.is .is-sg-plate--paper{transform:rotate(var(--tilt-paper));box-shadow:var(--elevation-paper);border-color:var(--rule)}
.is .is-sg-frame{position:relative;width:100%}
.is .is-sg-frame picture,.is .is-sg-frame picture img{display:block;width:100%;height:100%}
.is .is-sg-frame picture img{object-fit:cover}
.is .is-crop--fill{height:100%}
.is .is-sg-plate .is-plate-cap{position:absolute;left:0;top:calc(100% + 10px);white-space:nowrap}
.is .is-sg-notes{counter-reset:none}
.is .is-sg-note{position:absolute;z-index:3;padding:0 0 0 38px}
.is .is-sg-note::before{content:attr(data-mark);position:absolute;left:0;top:0;width:28px;height:28px;border-radius:50%;background:var(--is-soma);color:var(--paper);font:600 12px/28px var(--font-label);text-align:center}
.is .is-sg-note .is-note-h{margin:2px 0 0;font:600 1.1875rem/1.2 var(--font-display)}
.is .is-sg-note .is-hand{font-size:24px;line-height:27px;margin-top:4px}
.is .is-sg-x{position:absolute;z-index:3}
.is .is-sg-stamp .is-stamp{display:block;border-color:var(--patina-deep);color:var(--patina-deep)}
@container (max-width: 760px){
  .is .is-stage{aspect-ratio:auto !important;display:flex;flex-direction:column;gap:18px}
  .is .is-sg-lines{display:none}
  .is .is-sg-plate,.is .is-sg-note,.is .is-sg-x{position:relative;left:auto !important;top:auto !important;width:auto !important}
  .is .is-sg-plate--paper{max-width:240px;transform:none}
  .is .is-sg-plate .is-plate-cap{position:static;white-space:normal;margin-top:8px}
  .is .is-sg-notes{display:grid;gap:12px;border-top:2px solid var(--ink);padding-top:12px}
  .is .is-sg-note .is-hand{font-size:23px}
  .is .is-sg-x{align-self:flex-start}
}
.is .is-bench-pair--band{grid-template-columns:minmax(0,1fr);gap:24px}
.is .is-bench-pair--band .is-margin.is-paper{padding-left:70px}
.is .is-bench-pair--band .is-notes--alpha{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px}
.is .is-lead{position:absolute;width:0;bottom:-30px;border-left:1.5px solid var(--pen);pointer-events:none}
.is .is-lead::after{content:"";position:absolute;left:-4px;bottom:-1px;width:6px;height:6px;border-radius:50%;background:var(--pen)}
.is .is-pair-slips{grid-column:1 / -1;position:relative;height:44px}
.is .is-pair-slip{position:absolute;top:20px;transform:translateX(-50%);white-space:nowrap;margin:0;
  font:400 24px/28px var(--font-hand);color:var(--pen);background:var(--surface);padding:0 8px}
@container (max-width: 700px){
  .is .is-bench-pair--band .is-notes--alpha{grid-template-columns:minmax(0,1fr)}
}
@container (max-width: 440px){
  .is .is-lead{display:none}
  .is .is-pair-slips{height:auto;padding:10px 0 2px}
  .is .is-pair-slip{position:static;transform:none;display:flex;align-items:center;gap:10px;white-space:normal;padding:0}
  .is .is-pair-slip::before{content:attr(data-mark);flex:none;width:24px;height:24px;border-radius:50%;background:var(--is-soma);color:var(--paper);
    font:600 12px/24px var(--font-label);text-align:center}
}
/*  promoted from the brand-lab sheet "visuals-is-apply" (the rules the picked pieces use)  */
.isa .isa-pen-g [stroke="var(--ic-a)"]{stroke:var(--pen)}
.isa .isa-pen-g [fill="var(--ic-a)"]{fill:var(--pen)}
.isa .isa-pen-g [stroke="var(--ic-b)"]{stroke:var(--patina-deep)}
.isa .isa-pen-g [fill="var(--ic-b)"]{fill:var(--patina-deep)}
.isa .isa-pen-g [stroke="var(--ic-c)"]{stroke:var(--pen)}
.isa .isa-pen-g [fill="var(--ic-c)"]{fill:var(--pen)}
.isa .isa-draw{display:block;width:150px;height:auto;margin:10px 0 4px;overflow:visible}
.isa .isa-d-pg{fill:var(--surface);stroke:var(--ink);stroke-width:1.2}
.isa .isa-d-pg--b{stroke:var(--primary)}
.isa .isa-d-l{fill:none;stroke:var(--pen);stroke-width:1.4;stroke-linecap:round;opacity:.75}
.isa .isa-d-m{fill:none;stroke:var(--patina);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.isa .isa-d-b circle,.isa .isa-d-b rect,.isa .isa-d-b path{fill:none;stroke:var(--pen);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.isa .isa-d-b rect{fill:var(--surface)}
.isa .isa-prs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 26px;padding:6px 4px 0}
.isa .isa-pr{position:relative;display:flex;flex-direction:column;padding:0}
.isa .isa-pr-plate{border:1px solid var(--ink);background:var(--surface);padding:6px;box-shadow:var(--elevation-paper);transform:rotate(-.8deg)}
.isa .isa-pr:nth-child(even) .isa-pr-plate{transform:rotate(.7deg)}
.isa .isa-pr > *{order:4}
.isa .isa-pr > .isa-pr-plate{order:0}
.isa .isa-pr > .isa-pr-slip{order:1}
.isa .isa-pr > .isa-pr-meta{order:2}
.isa .isa-pr > .isa-pr-h{order:3}
.isa .isa-pr-plate .is-frame{aspect-ratio:4 / 3;overflow:hidden}
.isa .isa-pr-plate img{width:100%;height:100%;object-fit:cover;object-position:50% 35%}
.isa .isa-pr--1 .isa-pr-plate img{object-position:50% 30%}
.isa .isa-pr-meta{margin-top:14px;font:12px/1 var(--font-label);letter-spacing:.1em;text-transform:uppercase;color:var(--patina-deep)}
.isa .isa-pr-h{margin-top:6px;font:600 1.1875rem/1.2 var(--font-display);min-height:2.4em}
.isa .isa-pr-h a{color:var(--ink);text-decoration-color:var(--primary);text-underline-offset:3px}
.isa .isa-pr-slip{position:relative;z-index:2;margin:-26px -6px 4px 14px;padding:8px 12px 10px;background:var(--paper);box-shadow:var(--elevation-paper);transform:rotate(var(--tilt-paper));
  background-image:repeating-linear-gradient(to bottom,transparent 0 25px,color-mix(in srgb,var(--primary) 15%,transparent) 25px 26px);background-position:0 6px}
.isa .isa-pr:nth-child(even) .isa-pr-slip{transform:rotate(1.1deg)}
.isa .isa-pr-start{font:12px/1 var(--font-label);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft)}
.isa .isa-pr-hand{margin-top:4px;font-size:25px;line-height:26px;min-height:78px} /* three ruled lines on every slip, so the four practice names start on one line (review 2026-10-09) */
.isa .isa-pr-ph{margin-top:14px;font:12px/1.2 var(--font-label);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft)}
.isa .isa-pps{margin-top:6px;border-top:1px solid var(--ink)}
.isa .isa-pps li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:8px;align-items:start;padding:6px 0 7px;border-bottom:1px solid var(--rule);font-size:.875rem;line-height:1.35}
.isa .isa-pm-g{width:22px;height:22px;margin-top:-1px}
.isa .isa-pr-plate picture{height:100%}
.isa .isa-pr-cap{margin-top:auto;padding-top:12px;font:12px/1.4 var(--font-label);color:var(--ink-soft)}
.isa.isa--verify .is-sheet{padding:26px 26px 20px}
.isa .isa-vf{display:grid;grid-template-columns:120px minmax(0,1fr);gap:0}
.isa .isa-vf-side{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:stretch;padding:0 0 110px}
.isa .isa-vf-you,.isa .isa-vf-us{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}
.isa .isa-vf-us{position:absolute;left:8px;right:8px;bottom:0}
.isa .isa-vf-you .is-st-g{border-width:2px;border-color:var(--ink);width:60px;height:60px}
.isa .isa-vf-you::after{content:"";position:absolute;left:calc(50% + 30px);width:58px;top:30px;border-top:2px solid var(--primary)}
.isa .isa-vf-us{padding:10px 8px 8px;border:1.5px dashed color-mix(in srgb,var(--ink) 45%,transparent);background:var(--surface);opacity:.85}
.isa .isa-vf-us .is-st-g{border-style:dashed;border-color:var(--ink-soft);width:44px;height:44px;padding:6px}
.isa .isa-vf-us .is-st-h{color:var(--ink-soft);text-transform:none;letter-spacing:.02em}
.isa .isa-vf-list{position:relative;display:grid;gap:22px;padding-left:72px}
.isa .isa-vf-st{position:relative;display:grid;grid-template-columns:52px minmax(0,1fr);gap:0 16px;align-items:start}
.isa .isa-vf-st::before{content:"";position:absolute;left:-46px;width:44px;top:26px;border-top:2px solid var(--primary)}
.isa .isa-vf-st::after{content:"";position:absolute;left:-46px;top:26px;height:calc(100% + 22px);border-left:2px solid var(--primary)}
.isa .isa-vf-st:last-child::after{display:none}
.isa .isa-vf-st > .is-st-g{position:relative;z-index:1}
.isa .isa-vf-st > .is-st-g::before{content:"";position:absolute;left:-10px;top:19px;border:6px solid transparent;border-left:9px solid var(--primary);border-right:0}
.isa .isa-vf-st--1 > .is-st-g{border-color:var(--fig-hue-1);background:var(--fig-tint-1)}
.isa .isa-vf-st--2 > .is-st-g{border-color:var(--fig-hue-2);background:var(--fig-tint-2)}
.isa .isa-vf-st--3 > .is-st-g{border-color:var(--fig-hue-3);background:var(--fig-tint-3)}
.isa .isa-vf-t{padding:2px 0 18px;border-bottom:1px dashed color-mix(in srgb,var(--ink) 30%,transparent)}
.isa .isa-vf-st:last-child .isa-vf-t{border-bottom:0;padding-bottom:4px}
.isa .isa-vf-h{margin-top:4px;font:600 1.375rem/1.2 var(--font-display)}
.isa .isa-vf-h a{text-underline-offset:4px}
.isa .isa-vf-gloss{margin-top:2px;font-size:27px;line-height:28px}
.isa .isa-vf-t .isa-draw{float:right;margin:-6px 0 6px 18px}
.isa .isa-vf-whole{clear:none;margin-top:10px;padding-left:12px;border-left:3px solid var(--patina);font-weight:600;font-size:.9375rem;line-height:1.45}
.isa .isa-vf-note{margin-top:8px;font-size:.875rem;line-height:1.45;color:var(--ink-soft)}
.isa .isa-chips{display:flex;flex-wrap:wrap;gap:6px 8px;margin-top:10px}
.isa .isa-chips li{font:12px/1 var(--font-label);letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--primary);border-radius:999px;padding:7px 10px;background:var(--surface);color:var(--ink)}
.isa .isa-vf-tb{margin-top:20px}
.isa .isa-vf-tb .is-tb-v{max-width:46ch}
.isa .isa-seven-top{display:grid;grid-template-columns:minmax(0,auto) minmax(0,1fr);gap:20px 30px;align-items:end}
.isa .isa-seven-word{font-size:clamp(5rem,17cqi,9.5rem);line-height:.82;letter-spacing:-.02em}
.isa .isa-seven-k{margin-top:12px;padding-left:12px;border-left:3px solid var(--patina);font:12px/1.4 var(--font-label);letter-spacing:.12em;text-transform:uppercase;color:var(--patina-deep)}
.isa .isa-seven-note{position:relative;padding:0 0 6px 74px;align-self:center}
.isa .isa-arrow{position:absolute;left:-6px;top:6px;width:84px;height:42px;overflow:visible}
.isa .isa-arrow path{fill:none;stroke:var(--pen);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.isa .isa-seven-hand{font-size:clamp(30px,4.6cqi,40px);line-height:1.05;color:var(--pen)}
.isa .isa-seven-sub{margin-top:8px;font-size:.9375rem;line-height:1.45;color:var(--ink-soft);max-width:40ch}
.isa .isa-svs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:26px;border-top:1px solid var(--ink);counter-reset:isa-sv}
.isa .isa-sv{position:relative;padding:16px 16px 18px 0;border-bottom:1px solid var(--rule);counter-increment:isa-sv}
.isa .isa-sv:not(:nth-child(4n)){border-right:1px solid var(--rule)}
.isa .isa-sv:not(:nth-child(4n+1)){padding-left:16px}
.isa .isa-sv::before{content:counter(isa-sv,decimal-leading-zero);display:block;font:600 12px/1 var(--font-label);letter-spacing:.1em;color:var(--patina-deep);margin-bottom:10px}
.isa .isa-sv--when::before{content:none}
.isa .isa-sv-g{width:48px;height:48px;margin-bottom:10px}
.isa .isa-sv-h{font:600 1.0625rem/1.25 var(--font-display);color:var(--ink)}
.isa .isa-sv-gloss{margin-top:6px;font-size:22px;line-height:24px}
.isa .isa-sv--when{display:flex;flex-direction:column;justify-content:center;gap:16px;background:color-mix(in srgb,var(--fig-tint-1) 60%,transparent)}
.isa .isa-sv-when{font-size:26px;line-height:28px}
.isa .isa-sv-stamp{align-self:flex-start;border-color:var(--patina-deep);color:var(--patina-deep);max-width:24ch}
.isa .isa-nots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 26px;margin-top:28px}
.isa .isa-not{border-top:2px solid var(--ink);padding-top:10px}
.isa .isa-not-h{font:600 12px/1.3 var(--font-label);letter-spacing:.1em;text-transform:uppercase;color:var(--ink)}
.isa .isa-not ul{margin-top:6px}
.isa .isa-not-i{display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;align-items:start;padding:8px 0 9px;border-bottom:1px solid var(--rule);font-size:.9375rem;line-height:1.4}
.isa .isa-not-g{width:22px;height:22px;margin-top:1px}
.isa .isa-not-g [stroke="var(--ic-a)"]{stroke:var(--ink-soft)}
.isa .isa-not-g [fill="var(--ic-a)"]{fill:var(--ink-soft)}
.isa .isa-not-g [stroke="var(--ic-b)"]{stroke:var(--ink-soft)}
.isa .isa-not-g [fill="var(--ic-b)"]{fill:var(--ink-soft)}
.isa .isa-not-g [stroke="var(--ic-c)"]{stroke:var(--ink-soft)}
.isa .isa-not-g [fill="var(--ic-c)"]{fill:var(--ink-soft)}
.isa .isa-not-i--x .isa-not-g [stroke="var(--ic-a)"]{stroke:var(--pen)}
.isa .isa-not-i--x .isa-not-g [fill="var(--ic-a)"]{fill:var(--pen)}
.isa .isa-not-i--x .isa-not-g [stroke="var(--ic-b)"]{stroke:var(--pen)}
.isa .isa-not-i--x .isa-not-g [fill="var(--ic-b)"]{fill:var(--pen)}
.isa .isa-not-i--x .isa-not-g [stroke="var(--ic-c)"]{stroke:var(--pen)}
.isa .isa-not-i--x .isa-not-g [fill="var(--ic-c)"]{fill:var(--pen)}
.isa .isa-vet-grid{display:grid;grid-template-columns:minmax(0,46fr) minmax(0,54fr);gap:30px;align-items:start}
.isa .isa-vet-plate .is-frame picture img{width:100%;height:auto}
.isa .isa-vet-notes{padding:10px 20px 12px 70px;background-image:linear-gradient(90deg,transparent 0 55px,color-mix(in srgb,var(--primary) 40%,transparent) 55px 56px,transparent 56px)}
.isa .isa-vns{counter-reset:none}
.isa .isa-vn{position:relative;padding:7px 0 8px;border-bottom:1px solid color-mix(in srgb,var(--rule) 70%,transparent)}
.isa .isa-vn:last-child{border-bottom:0}
.isa .isa-vn::before{content:attr(data-mark);position:absolute;left:-52px;top:9px;width:26px;height:26px;border-radius:50%;border:1.5px solid var(--primary);background:var(--surface);
  color:var(--primary);font:600 12px/23px var(--font-label);text-align:center}
.isa .isa-vn--on::before{background:var(--primary);color:var(--paper)}
.isa .isa-vn-h{font:600 1.0625rem/1.25 var(--font-display);color:var(--ink)}
.isa .isa-vn-l{margin-top:2px;font-size:.875rem;line-height:1.4;color:var(--ink-soft)}
.isa .isa-vn--on .isa-vn-l{font-family:var(--font-hand);font-size:25px;line-height:26px;color:var(--pen)}
.isa.isa--vet .is-cap{margin-top:16px}
@container (max-width: 700px){
  .isa .isa-prs{grid-template-columns:minmax(0,1fr);padding:4px 10px}
  .isa .isa-pr{display:grid;grid-template-columns:minmax(0,40%) minmax(0,1fr);column-gap:14px;padding:14px 0;border-left:0;border-top:1px solid var(--rule)}
  .isa .isa-pr:first-child{border-top:0}
  .isa .isa-pr > *{grid-column:2}
  .isa .isa-pr > .isa-pr-plate{grid-column:1;grid-row:1 / span 4;align-self:start}
  .isa .isa-pr-meta{margin-top:0}
  .isa .isa-pr-h{min-height:0}
  .isa .isa-pr-hand{min-height:0}
  .isa .isa-pr-slip{margin:8px 0 4px}
  .isa .isa-pr > .isa-pr-slip{order:4}
  .isa .isa-prs{gap:0}
  .isa .isa-pr > .isa-pr-ph,.isa .isa-pr > .isa-pps,.isa .isa-pr > .isa-pr-cap{grid-column:1 / -1}
  .isa.isa--verify .is-sheet{padding:18px 14px 16px}
  .isa .isa-vf{grid-template-columns:minmax(0,1fr)}
  .isa .isa-vf-side{display:contents}
  .isa .isa-vf-us{position:static}
  .isa .isa-vf-you{order:-1;margin:0 0 18px;flex-direction:row;gap:14px;align-self:start}
  .isa .isa-vf-you::after{left:29px;top:60px;width:0;height:18px;border-top:0;border-left:2px solid var(--primary)}
  .isa .isa-vf-us{order:2;margin-top:18px;flex-direction:row;align-self:start}
  .isa .isa-vf-list{padding-left:0}
  .isa .isa-vf-st{grid-template-columns:60px minmax(0,1fr);gap:0 12px}
  .isa .isa-vf-st > .is-st-g{margin-left:4px}
  .isa .isa-vf-st::before{display:none}
  .isa .isa-vf-st::after{left:29px;top:52px;height:calc(100% - 30px)}
  .isa .isa-vf-st > .is-st-g::before{left:17px;top:-10px;border:6px solid transparent;border-top:9px solid var(--primary);border-bottom:0}
  .isa .isa-vf-t .isa-draw{float:none;margin:8px 0 2px;width:132px}
  .isa .isa-seven-top{grid-template-columns:minmax(0,1fr);gap:16px}
  .isa .isa-seven-note{padding-left:0}
  .isa .isa-arrow{display:none}
  .isa .isa-svs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .isa .isa-sv,.isa .isa-sv:not(:nth-child(4n+1)){padding:14px 12px 14px 0}
  .isa .isa-sv:nth-child(even){padding-left:12px;padding-right:0}
  .isa .isa-sv:not(:nth-child(4n)){border-right:0}
  .isa .isa-sv:nth-child(odd){border-right:1px solid var(--rule)}
  .isa .isa-sv-g{width:40px;height:40px}
  .isa .isa-sv-gloss{font-size:21px;line-height:22px}
  .isa .isa-sv-when{font-size:22px;line-height:24px}
  .isa .isa-nots{grid-template-columns:minmax(0,1fr);gap:18px}
  .isa .isa-vet-grid{grid-template-columns:minmax(0,1fr);gap:20px}
  .isa .isa-vet-notes{padding-left:58px;padding-right:14px}
  .isa .isa-vn::before{left:-46px}
}
@media (prefers-reduced-motion:no-preference){
  @supports (animation-timeline:view()){
    .isa .isa-pr-slip{animation:isa-drop linear both;animation-timeline:view();animation-range:entry 20% cover 35%}
  }
  @keyframes isa-drop{from{opacity:0;translate:0 -10px}to{opacity:1;translate:0 0}}
}
/*  promoted from the brand-lab sheet "visuals-hww" (the rules the picked pieces use)  */
.hl{container-type:inline-size;margin:28px 0 0;padding:0;color:var(--ink);font-family:var(--font-body)}
.hl *,.hl *::before,.hl *::after{box-sizing:border-box}
.hl p,.hl h3,.hl ol,.hl ul,.hl li{margin:0;padding:0;max-width:none}
.hl ol,.hl ul{list-style:none}
.hl a{color:var(--text-link,var(--primary))}
.hl .hl-title{padding-left:3px;font-family:var(--font-hand);font-weight:400;font-size:clamp(1.75rem,3.6cqi,2.375rem);line-height:1.1;color:var(--primary);margin:0 0 4px}
.hl .hl-stage{position:relative;width:100%;aspect-ratio:var(--ar)}
.hl .hl-draw{display:block;width:100%;height:100%;overflow:visible}
.hl .hl-stage > .hl-draw{position:absolute;inset:0}
.hl .hl-line{fill:none;stroke:var(--fig-dendrite);stroke-width:1.6}
.hl .hl-fine{fill:none;stroke:var(--fig-dendrite-soft);stroke-width:1}
.hl .hl-soma{fill:var(--fig-primary)}
.hl .hl-soma-ring{fill:none;stroke:var(--fig-primary);stroke-width:1.2;opacity:.35}
.hl .hl-receptor{fill:none;stroke:var(--fig-primary);stroke-width:2}
.hl .hl-receptor-core{fill:var(--fig-patina)}
.hl .hl-chev{fill:var(--fig-patina)}
.hl .hl-mark{fill:var(--fig-primary)}
.hl .hl-imp{fill:var(--fig-patina)}
.hl .hl-flash{fill:none;stroke:var(--fig-patina);stroke-width:2.6}
.hl .hl-run{fill:var(--fig-patina);stroke:var(--fig-patina);stroke-opacity:.28;stroke-width:7}
.hl .hl-leader{fill:none;stroke:var(--pen);stroke-width:1.1;opacity:.75}
.hl .hl-leader-end{fill:var(--pen)}
.hl .hl-draw--p .hl-line{stroke-width:3}
.hl .hl-draw--p .hl-fine{stroke-width:2}
.hl .hl-draw--p .hl-soma-ring{stroke-width:2}
.hl .hl-draw--p .hl-receptor{stroke-width:3.4}
.hl .hl-at{position:absolute;left:var(--x);top:var(--y)}
.hl .hl-at--tc{transform:translateX(-50%)}
.hl .hl-at--tr{transform:translateX(-100%)}
.hl .hl-at--cc{transform:translate(-50%,-50%)}
.hl .hl-at--bc{transform:translate(-50%,-100%)}
.hl .hl-num{font:500 13px/1.2 var(--font-mono);letter-spacing:.08em;color:var(--fig-patina-deep)}
.hl .hl-name{font:600 clamp(1.25rem,2.6cqi,1.75rem)/1.1 var(--font-display);color:var(--fig-ink);margin-top:2px}
.hl .hl-sci{font:italic 400 clamp(1rem,1.75cqi,1.125rem)/1.25 var(--font-display);color:var(--fig-patina-deep)}
.hl .hl-outs{margin-top:6px;display:grid;gap:1px}
.hl .hl-outs li{display:grid;grid-template-columns:18px minmax(0,1fr);gap:7px;align-items:start;font:400 clamp(1.25rem,2.45cqi,1.5625rem)/1.02 var(--font-hand);color:var(--pen)}
.hl .hl-tick{width:18px;height:14px;margin-top:.3em;fill:none;stroke:var(--pen);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hl .hl-gloss{margin-top:6px;font:400 clamp(1.25rem,2.35cqi,1.5rem)/1.02 var(--font-hand);color:var(--fig-patina-deep)}
.hl .hl-stamp{display:inline-block;margin-top:10px;padding:5px 10px;border:2px solid var(--pen);color:var(--pen);font:600 12px/1.35 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;transform:rotate(-4deg);background:color-mix(in srgb,var(--surface) 82%,transparent)}
.hl .hl-more{display:inline-block;margin-top:8px;font:600 .9375rem/1.3 var(--font-body)}
.hl .hl-gate span{display:inline-block;white-space:nowrap;padding:4px 11px;border:1px solid var(--fig-rule);border-radius:999px;background:var(--fig-paper);font:500 12px/1.3 var(--font-mono);letter-spacing:.08em;color:var(--fig-ink-soft)}
.hl .hl-centre p{white-space:nowrap;font:italic 400 clamp(1rem,1.8cqi,1.1875rem)/1.3 var(--font-display);color:var(--fig-ink-soft);text-align:center}
.hl .hl-caps{white-space:nowrap;font:500 12px/1.3 var(--font-mono);font-style:normal;letter-spacing:.14em;color:var(--fig-patina-deep);text-align:center;margin-bottom:6px}
.hl .hl-centre p.hl-caps{font:500 12px/1.3 var(--font-mono);letter-spacing:.14em;color:var(--fig-patina-deep)}
.hl--a .hl-note{width:var(--w,26%)}
.hl--a .hl-note--b{width:25%}
.hl--a .hl-note--a{width:30%;text-align:left}
.hl--a .hl-note--s{width:22%}
.hl .hl-phone,.hl .hl-pkey,.hl .hl-pk-back{display:none}
@container (max-width: 759px){
  .hl .hl-stage{display:none}
  .hl .hl-phone{display:block;position:relative;width:100%;aspect-ratio:1000/500;margin:8px 0 6px}
  .hl .hl-phone .hl-draw{position:absolute;inset:0}
  .hl .hl-pl{font:600 15px/1.1 var(--font-display);color:var(--fig-ink);white-space:nowrap}
  .hl .hl-pkey{display:block;margin-top:6px;border-top:2px solid var(--ink)}
  .hl .hl-pk{position:relative;padding:12px 0 14px 38px;border-bottom:1px solid var(--rule)}
  .hl .hl-pk::before{content:"";position:absolute;left:5px;top:16px;width:16px;height:16px;border-radius:50%;background:var(--fig-primary);box-shadow:0 0 0 4px var(--surface),0 0 0 5px color-mix(in srgb,var(--fig-primary) 40%,transparent)}
  .hl .hl-pk--s::before{background:var(--fig-paper);border:2.5px solid var(--fig-primary)}
  .hl .hl-pk .hl-num{display:inline}
  .hl .hl-pk .hl-name{display:inline;margin-left:6px;font-size:1.3125rem}
  .hl .hl-pk .hl-sci{display:block}
  .hl .hl-pk .hl-outs li{font-size:1.4375rem}
  .hl .hl-pk .hl-gloss{font-size:1.375rem}
  .hl .hl-pk-wire{position:relative;padding:8px 0 8px 38px;border-bottom:1px solid var(--rule)}
  .hl .hl-pk-wire::before{content:"";position:absolute;left:12px;top:0;bottom:0;border-left:2px solid var(--fig-dendrite)}
  .hl .hl-pk-wire::after{content:"";position:absolute;left:7px;bottom:6px;border:6px solid transparent;border-top:8px solid var(--fig-patina);border-bottom:0}
  .hl .hl-pk-back{display:block;margin-top:12px;text-align:center}
  .hl .hl-pk-back .hl-gate{margin-bottom:10px}
  .hl .hl-pk-back .hl-caps{white-space:normal}
  .hl .hl-pk-it{font:italic 400 1.0625rem/1.3 var(--font-display);color:var(--fig-ink-soft)}
  .hl .hl-pk-back::before{content:"";display:block;height:14px;margin:0 12px 6px;border:2px solid var(--fig-dendrite);border-top:0;border-radius:0 0 14px 14px}
}
@media (prefers-reduced-motion:reduce){
  .hl .hl-anim{display:none}
}