/* Vision Glass — «En vivo» switch and live presence (vg-presence.js). Loaded by the module itself, after every app layer.
   Uses the dashboard tokens (vg-dash.css) when present, else Estadísticas' own (stats.css), else plain fallbacks; light by
   default, dark for the system setting and for the explicit choice. Positions are written as transforms (CSSOM), never
   as style attributes. Every animation stops with reduced motion. */
:root{   /* Apple base: every colour is a vg-apple-base.css token (they switch theme by themselves: no dark block here) */
  --vgv-card:var(--ios-bg-2);--vgv-ink:var(--ios-label);--vgv-muted:var(--ios-label-2);
  --vgv-line:var(--ios-separator);--vgv-shadow:var(--ios-shadow-pop);
  --vgv-font:var(--ios-font);
  --vgv-frost:var(--ios-bg-2);--vgv-edge:transparent;--vgv-on:var(--ios-green);--vgv-track:var(--ios-fill-2);
  --vgv-act:var(--ios-blue-tint);--vgv-act-ink:var(--ios-blue);--vgv-soft:var(--ios-fill);
  --vgv-hover:var(--ios-fill-4);--vgv-sheet:var(--ios-bg-2);--vgv-warn:var(--ios-orange-text);--vgv-sim:var(--ios-purple-text)
}
/* per-person tint (initials discs, rings, pointer arrows) */
.vgv-h0{--vgv-c:#3f6fe6}.vgv-h1{--vgv-c:#14a06a}.vgv-h2{--vgv-c:#8b5cf6}.vgv-h3{--vgv-c:#d48a0b}.vgv-h4{--vgv-c:#d9467a}.vgv-h5{--vgv-c:#0e9fb3}

/* ---- the switch: the checkbox stays the control (keyboard, screen readers); the row / pill draw it ---------------- */
input.vgv-in{position:absolute!important;inset:0;width:100%!important;height:100%!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;opacity:0;cursor:pointer;z-index:1;-webkit-appearance:none;appearance:none}
.vgv-dot{display:inline-grid;place-items:center;flex:none;width:20px;height:20px;color:var(--vgv-muted)}
.vgv-dot u{width:8px;height:8px;border-radius:50%;background:currentColor;text-decoration:none;opacity:.45}
:is(.vgv-row,.vgv-sw):has(.vgv-in:checked) .vgv-dot{color:var(--vgv-on)}
:is(.vgv-row,.vgv-sw):has(.vgv-in:checked) .vgv-dot u{position:relative;opacity:1;will-change:transform}   /* its own layer: the pulse below runs on the compositor */
/* the live pulse: a disc that grows and fades (transform / opacity only: drawn by the compositor, no repaint per frame) */
/* (will-change: the pulse runs on the compositor; without it the Estadísticas pill re-styled the page ~15 times a second while idle) */
:is(.vgv-row,.vgv-sw):has(.vgv-in:checked) .vgv-dot u::after{content:"";position:absolute;inset:0;border-radius:50%;background:currentColor;opacity:0;animation:vgv-pulse 2s ease-out infinite;will-change:transform,opacity}
@keyframes vgv-pulse{0%{transform:scale(1);opacity:.55}100%{transform:scale(2.75);opacity:0}}
/* mouse / trackpad screens: the same 2 s pulse, then 2 s still. Every frame of the pulse redraws the frosted panes around
   it (their backdrop blur is recomputed), and a desktop display draws up to 165 of them a second: a continuous pulse kept
   the GPU of a fast laptop ~58% busy on an idle Estadísticas page (measured). While still, no frame is drawn at all. */
@media (hover:hover) and (pointer:fine){:is(.vgv-row,.vgv-sw):has(.vgv-in:checked) .vgv-dot u::after{animation-name:vgv-pulse-rest;animation-duration:4s}}
@keyframes vgv-pulse-rest{0%{transform:scale(1);opacity:.55}50%,100%{transform:scale(2.75);opacity:0}}
/* sidebar row: same row as the other settings, a small track on the far side */
#vgd-sb label.vgv-row{cursor:pointer;user-select:none;-webkit-user-select:none}
#vgd-sb .vgv-row .vgd-sb-t{flex:1;min-width:0}
.vgv-knob{position:relative;flex:none;width:34px;height:20px;border-radius:999px;background:var(--vgv-track);transition:background-color .25s}
.vgv-knob i{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.28);transition:transform .32s cubic-bezier(.34,1.4,.64,1)}
.vgv-row:has(.vgv-in:checked) .vgv-knob{background:var(--vgv-on)}
.vgv-row:has(.vgv-in:checked) .vgv-knob i{transform:translateX(14px)}
#vgd-sb .vgv-row:has(.vgv-in:checked){color:var(--vgv-ink)!important}
#vgd-sb .vgv-row:has(.vgv-in:focus-visible){outline:3px solid color-mix(in srgb,var(--vgv-ink) 55%,transparent);outline-offset:2px}
html.vgd-sb-rail #vgd-sb .vgv-knob{display:none}
/* Estadísticas: a glass pill beside the top tools (switch + who is online) */
.vgv-pill{display:flex;align-items:center;gap:2px;min-height:44px;padding:0;box-sizing:border-box;border:0;border-radius:0;background:none;box-shadow:none;flex:none}
.vgv-pill label.vgv-sw{position:relative;display:inline-flex!important;align-items:center;gap:4px;min-height:44px;margin:0!important;padding:0 6px 0 2px;border-radius:var(--ios-r-s);color:var(--vgv-muted);font:var(--ios-w-regular) var(--ios-t-footnote)/var(--ios-lh-footnote) var(--vgv-font);cursor:pointer;user-select:none;-webkit-user-select:none;transition:background-color .25s,color .25s}
.vgv-sw:has(.vgv-in:checked){color:var(--vgv-muted)}
.vgv-sw:hover{background:var(--vgv-hover)}
.vgv-sw:has(.vgv-in:focus-visible){outline:3px solid color-mix(in srgb,var(--vgv-ink) 55%,transparent);outline-offset:2px}
.vgv-stack:empty{display:none}
@media (max-width:760px){.vgv-pill label.vgv-sw>span:not(.vgv-dot){display:none}.vgv-pill label.vgv-sw{padding:0 4px}.vgv-pill{justify-self:start;width:max-content}}

