.book-nav{position:relative;display:flex;align-items:center}
.book-nav-trigger{appearance:none;border:0;background:transparent;padding:0;color:#dfe7e2;font:inherit;font-weight:720;font-size:.82rem;cursor:pointer;line-height:inherit}
.book-nav-trigger:hover,.book-nav-trigger.active,.book-nav.is-open .book-nav-trigger{color:var(--bright)}
.book-nav-dropdown{position:absolute;top:calc(100% + 18px);left:0;min-width:242px;padding:9px;border:1px solid rgba(143,232,171,.34);border-radius:16px;background:linear-gradient(135deg,rgba(30,73,46,.78),rgba(5,22,13,.88));backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);box-shadow:0 24px 50px -12px rgba(0,0,0,.7),0 8px 18px rgba(0,0,0,.24),inset 0 1px 0 rgba(220,255,230,.14),0 0 22px rgba(30,161,75,.08);opacity:0;visibility:hidden;transform:translateY(-9px) scale(.96);transform-origin:24px 0;pointer-events:none;transition:opacity 150ms ease,transform 150ms cubic-bezier(.16,1,.3,1);z-index:60}
.book-nav-dropdown::before{content:"";position:absolute;left:-6px;right:-6px;top:-22px;height:24px}
.book-nav.is-open .book-nav-dropdown{opacity:1;visibility:visible;transform:translateY(0) scale(1);pointer-events:auto}
@media(hover:hover) and (min-width:1281px){.book-nav:hover:not(.is-dismissed) .book-nav-dropdown{opacity:1;visibility:visible;transform:translateY(0) scale(1);pointer-events:auto}}
.book-nav-dropdown a{display:block;position:relative;padding:15px 18px;border:1px solid transparent;border-radius:10px;color:#e7f0ea;text-decoration:none;font-size:.85rem;font-weight:650;white-space:nowrap;background:transparent;transition:background 100ms ease,color 100ms ease,border-color 100ms ease}
.book-nav-dropdown a+a{margin-top:4px}
.book-nav-dropdown a:hover,.book-nav-dropdown a:focus-visible{color:#a4ffc0;background:linear-gradient(100deg,rgba(63,169,94,.25),rgba(63,169,94,.1));border-color:rgba(115,227,147,.2)}
.book-nav-trigger:focus-visible,.book-nav-dropdown a:focus-visible{outline:2px solid #72f09d;outline-offset:3px}
.menu>.book-mobile-link,.menu>.code-mobile-link{display:none}
@media(max-width:1360px) and (min-width:1281px){.book-nav-trigger{font-size:.76rem}}
@media(max-width:1280px){.menu>.book-nav{display:none}.menu>.book-mobile-link,.menu>.code-mobile-link{display:block}}
@media(prefers-reduced-motion:reduce){.book-nav-dropdown{transition:none;transform:none}}