.be-depth{--depth-accent:var(--yellow,#f2bb37);--depth-bg:var(--bg,#101e2b);--depth-fg:var(--fg,#faf7ee);position:relative;margin:0!important;border-top:1px solid var(--rule,#30434e)}.be-depth.is-zoom{height:var(--journey-height,400vh)}.be-depth .be-stage{position:relative;min-height:600px}.be-depth.is-zoom .be-stage{position:sticky;top:0;height:100svh;min-height:540px;overflow:hidden;isolation:isolate;background:var(--depth-bg)}.be-depth .be-tunnel{display:none;position:absolute;inset:0;pointer-events:none;z-index:-1}.be-depth.is-zoom .be-tunnel{display:block}.be-tunnel i{position:absolute;inset:18% 14%;border:1px solid var(--rule,#30434e);border-top-left-radius:22%;transform-origin:50% 50%;opacity:.3}.be-depth .be-controls{position:relative;z-index:20;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;background:var(--depth-bg);border-bottom:1px solid var(--rule,#30434e)}.be-depth .be-controls button,.be-depth summary{font:inherit;color:var(--depth-fg);background:transparent;border:1px solid var(--rule,#30434e);padding:8px 13px;border-radius:0 18px 0 0;cursor:pointer;font-size:14px}.be-depth button:hover,.be-depth button:focus-visible,.be-depth summary:hover{border-color:var(--depth-accent);outline-color:var(--depth-accent)}.be-depth .be-mode{color:var(--depth-accent)!important}.be-depth .be-counter{font-size:14px;font-variant-numeric:tabular-nums;color:var(--muted,#abbac0)}.be-depth .be-navigation{display:flex;gap:8px;align-items:center}.be-depth details{position:relative}.be-depth details[open] .be-index{display:grid}.be-depth .be-index{position:absolute;right:0;top:100%;margin-top:12px;min-width:min(390px,75vw);max-height:65svh;overflow-y:auto;display:none;background:var(--depth-bg);padding:12px;border:1px solid var(--rule,#30434e);box-shadow:0 12px 40px #0005}.be-depth .be-index button{text-align:left;border:0;border-radius:0;padding:10px 8px;font-size:14px;line-height:1.5}.be-depth .be-index button[aria-current=true]{color:var(--depth-accent)}.be-depth .chapter-preview{background:var(--depth-bg)}.be-depth.is-zoom .chapter-preview{position:absolute;left:50%;top:49%;width:min(700px,84%);max-height:calc(100svh - 185px);overflow-y:auto;display:block;padding:35px 42px;border:1px solid var(--rule,#30434e);border-radius:80px 0 0 0;margin:0;transform-origin:center;box-shadow:0 20px 70px #0002;pointer-events:none;visibility:hidden;opacity:0}.be-depth.is-zoom .chapter-preview.be-active{pointer-events:auto;visibility:visible}.be-depth.is-zoom .chapter-preview>.eyebrow{display:block;font-size:14px;color:var(--depth-accent);margin-bottom:16px}.be-depth.is-zoom .chapter-preview h2{font-size:clamp(26px,3.2vw,46px);line-height:1.15;margin:0 0 20px}.be-depth.is-zoom .chapter-preview p{font-size:clamp(16px,1.5vw,19px);line-height:1.65;margin:0 0 20px;max-width:60ch}.be-depth .chapter-preview a{color:var(--depth-accent);font-weight:600}.be-depth .be-caption{display:none}.be-depth.is-zoom .be-caption{display:flex;position:absolute;left:24px;right:24px;bottom:24px;justify-content:space-between;align-items:center;gap:15px;font-size:14px;color:var(--muted,#abbac0);pointer-events:none}.be-depth .be-progress{width:120px;height:2px;background:var(--rule,#30434e)}.be-depth .be-progress i{display:block;height:100%;background:var(--depth-accent);width:0}.be-depth.is-list .be-stage{height:auto}.be-depth.is-list .chapter-preview{position:static;transform:none!important;opacity:1!important;visibility:visible!important;pointer-events:auto;max-height:none}.be-depth.is-list .be-navigation>[data-step]{display:none}.be-depth.is-list .be-controls{position:sticky;top:0}.be-depth :focus-visible{outline:2px solid var(--depth-accent);outline-offset:5px}@media(max-width:600px){.be-depth .be-controls{padding:14px 12px;gap:9px}.be-depth .be-controls button,.be-depth summary{font-size:14px;padding:8px}.be-depth .be-navigation{gap:5px}.be-depth.is-zoom .chapter-preview{width:92%;padding:28px 23px;border-top-left-radius:55px;top:52%;max-height:calc(100svh - 220px)}.be-depth.is-zoom .be-stage{min-height:650px}.be-depth.is-zoom .chapter-preview h2{font-size:27px}.be-depth .be-caption{left:16px;right:16px;bottom:24px}.be-depth .be-progress{width:70px}.be-depth .be-counter{font-size:14px}.be-depth.is-list .chapter-preview{padding:30px 12px}}@media(prefers-reduced-motion:reduce){.be-depth .be-tunnel{display:none!important}html{scroll-behavior:auto!important}}

.be-depth .be-controls button,.be-depth summary{border-radius:999px}