.site-nav{position:sticky;top:0;z-index:40;height:82px;background:rgba(251,251,253,.95);backdrop-filter:blur(16px);border-bottom:1px solid #eae7ef}.site-nav .site-nav-inner{max-width:1440px;margin:auto;padding:0 40px;height:100%;display:flex;align-items:center;gap:32px}.site-nav .brand{display:inline-flex;gap:10px;align-items:center;white-space:nowrap;text-decoration:none;font-weight:650;letter-spacing:-.02em}.site-nav .brand img{height:28px;width:28px;border-radius:7px}.site-nav .desktop-links{display:flex;gap:28px;margin-left:auto;align-items:center}.site-nav .desktop-links>a{font-size:.9rem;text-decoration:none;padding:10px 0;color:var(--muted)}.site-nav .desktop-links>a:hover,.site-nav .desktop-links>a[aria-current=page]{color:var(--ink)}.site-nav .desktop-links>a[aria-current=page]{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:9px}.site-nav .button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:48px;border-radius:999px;padding:12px 24px;text-decoration:none;font-weight:600;font-size:.9rem;background:var(--ink);color:white;border:1px solid var(--ink);transition:background .2s,box-shadow .2s}.site-nav .button:hover{background:#39363e;box-shadow:0 5px 16px #221b3c19}.site-nav .button.light{background:transparent;color:var(--ink);border-color:#c4bfce}.site-nav .button.light:hover{background:#eee9f5}.site-nav .nav-book{white-space:nowrap;min-height:44px;padding:9px 19px}.site-nav .mobile-nav{display:none;position:relative;margin-left:auto}.site-nav .mobile-nav summary{list-style:none;cursor:pointer;min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:50%}.site-nav .mobile-nav summary::-webkit-details-marker{display:none}.site-nav .mobile-panel{position:absolute;top:56px;right:0;background:var(--bg);border:1px solid var(--line);border-radius:16px;padding:16px;width:min(290px,calc(100vw - 40px));box-shadow:0 16px 35px #221b3c20}.site-nav .mobile-panel a{display:block;text-decoration:none;padding:12px 10px;min-height:48px}.site-nav .mobile-panel .button{text-align:center;margin-top:8px}
/* Reuse the showcase navigation while preserving the homepage layout. */
.site-nav{position:fixed;inset:0 0 auto;width:100%;--muted:#62616d;--line:#dedce6;--purple:#715bb5;font-size:16px;line-height:1.6}
.site-nav svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.site-nav a:focus-visible,.site-nav summary:focus-visible{outline:3px solid #715bb5;outline-offset:5px}
.skip-link{position:fixed;top:-100px;left:16px;z-index:100;background:white;padding:12px}
.skip-link:focus{top:10px}
@media(max-width:1000px){.site-nav .desktop-links{gap:20px}.site-nav .site-nav-inner{padding:0 28px;gap:22px}}
@media(max-width:860px){.site-nav{height:72px}.site-nav .site-nav-inner{padding:0 20px;gap:12px}.site-nav .desktop-links,.site-nav .site-nav-inner>.nav-book{display:none}.site-nav .mobile-nav{display:block}.site-nav .brand{font-size:.94rem}}

/* Keep every navigation link reachable on short landscape screens. */
.site-nav .mobile-panel{max-height:calc(100vh - 90px);max-height:calc(100dvh - 90px);overflow-y:auto;overscroll-behavior:contain}