.explainer-video{display:grid;gap:14px;min-width:0}.explainer-video-frame{position:relative;justify-self:center;width:min(100%,var(--explainer-max-width, 100%));aspect-ratio:16 / 9;overflow:hidden;border:1px solid var(--color-border-soft);border-radius:var(--radius-panel);background:var(--color-page)}.explainer-video-frame :is(video,iframe){position:absolute;inset:0;width:100%;height:100%;border:0;background:var(--color-page)}.explainer-video-frame video::cue{line-height:1.4;background:#090a0cd1;color:var(--color-text)}.explainer-video-start{position:absolute;inset:0;display:grid;place-items:end center;width:100%;padding:0 0 11%;border:0;border-radius:inherit;background:var(--color-page)}.explainer-video-start img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.explainer-video-start span{position:relative;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px 0 14px;border:1px solid var(--color-primary-border);border-radius:var(--radius-pill);background:var(--color-primary);color:var(--color-primary-text);font-size:14px;font-weight:600;box-shadow:var(--shadow-lg);transition:background-color var(--duration-fast)}.explainer-video-start:hover span{background:var(--color-primary-hover)}.explainer-video-start:focus-visible{outline:none;box-shadow:var(--focus-ring)}.explainer-video-chapters{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.explainer-video-chapters button{display:inline-flex;align-items:center;gap:8px;min-height:32px;padding:0 12px;border:1px solid var(--color-border-soft);border-radius:var(--radius-pill);background:var(--color-input-hover);color:var(--color-text-secondary);font-size:12px;font-weight:500;transition:color var(--duration-fast),border-color var(--duration-fast)}.explainer-video-chapters button span{font-variant-numeric:tabular-nums;color:var(--color-text-muted)}.explainer-video-chapters button:hover{color:var(--color-text);border-color:var(--color-border-strong)}.explainer-video-chapters button[aria-current=true]{color:var(--color-text);border-color:var(--color-primary-border);background:var(--color-accent-surface)}.explainer-video-chapters button[aria-current=true] span{color:var(--color-action)}.explainer-transcript{border:1px solid var(--color-border-soft);border-radius:var(--radius-control);background:var(--color-input)}.explainer-transcript summary{display:flex;align-items:center;min-height:44px;padding:0 16px;font-size:14px;font-weight:500;color:var(--color-text-secondary);cursor:pointer;list-style:none}.explainer-transcript summary::-webkit-details-marker{display:none}.explainer-transcript summary:after{content:"+";margin-left:auto;color:var(--color-text-muted);font-size:18px}.explainer-transcript[open] summary:after{content:"−"}.explainer-transcript section{padding:4px 16px 12px}.explainer-transcript h3{display:flex;gap:10px;margin:8px 0 4px;font-size:13px;font-weight:600;color:var(--color-text)}.explainer-transcript h3 span{font-variant-numeric:tabular-nums;font-weight:500;color:var(--color-text-muted)}.explainer-transcript p{margin:0;font-size:14px;line-height:1.65;color:var(--color-text-secondary)}@media(pointer:coarse),(max-width:1023px){.explainer-video-chapters button{min-height:44px}}@media(max-width:639px){.explainer-video-chapters{flex-wrap:nowrap;margin-inline:-16px;padding-inline:16px;overflow-x:auto;scrollbar-width:none}.explainer-video-chapters li{flex-shrink:0}}.header-dropdown{position:relative;display:inline-flex;align-items:center;flex-shrink:0}.header-dropdown-trigger{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:0;background:transparent;color:var(--color-text-muted);cursor:pointer}.header-dropdown-trigger:hover,.header-dropdown-trigger[aria-expanded=true],.header-dropdown:focus-within>.header-dropdown-trigger{color:var(--color-text)}.header-dropdown-chevron{width:24px;height:44px;margin-left:-5px}.header-dropdown-trigger:focus-visible{outline:2px solid var(--color-text-secondary);outline-offset:-4px}.header-dropdown-trigger>svg{transition:transform var(--duration-fast) var(--ease-motion)}.header-dropdown-trigger[aria-expanded=true]>svg{transform:rotate(180deg)}.header-dropdown[data-open=true]>a{color:var(--color-text)}.header-dropdown-bridge{position:absolute;top:100%;left:0;padding-top:8px;z-index:var(--z-overlay)}.header-dropdown-panel{display:flex;flex-direction:column;gap:2px;width:320px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 88px);overflow-y:auto;overscroll-behavior:contain;padding:8px;border:1px solid var(--color-border-soft);border-radius:14px;background:var(--color-input);box-shadow:var(--shadow-lg);animation:header-dropdown-in var(--duration-fast) var(--ease-motion)}.header-dropdown-panel a{display:flex;align-items:center;min-height:38px;padding:8px 10px;border-radius:7px;color:var(--color-text-secondary);text-decoration:none;font-size:14px;font-weight:500;line-height:20px;white-space:nowrap}.header-dropdown-panel a:hover,.header-dropdown-panel a[aria-current=page]{background:var(--color-input-hover)}.header-dropdown-panel a:hover,.header-dropdown-panel a[aria-current=page],.header-dropdown-panel a:focus-visible{color:var(--color-text)}.header-dropdown-divider{display:block;flex-shrink:0;height:1px;margin:6px 4px;background:var(--color-border-soft)}.header-destination-group{display:contents}.header-dropdown-panel .header-destination{display:grid;grid-template-columns:34px minmax(0,1fr) 16px;align-items:center;gap:10px;min-height:60px;padding:8px;border:1px solid transparent;border-radius:9px;white-space:normal;transition:background-color var(--duration-fast),border-color var(--duration-fast)}.header-destination-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;background:var(--color-input-hover);color:var(--color-text-secondary);transition:color var(--duration-fast),background-color var(--duration-fast)}.header-destination-copy{display:flex;flex-direction:column;min-width:0;gap:2px}.header-destination-title{color:var(--color-text);font-size:14px;font-weight:600;line-height:20px}.header-destination-copy small{color:var(--color-text-secondary);font-size:12px;font-weight:400;line-height:17px}.header-destination-arrow{color:var(--color-action);opacity:0;transform:translate(-3px);transition:opacity var(--duration-fast),transform var(--duration-fast)}.header-destination:is(:hover,:focus-visible,[aria-current=page]){border-color:var(--color-border-soft)}.header-dropdown-panel .header-destination:focus-visible{background:var(--color-input-hover)}.header-destination:is(:hover,:focus-visible,[aria-current=page]) .header-destination-icon{color:var(--color-action);background:var(--color-accent-surface)}.header-destination:is(:hover,:focus-visible) .header-destination-arrow{opacity:1;transform:translate(0)}@keyframes header-dropdown-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media(pointer:coarse){.header-dropdown-chevron{min-width:44px;min-height:44px}}.product-navigation{display:flex;align-items:center;gap:14px;min-width:0}.product-navigation>a,.product-navigation>.header-dropdown>a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:6px 8px;border:0;border-radius:0;background:transparent;box-shadow:none;color:var(--color-text-muted);font-size:16px;font-weight:500;line-height:24px;text-decoration:none;white-space:nowrap;transition:color var(--duration-fast)}.product-navigation>a:hover,.product-navigation>.header-dropdown:hover>a,.product-navigation>.header-dropdown:focus-within>a{color:var(--color-text)}.product-navigation>a[aria-current],.product-navigation>.header-dropdown[data-current=true]>a{color:var(--color-text)}.product-navigation>a:focus-visible,.product-navigation>.header-dropdown>a:focus-visible{outline:2px solid var(--color-text-secondary);outline-offset:-4px}.dex-header .product-navigation{margin-left:4px}@media(max-width:1023px){.dex-header .product-navigation{display:none}.product-navigation>a,.product-navigation>.header-dropdown>a{padding-inline:10px;font-size:12px}.product-navigation .header-dropdown-chevron,.product-navigation .header-dropdown-bridge{display:none}}@media(pointer:coarse){.product-navigation a{min-height:44px}}