/* ---- who is online: overlapping discs (sidebar, under the account; Estadísticas, in its pill) --------------------- */
.vgv-online{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin:0 0 6px;padding:6px 12px 8px;font:400 var(--ios-t-caption1)/1.2 var(--vgv-font);color:var(--vgv-muted)}
.vgv-online .vgv-lbl{flex-basis:100%;font:700 var(--ios-t-caption2)/1 var(--vgv-font)}
.vgv-none{font:400 var(--ios-t-caption1)/1.3 var(--vgv-font);color:var(--vgv-muted)}
html.vgd-sb-rail .vgv-online{justify-content:center;padding:4px 0 8px}
html.vgd-sb-rail .vgv-online .vgv-none{display:none}
html.vgd-sb-rail .vgv-online .vgv-avs{flex-direction:column;padding:0}
html.vgd-sb-rail .vgv-online .vgv-p+.vgv-p{margin:-8px 0 0}
.vgv-avs{display:inline-flex;align-items:center;padding-left:4px}
.vgv-p{position:relative;display:inline-flex;border-radius:50%;box-shadow:0 0 0 2px var(--vgv-card)}
.vgv-p+.vgv-p{margin-left:-8px}
.vgv-p::after{content:"";position:absolute;right:-1px;bottom:-1px;width:9px;height:9px;border-radius:50%;background:var(--vgv-on);box-shadow:0 0 0 2px var(--vgv-card)}
.vgv-p.is-away::after{background:var(--ios-yellow)}
.vgv-more{display:inline-grid;place-items:center;min-width:28px;height:28px;margin-left:-6px;padding:0 4px;box-sizing:border-box;border-radius:999px;background:var(--vgv-card);border:1px solid var(--vgv-line);color:var(--vgv-ink);font:700 var(--ios-t-caption2)/1 var(--vgv-font)}
/* the disc (own markup, so it looks the same in every app; photo only when this device holds it) */
.vgv-av{position:relative;display:inline-grid;place-items:center;flex:none;overflow:hidden;width:28px;height:28px;border-radius:50%;background:linear-gradient(140deg,color-mix(in srgb,var(--vgv-c,#3f6fe6) 78%,#fff),var(--vgv-c,#3f6fe6));color:#fff;font:700 var(--ios-t-caption2)/1 var(--vgv-font);box-shadow:inset 0 0 0 1px rgba(255,255,255,.35);user-select:none;-webkit-user-select:none}
.vgv-av::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(140deg,rgba(255,255,255,.4),rgba(255,255,255,0) 46%);pointer-events:none}
.vgv-av img{display:block;width:100%;height:100%;object-fit:cover}
.vgv-av.vgv-av-s{width:22px;height:22px;font-size:var(--ios-t-caption2)}

/* ---- the live layer: pointers and editing rings (never takes a click) --------------------------------------------- */
.vgv-layer{position:fixed;inset:0;z-index:2147482000;pointer-events:none;overflow:hidden;contain:strict}
html.vgv-off .vgv-layer{display:none}
/* the shared cursor (opt-in): a small arrow and a tiny name, quiet on purpose */
.vgv-cur{position:absolute;left:0;top:0;display:flex;align-items:flex-start;gap:2px;opacity:.78;will-change:transform;transition:transform .12s linear}
.vgv-arrow{width:14px;height:14px;margin:-2px 0 0 -2px;fill:var(--vgv-c);stroke:#fff;stroke-width:1.4;stroke-linejoin:round;filter:drop-shadow(0 1px 2px rgba(0,0,0,.28))}
.vgv-tap{position:absolute;left:0;top:0;display:flex;align-items:center;gap:8px;white-space:nowrap}
.vgv-tap>i{width:24px;height:24px;flex:none;border-radius:50%;border:2px solid var(--vgv-c);background:color-mix(in srgb,var(--vgv-c) 20%,transparent);margin:-12px 0 0 -12px;box-shadow:0 0 0 6px color-mix(in srgb,var(--vgv-c) 12%,transparent)}
.vgv-cur .vgv-av-s{width:22px;height:22px;min-width:22px;margin-top:8px}
.vgv-tag{margin-top:11px;padding:2px 6px;border-radius:999px;background:var(--vgv-c);color:#fff;font:600 var(--ios-t-caption2)/1.2 var(--vgv-font);white-space:nowrap;max-width:120px;overflow:hidden;text-overflow:ellipsis;box-shadow:0 4px 10px -6px rgba(0,0,0,.5)}
/* «viewing»: who is in which section of this same screen */
.vgv-chip{position:absolute;left:0;top:0;display:inline-flex;align-items:center;gap:6px;max-width:min(300px,calc(100vw - 16px));padding:3px 10px 3px 3px;box-sizing:border-box;border-radius:999px;background:var(--vgv-frost);border:1px solid var(--vgv-edge);color:var(--vgv-ink);font:600 var(--ios-t-caption1)/1 var(--vgv-font);white-space:nowrap;backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3);box-shadow:0 0 0 1.5px color-mix(in srgb,var(--vgv-c) 55%,transparent),0 6px 16px -10px rgba(0,0,0,.5);will-change:transform;animation:vgv-fade .3s ease both}
.vgv-chip b,.vgv-chip small{overflow:hidden;text-overflow:ellipsis}
.vgv-chip small{font-weight:400;color:var(--vgv-muted)}
@keyframes vgv-fade{from{opacity:0}to{opacity:1}}
.vgv-ring{position:absolute;left:0;top:0;box-sizing:border-box;border-radius:var(--ios-r);border:2px solid var(--vgv-c);box-shadow:0 0 0 4px color-mix(in srgb,var(--vgv-c) 18%,transparent);animation:vgv-ring .35s cubic-bezier(.22,.61,.36,1) both}
.vgv-badge{position:absolute;right:10px;top:0;transform:translateY(-55%);display:inline-flex;align-items:center;gap:6px;padding:3px 10px 3px 3px;border-radius:999px;background:var(--vgv-frost);border:1px solid var(--vgv-edge);color:var(--vgv-ink);font:600 var(--ios-t-caption1)/1 var(--vgv-font);white-space:nowrap;backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3);box-shadow:0 6px 16px -10px rgba(0,0,0,.5)}
.vgv-badge small{font-weight:400;color:var(--vgv-muted)}
@keyframes vgv-ring{from{opacity:0;scale:.985}to{opacity:1;scale:1}}

/* ---- OFF: one small glass note, above the phone menu button's line ----------------------------------------------- */
.vgv-paused{position:fixed;left:50%;bottom:calc(var(--vgd-fab-b,16px) + env(safe-area-inset-bottom,0px));z-index:2147482001;transform:translateX(-50%);display:inline-flex;align-items:center;gap:6px;max-width:calc(100vw - 32px);margin:0;padding:8px 14px 8px 10px;box-sizing:border-box;border-radius:999px;background:var(--vgv-frost);border:1px solid var(--vgv-edge);color:var(--vgv-ink);font:600 var(--ios-t-footnote)/1.2 var(--vgv-font);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3);box-shadow:var(--vgv-shadow);animation:vgv-in .3s cubic-bezier(.22,.61,.36,1) both}
.vgv-paused .vgv-dot{width:14px;height:14px}
@keyframes vgv-in{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}
@media (prefers-reduced-motion: reduce){.vgv-dot u,.vgv-dot u::after,.vgv-ring,.vgv-paused{animation:none!important}.vgv-cur,.vgv-knob,.vgv-knob i,.vgv-sw,.vgv-seg button{transition:none!important}}
/* ---- every screen (the phone look; mouse screens too since 22-oct): the frosted tags, badges and notes keep their look as an opaque colour
   pre-blended over the page, with no live backdrop blur (a blur re-renders what is under it on every scroll frame) -- */
@media all{
  .vgv-pill,.vgv-tag,.vgv-badge,.vgv-paused,.vgv-chip,.vgv-panel{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
}

/* ---- «Presencia» opener: a settings row in the sidebar, a round button in Estadísticas' pill -------------------- */
#vgd-sb label.vgv-open{cursor:pointer;user-select:none;-webkit-user-select:none}
#vgd-sb .vgv-open svg{width:20px;height:20px;flex:none}
#vgd-sb .vgv-open .vgd-sb-t{flex:1;min-width:0}
#vgd-sb .vgv-open:has(.vgv-in:focus-visible){outline:3px solid color-mix(in srgb,var(--vgv-ink) 55%,transparent);outline-offset:2px}
.vgv-simflag{flex:none;padding:3px 6px;border-radius:999px;border:1px dashed var(--vgv-sim);color:var(--vgv-sim);font:700 var(--ios-t-caption2)/1 var(--vgv-font)}
.vgv-simflag[hidden],.vgv-sims[hidden],.vgv-simavs[hidden]{display:none!important}
html.vgd-sb-rail #vgd-sb .vgv-open .vgv-simflag{position:absolute;right:-2px;top:-2px;padding:2px 4px;font-size:var(--ios-t-caption2);background:var(--vgv-card)}
.vgv-pill button.vgv-open-i{position:relative;display:inline-grid!important;place-items:center;flex:none;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;margin:0!important;padding:0!important;border-radius:50%!important;border:0!important;background:transparent!important;color:var(--ios-blue)!important;box-shadow:none!important;cursor:pointer}
.vgv-pill button.vgv-open-i svg{width:22px;height:22px}
.vgv-pill button.vgv-open-i:hover,.vgv-pill button.vgv-open-i[aria-expanded="true"]{background:var(--vgv-hover)!important}
.vgv-pill button.vgv-open-i:focus-visible{outline:3px solid color-mix(in srgb,var(--vgv-ink) 55%,transparent);outline-offset:2px}
.vgv-pill .vgv-open-i .vgv-simflag{position:absolute;right:-6px;top:-5px;padding:2px 4px;font-size:var(--ios-t-caption2);background:var(--vgv-card)}
.vgv-simavs{display:inline-flex}
/* simulated people: a hollow disc with a dashed ring (live people have a filled disc) */
.vgv-av.vgv-av-sim{background:var(--vgv-card);color:var(--vgv-c,#3f6fe6);box-shadow:none;outline:1.5px dashed var(--vgv-c,#3f6fe6);outline-offset:-1.5px}
.vgv-av.vgv-av-sim::after{display:none}
.vgv-p.vgv-p-sim::after{display:none}
.vgv-p.vgv-p-sim{box-shadow:none}
.vgv-p.vgv-p-sim+.vgv-p-sim{margin-left:4px}
.vgv-more.vgv-more-sim{margin-left:4px;border:1px dashed var(--vgv-sim);color:var(--vgv-sim)}
html.vgd-sb-rail .vgv-online .vgv-p.vgv-p-sim+.vgv-p-sim{margin:4px 0 0}
.vgv-simtag{display:inline-block;padding:2px 5px;border-radius:var(--ios-r-s);border:1px dashed var(--vgv-sim);color:var(--vgv-sim);font:700 var(--ios-t-caption2)/1 var(--vgv-font);font-style:normal;vertical-align:1px}
.vgv-sims .vgv-lbl .vgv-simtag{margin-left:4px}

/* ---- the panel: glass sheet next to its opener (a bottom sheet on phones) ------------------------------------------- */
.vgv-panel{position:fixed;left:0;top:0;z-index:2147482500;width:min(360px,calc(100vw - 24px));max-height:calc(100vh - 24px);display:flex;flex-direction:column;box-sizing:border-box;border-radius:var(--ios-r);background:var(--vgv-sheet);border:1px solid var(--vgv-line);color:var(--vgv-ink);font:400 var(--ios-t-footnote)/1.4 var(--vgv-font);box-shadow:0 30px 60px -28px rgba(0,0,0,.55),var(--vgv-shadow);backdrop-filter:blur(22px) saturate(1.3);-webkit-backdrop-filter:blur(22px) saturate(1.3);overflow:hidden;animation:vgv-fade .2s ease both}
.vgv-panel.is-sheet{left:12px;right:12px;top:auto;bottom:calc(12px + env(safe-area-inset-bottom,0px));width:auto;max-height:min(80vh,calc(100vh - 24px))}
.vgv-ph{display:flex;align-items:center;gap:10px;padding:14px 12px 10px 16px;border-bottom:1px solid var(--vgv-line)}
.vgv-ph-i{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--vgv-soft)}
.vgv-ph-i svg{width:17px;height:17px}
.vgv-ph b{flex:1;font:700 var(--ios-t-subhead)/1.2 var(--vgv-font)}
.vgv-panel button.vgv-x{display:inline-grid!important;place-items:center;width:40px!important;height:40px!important;min-height:40px!important;margin:0!important;padding:0!important;border-radius:50%!important;border:0!important;background:var(--vgv-soft)!important;color:var(--vgv-ink)!important;box-shadow:none!important;cursor:pointer}
.vgv-panel button.vgv-x svg{width:18px;height:18px}
.vgv-pb{overflow:auto;overscroll-behavior:contain;padding:6px 16px 14px}
.vgv-sec{padding:10px 0 12px}
.vgv-sec+.vgv-sec{border-top:1px solid var(--vgv-line)}
.vgv-h{display:flex;align-items:center;gap:7px;margin:0 0 6px;font:700 var(--ios-t-caption2)/1.2 var(--vgv-font);color:var(--vgv-muted)}
.vgv-livedot{width:8px;height:8px;border-radius:50%;background:var(--vgv-on)}
html.vgv-off .vgv-livedot{background:var(--vgv-muted);opacity:.5}
.vgv-status{margin:0 0 8px;font:400 var(--ios-t-caption1)/1.4 var(--vgv-font);color:var(--vgv-muted)}
.vgv-status[data-kind="warn"]{color:var(--vgv-warn)}
.vgv-status[data-kind="ok"]{color:var(--vgv-on)}
.vgv-note{margin:0 0 10px;font:400 var(--ios-t-caption1)/1.45 var(--vgv-font);color:var(--vgv-muted)}
.vgv-list{display:flex;flex-direction:column;gap:4px;margin:0 0 6px;padding:0;list-style:none}
.vgv-list[hidden]{display:none}
.vgv-li{display:flex;align-items:center;gap:10px;min-height:40px;padding:4px 8px 4px 4px;border-radius:var(--ios-r);background:var(--vgv-soft)}
.vgv-li>span:last-child{display:flex;flex-direction:column;gap:2px;min-width:0}
.vgv-li b{font:600 var(--ios-t-footnote)/1.2 var(--vgv-font);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vgv-li b small{font-weight:400;color:var(--vgv-muted)}
.vgv-li>span>small{font:400 var(--ios-t-caption1)/1.3 var(--vgv-font);color:var(--vgv-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vgv-li.is-away{opacity:.7}
.vgv-li.is-sim{background:transparent;border:1px dashed color-mix(in srgb,var(--vgv-sim) 55%,transparent)}
.vgv-li-none{padding:8px 12px;font:400 var(--ios-t-caption1)/1.3 var(--vgv-font);color:var(--vgv-muted)}
/* opt-in switch row */
label.vgv-opt{position:relative;display:flex;align-items:center;gap:10px;margin:6px 0 0;padding:8px 10px;border-radius:var(--ios-r);cursor:pointer;user-select:none;-webkit-user-select:none}
label.vgv-opt:hover{background:var(--vgv-hover)}
label.vgv-opt:has(.vgv-in:disabled){opacity:.55;cursor:not-allowed}
label.vgv-opt:has(.vgv-in:focus-visible){outline:3px solid color-mix(in srgb,var(--vgv-ink) 55%,transparent);outline-offset:2px}
.vgv-opt-t{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}
.vgv-opt-t b{font:600 var(--ios-t-footnote)/1.2 var(--vgv-font)}
.vgv-opt-t small{font:400 var(--ios-t-caption1)/1.35 var(--vgv-font);color:var(--vgv-muted)}
.vgv-opt:has(.vgv-in:checked) .vgv-knob{background:var(--vgv-on)}
.vgv-opt:has(.vgv-in:checked) .vgv-knob i{transform:translateX(14px)}
/* Off / 1–5: one row of filled buttons with 44px targets; on very narrow screens «Off» takes its own row */
.vgv-seg{display:grid;grid-template-columns:auto repeat(5,minmax(44px,1fr));gap:4px;margin:0 0 10px;padding:4px;border-radius:999px;background:var(--vgv-soft)}
@media (max-width:359px){.vgv-seg{grid-template-columns:repeat(5,minmax(44px,1fr));border-radius:var(--ios-r)}.vgv-seg [data-vgv-sim="0"]{grid-column:1/-1}}
.vgv-panel .vgv-seg button{min-width:44px!important;min-height:44px!important;margin:0!important;padding:0 6px!important;border:0!important;border-radius:999px!important;background:transparent!important;color:var(--vgv-ink)!important;box-shadow:none!important;font:600 var(--ios-t-footnote)/1 var(--vgv-font)!important;cursor:pointer;transition:background-color .2s,color .2s}
.vgv-panel .vgv-seg button[data-vgv-sim="0"]{padding:0 12px!important}
.vgv-panel .vgv-seg button:hover{background:var(--vgv-hover)!important}
.vgv-panel .vgv-seg button[aria-checked="true"]{background:var(--vgv-act)!important;color:var(--vgv-act-ink)!important}
.vgv-panel .vgv-seg button:focus-visible{outline:3px solid color-mix(in srgb,var(--vgv-ink) 55%,transparent);outline-offset:1px}
.vgv-sec-sim .vgv-h{color:var(--vgv-sim)}
/* what real presence still needs */
.vgv-need{margin:4px 0 0;border-top:1px solid var(--vgv-line);padding-top:10px}
.vgv-need summary{min-height:40px;display:flex;align-items:center;padding:0 10px;border-radius:var(--ios-r);font:600 var(--ios-t-footnote)/1.2 var(--vgv-font);cursor:pointer;list-style-position:inside}
.vgv-need summary:hover{background:var(--vgv-hover)}
.vgv-need ol{margin:8px 0 10px;padding:0 0 0 22px;font:400 var(--ios-t-footnote)/1.45 var(--vgv-font)}
.vgv-need li+li{margin-top:6px}