/* Navigation only: floating overlay avoids layout shift; Phase 1 editorial spacing retained. */
.nav{position:relative;z-index:55}.nav-menu-shell{position:relative;margin-left:auto;flex:0 0 auto}
.nav-hamburger{display:flex;align-items:center;justify-content:center;gap:12px;min-height:46px;padding:9px 15px;border:1px solid rgba(226,202,156,.35);border-radius:13px;background:rgba(19,26,42,.85);color:#f0d8a8;font:600 12px/1 'Plus Jakarta Sans',sans-serif;letter-spacing:.13em;transition:background .22s,border-color .22s}
.nav-hamburger:hover,.nav-hamburger:focus-visible,.nav-menu-shell.is-open .nav-hamburger{background:#292637;border-color:#e0c48b}
.hamburger-lines{display:grid;gap:5px;width:21px}.hamburger-lines i{display:block;height:2px;width:100%;border-radius:2px;background:currentColor;transition:transform .22s,opacity .22s}
.nav-menu-shell.is-open .hamburger-lines i:first-child{transform:translateY(7px) rotate(45deg)}.nav-menu-shell.is-open .hamburger-lines i:nth-child(2){opacity:0}.nav-menu-shell.is-open .hamburger-lines i:last-child{transform:translateY(-7px) rotate(-45deg)}
.nav-menu-shell .navlinks{display:flex!important;position:absolute;right:0;top:calc(100% + 10px);width:max-content;min-width:240px;max-width:min(92vw,420px);max-height:min(75dvh,650px);overflow:auto;flex-direction:column;align-items:stretch;gap:4px;padding:13px;border:1px solid rgba(224,196,139,.26);border-radius:18px;background:rgba(18,24,39,.97);box-shadow:0 22px 65px #0009;backdrop-filter:blur(24px);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-9px) scale(.98);transform-origin:top right;transition:opacity .24s,transform .24s,visibility .24s}
.nav-menu-shell.is-open .navlinks{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1)}
.nav-menu-shell .navlinks>.view-tab,.nav-menu-shell .navlinks>a.view-tab{display:block!important;width:100%;text-align:left;padding:12px 17px;border-radius:10px;font-size:14px}
.nav-menu-shell .navlinks>.view-tab:hover{background:#ffffff0b!important}.nav-menu-shell .navlinks .view-tab::after{left:12px;right:auto;width:2px;height:auto;top:10px;bottom:10px;transform:scaleY(.6)}.nav-menu-shell .navlinks .view-tab.active::after{transform:scaleY(1)}
.nav-menu-shell #globalExportButton{width:100%;margin-top:7px;justify-content:center}
@media (max-width:900px){.nav-menu-shell .navlinks{width:min(320px,calc(100vw - 32px))}.nav-menu-shell .navlinks>.view-tab{display:block!important}}
@media (max-width:639px){.nav-menu-shell .navlinks{justify-content:flex-start;flex-wrap:nowrap}.nav-hamburger{padding:10px 12px}.hamburger-label{font-size:10px}}
@media (hover:hover) and (pointer:fine){.nav-menu-shell:hover .navlinks,.nav-menu-shell:focus-within .navlinks{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1)}}
@media (prefers-reduced-motion:reduce){.nav-menu-shell .navlinks,.hamburger-lines i{transition:none!important}}
@media print{.nav-menu-shell{display:none!important}}