.wbx{--wbx-paper:var(--wb-bg);--wbx-ink:var(--wb-ink);--wbx-muted:var(--wb-muted);--wbx-accent:var(--wb-vio);--wbx-star:var(--wb-star);--wbx-warn:var(--wb-vio-soft);--wbx-head:var(--wb-display);--wbx-body:var(--wb-body);--wbx-mono:var(--wb-mono);padding-bottom:clamp(24px,4vw,48px)}.wbx-intro{padding-top:clamp(12px,2vw,24px);padding-bottom:clamp(16px,2.4vw,28px)}.wbx-intro .wbx-lead{max-width:70ch;color:var(--wbx-muted);margin:0}.wbx-stage{position:relative;width:100%;max-width:1240px;margin:0 auto;aspect-ratio:16/9;max-height:100vh;background:var(--wbx-paper);overflow:hidden;border:1px solid var(--wb-line);border-radius:var(--wb-r);font-family:var(--wbx-body);color:var(--wbx-ink)}.wbx-stage:focus-visible{outline:2px solid var(--wbx-star);outline-offset:3px}.wbx-view{position:absolute;inset:0}.wbx-view canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.wbx-capbox{position:absolute;left:6%;right:6%;bottom:10%;text-align:center}.wbx-eyebrow{font-family:var(--wbx-mono);font-size:clamp(9px,.85vw,11px);letter-spacing:.14em;text-transform:uppercase;color:var(--wbx-muted);margin:0 0 .55em;min-height:1em}.wbx-caption{font-family:var(--wbx-head);font-weight:600;font-size:clamp(13px,2.1vw,28px);line-height:1.25;text-wrap:balance;margin:0}.wbx-panel{position:absolute;right:2.5%;top:6%;width:min(260px,32%);box-sizing:border-box;max-height:62%;overflow:hidden;background:color-mix(in srgb,var(--wbx-paper) 88%,var(--wbx-ink));border:1px solid color-mix(in srgb,var(--wbx-ink) 15%,transparent);border-radius:8px;padding:12px 14px;font-size:12px;line-height:1.4}.wbx-panel>div{padding:4px 0}.wbx-panel>div+div{border-top:1px solid color-mix(in srgb,var(--wbx-ink) 12%,transparent)}.wbx-panel b{display:block;font-family:var(--wbx-head);font-weight:600;font-size:clamp(15px,1.4vw + 7px,20px);line-height:1.15;font-variant-numeric:tabular-nums;color:var(--wbx-ink)}.wbx-panel b.wbx-long{font-size:13px;line-height:1.35}.wbx-panel small{display:block;color:var(--wbx-muted);font-size:11px;line-height:1.3}.wbx-panel small.wbx-how{font-size:10px;opacity:.85}.wbx-chapter{position:absolute;left:16px;bottom:56px;font-family:var(--wbx-mono);font-size:12px;color:var(--wbx-muted)}.wbx-bar{position:absolute;left:0;right:0;bottom:0;display:flex;gap:10px;align-items:center;padding:10px 16px 12px;background:linear-gradient(transparent,color-mix(in srgb,var(--wbx-paper) 90%,transparent) 40%)}.wbx-dots{display:flex;gap:6px;flex:1;justify-content:center}.wbx .wbx-dots button{width:10px;height:10px;border-radius:50%;border:1px solid var(--wbx-ink);background:transparent;padding:0;margin:0;cursor:pointer}.wbx .wbx-dots button[aria-current=true]{background:var(--wbx-accent);border-color:var(--wbx-accent)}.wbx .wbx-ctl{font:inherit;font-size:13px;line-height:1.2;margin:0;border:1px solid var(--wbx-ink);background:var(--wbx-paper);color:var(--wbx-ink);border-radius:999px;padding:6px 14px;cursor:pointer}.wbx .wbx-ctl[aria-pressed=true]{background:var(--wbx-accent);border-color:var(--wbx-accent);color:#fff}.wbx .wbx-ctl:focus-visible,.wbx .wbx-dots button:focus-visible{outline:2px solid var(--wbx-star);outline-offset:2px}.wbx-doc{padding-top:clamp(24px,3.5vw,40px)}.wbx-doc .wbx-sources{font-size:.9rem;color:var(--wbx-muted);padding-left:1.1em}@media (max-width:900px){.wbx-stage{aspect-ratio:auto;max-height:none;display:flex;flex-direction:column;overflow:visible;border-radius:0;border-left:0;border-right:0}.wbx-view{position:relative;inset:auto;width:100%;aspect-ratio:16/10}.wbx-panel{position:static;width:auto;max-height:none;margin:8px 12px 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));column-gap:14px;padding:8px 12px}.wbx-panel>div+div{border-top:0}.wbx-panel>div{border-top:1px solid color-mix(in srgb,var(--wbx-ink) 12%,transparent)}.wbx-panel>div:first-child{border-top:0}.wbx-capbox{position:static;padding:14px 16px 4px}.wbx-caption{font-size:clamp(15px,3.6vw,22px)}.wbx-chapter{position:static;text-align:center;padding-top:4px}.wbx-bar{position:static;background:none;padding:8px 10px 12px}}@media (max-width:620px){.wbx-view{aspect-ratio:4/3}.wbx-panel{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));font-size:11px}.wbx-panel b{font-size:15px}.wbx-bar{gap:6px}.wbx .wbx-ctl{font-size:12px;padding:5px 10px}.wbx-dots{gap:4px}.wbx .wbx-dots button{width:9px;height:9px}}