/* Floating chapter navigation. */
:is(.home-five,.ug2-page,.why-page) .s5-journey{position:fixed;z-index:45;display:block;right:24px;top:50%;padding:0;border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none;width:224px;--nav-ink:#f6f4ef;--nav-dim:#9a9f9b;--nav-surface:rgba(14,17,16,.94)}
.s5-nav-toggle{display:flex;align-items:center;gap:12px;width:100%;padding:10px 14px 10px 10px;border:1px solid rgba(255,255,255,.16);border-radius:50px;background:var(--nav-surface);color:var(--nav-ink);box-shadow:0 12px 40px #0005;backdrop-filter:blur(24px);cursor:pointer;transition:border-color .25s,box-shadow .25s}
.s5-nav-toggle:hover,.s5-nav-toggle[aria-expanded=true]{border-color:var(--orange);box-shadow:0 12px 40px #0005,0 0 25px color-mix(in srgb,var(--orange) 14%,transparent)}
.s5-nav-orbit{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:50%;border:1px solid color-mix(in srgb,var(--orange) 60%,transparent);color:var(--orange);background:color-mix(in srgb,var(--orange) 10%,transparent);font-size:22px;transition:transform .3s}
.is-open .s5-nav-orbit{transform:rotate(90deg)}
.s5-nav-current{font:600 12px/1.3 var(--f-b,Arial,sans-serif);flex:1;text-align:left}
.s5-nav-count{font:500 9px/1 var(--f-m);color:var(--nav-dim);white-space:nowrap}
.s5-nav-panel{position:absolute;right:0;top:66px;width:260px;padding:18px 10px 12px;border:1px solid rgba(255,255,255,.15);border-radius:22px;background:linear-gradient(145deg,color-mix(in srgb,var(--orange) 8%,#151816),#0b0e0df5);box-shadow:0 24px 70px #0008;backdrop-filter:blur(28px);transform-origin:top right;animation:nav-reveal .25s ease-out}
.s5-nav-panel[hidden]{display:none}
.s5-nav-heading{display:flex;justify-content:space-between;align-items:center;padding:3px 12px 17px;color:var(--nav-ink);font:600 12px/1.2 var(--f-b,Arial,sans-serif)}
.s5-nav-heading b{font:500 9px/1 var(--f-m);color:var(--nav-dim)}
:is(.home-five,.ug2-page,.why-page) .s5-journey .s5-nav-links a{display:grid;grid-template-columns:30px 1fr 16px;gap:9px;min-height:43px;padding:0 12px;margin:3px 0;border:1px solid transparent;border-radius:11px;color:var(--nav-dim);transition:background .2s,border-color .2s,transform .2s}
:is(.home-five,.ug2-page,.why-page) .s5-journey .s5-nav-links a span{font:500 10px/1 var(--f-m);color:var(--nav-dim);background:none;text-align:left}
:is(.home-five,.ug2-page,.why-page) .s5-journey .s5-nav-links a b{opacity:1;overflow:visible;white-space:normal;font:500 13px/1.3 var(--f-b,Arial,sans-serif);letter-spacing:0;text-transform:none;color:var(--nav-ink)}
:is(.home-five,.ug2-page,.why-page) .s5-journey .s5-nav-links a em{font:400 17px/1 Arial,sans-serif;font-style:normal;opacity:0;color:var(--orange);transition:opacity .2s}
:is(.home-five,.ug2-page,.why-page) .s5-journey .s5-nav-links a:hover{background:#ffffff08;transform:translateX(-3px)}
:is(.home-five,.ug2-page,.why-page) .s5-journey .s5-nav-links a.is-active{border-color:color-mix(in srgb,var(--orange) 40%,transparent);background:linear-gradient(100deg,color-mix(in srgb,var(--orange) 20%,transparent),color-mix(in srgb,var(--orange) 4%,transparent))}
:is(.home-five,.ug2-page,.why-page) .s5-journey .s5-nav-links a.is-active span{color:var(--orange)}
:is(.home-five,.ug2-page,.why-page) .s5-journey .s5-nav-links a:is(.is-active,:hover) em{opacity:1}
.s5-nav-toggle:focus-visible,:is(.home-five,.ug2-page,.why-page) .s5-journey .s5-nav-links a:focus-visible{outline:2px solid var(--orange);outline-offset:4px}
.s5-nav-progress{height:2px;margin:16px 12px 3px;background:#ffffff12;border-radius:5px;overflow:hidden}
.s5-nav-progress i{display:block;width:var(--journey-progress);height:100%;background:var(--orange);box-shadow:0 0 10px var(--orange);transition:width .4s}
html[data-color-theme=legacy] .s5-journey{--nav-ink:#262033;--nav-dim:#71677e;--nav-surface:rgba(250,247,255,.96)}
html[data-color-theme=legacy] .s5-nav-panel{background:linear-gradient(145deg,#fff,#f3edff);border-color:#d8cbea;box-shadow:0 24px 65px #33204426}
html[data-color-theme=legacy] .s5-nav-toggle{border-color:#d8cbea;box-shadow:0 12px 40px #33204420}
@keyframes nav-reveal{from{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:none}}
@media(min-width:1101px){:is(.home-five,.ug2-page,.why-page) .s5-journey{top:125px;transform:none}}
@media(max-width:1100px){:is(.home-five,.ug2-page,.why-page) .s5-journey{display:none}}
@media(prefers-reduced-motion:reduce){.s5-nav-panel{animation:none}.s5-nav-toggle,.s5-nav-orbit,.s5-nav-progress i{transition:none}}
.s5-nav-panel{max-height:calc(100dvh - 215px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--orange) transparent}
:is(.ug2-page,.why-page) .s5-nav-links a{text-decoration:none}

:is(.ug2-page,.why-page) .s5-nav-links a{align-items:center}
@media(min-width:1101px){.ug2-page .s5-journey{top:165px}.ug2-page .s5-nav-panel{max-height:calc(100dvh - 255px)}}

/* Keep the accident report's chapter menu reachable on phones. */
@media(max-width:700px){
  body.ug2-page .s5-journey{
    display:block;
    top:86px;
    right:12px;
    width:205px;
    transform:none;
    z-index:80;
  }
  body.ug2-page .s5-nav-toggle{min-height:48px;padding:7px 11px 7px 7px}
  body.ug2-page .s5-nav-current{font-size:12px}
  body.ug2-page .s5-nav-panel{
    top:56px;
    width:min(320px,calc(100vw - 24px));
    max-height:calc(100dvh - 250px);
  }
}