/* Phase 8A: navigation/footer only. No scene, photo, viewer or content selectors. */
.global-nav{display:flex;align-items:center;gap:clamp(16px,2.4vw,32px);white-space:nowrap}
.global-nav__item{display:inline-flex;align-items:center;gap:clamp(12px,1.8vw,24px)}
.global-nav a,.insights-nav summary{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;font:400 14px/1.4 "Segoe UI",Arial,sans-serif;text-decoration:none;letter-spacing:0;border-bottom:1px solid transparent;padding:10px 0}
.global-nav a[aria-current=page]{border-bottom-color:currentColor}
.insights-nav{position:relative;display:inline-flex;align-items:center}
.insights-nav summary{cursor:pointer;list-style:none;text-transform:uppercase;letter-spacing:.08em;font-size:11px}
.insights-nav summary::-webkit-details-marker{display:none}
.insights-nav summary::after{content:"";width:6px;height:6px;margin:0 0 3px 8px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);transition:transform .18s ease}
.insights-nav[open] summary::after{transform:translateY(3px) rotate(225deg)}
.insights-nav__panel{position:absolute;z-index:30;top:calc(100% + 8px);left:50%;display:flex;flex-direction:column;gap:2px;min-width:190px;padding:8px;background:#171e1a;color:#e7e9e0;border:1px solid rgba(231,233,224,.18);box-shadow:0 12px 32px rgba(0,0,0,.2);white-space:normal;transform:translateX(-50%)}
.insights-nav__panel a{justify-content:flex-start;min-height:40px;width:100%;padding:8px 12px;border:0;color:inherit;font-size:13px}
.insights-nav__panel a:hover{background:rgba(231,233,224,.1);text-decoration:none}
.insights-nav summary:focus-visible,.insights-nav__panel a:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.global-nav a:focus-visible,.global-logo:focus-visible,.global-footer a:focus-visible,.nav a:focus-visible,.menu-btn:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.global-logo{display:inline-flex;align-items:center;min-height:44px;min-width:44px;flex-shrink:0}
.global-footer{background:#171e1a;color:#bcc4bb;border-top:1px solid #404a42;padding:22px clamp(20px,5vw,74px);display:flex;justify-content:space-between;align-items:center;gap:20px;font:400 14px/1.4 "Segoe UI",Arial,sans-serif}
.global-footer nav{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.global-footer a{color:inherit;text-decoration:none;min-height:44px;min-width:44px;display:inline-flex;align-items:center;border:0}
.global-footer a:hover{text-decoration:underline;text-underline-offset:5px}
.library-topbar .global-nav a:focus-visible,.detail-topbar .global-nav a:focus-visible{outline-color:currentColor}
.detail-topbar{flex-wrap:wrap}.detail-topbar .global-nav{margin-left:auto}.detail-topbar .global-logo{margin-right:auto}
.library-detail__nav.global-detail-header{background:#171e1a;color:#e7e9e0;flex-wrap:wrap;gap:8px 24px}.global-detail-header .global-logo img{width:118px;height:28px;object-fit:contain}.global-detail-header .global-nav{margin-left:auto}
.global-detail-header .global-back,.detail-topbar .global-back{font-size:13px;order:3;flex-basis:100%;min-height:44px;display:flex;align-items:center;border:0;padding:0}
.detail-topbar>.global-back{margin:0}.detail-topbar .global-nav a{padding:10px 0;font-size:14px}
.detail-experience .global-footer{margin-bottom:0}
/* Existing journey menu retained; do not add a new hamburger to normal pages. */
.nav nav a{display:flex;align-items:center;min-height:44px;min-width:44px}
/* The journey keeps its existing menu; Insights expands inside it, not off-screen. */
.nav nav .insights-nav{display:block;width:100%}
.nav nav .insights-nav summary{justify-content:flex-start;font-size:13px}
.nav nav .insights-nav__panel{position:static;transform:none;min-width:0;width:100%;margin:4px 0 8px;box-shadow:none}
.nav nav .insights-nav__panel a{font-size:13px;color:#e7e9e0;padding:8px 12px;min-height:40px;letter-spacing:0}
.nav nav{max-height:calc(100dvh - 90px);overflow-y:auto}
@media(max-width:767px){
 .global-nav{gap:8px 16px;flex-wrap:wrap;white-space:normal;justify-content:flex-end}.global-nav__item{gap:10px}.global-nav a{font-size:13px}
 .insights-nav__panel{left:auto;right:0;transform:none}
 .library-topbar{gap:12px}.library-topbar .library-logo img{width:88px}.library-topbar nav.global-nav{gap:16px}
 .detail-topbar{gap:8px 12px}.detail-topbar .global-logo img{width:88px}.detail-topbar .global-nav a{font-size:13px}
 .global-detail-header .global-logo img{width:88px}.global-detail-header .global-nav{gap:16px}
 .site-header nav.global-nav,.visit-header nav.global-nav{gap:16px}.site-header nav.global-nav a:last-child{display:inline-flex}.site-header .site-mark img{width:88px}
 .global-footer{align-items:flex-start;flex-direction:column;gap:4px;padding:20px}.global-footer nav{gap:8px 22px}
}
@media(max-width:350px){
 .global-nav,.library-topbar nav.global-nav,.global-detail-header .global-nav,.site-header nav.global-nav,.visit-header nav.global-nav{gap:10px}
 .library-topbar .library-logo img,.detail-topbar .global-logo img,.global-detail-header .global-logo img,.site-header .site-mark img{width:76px}
 .library-topbar,.detail-topbar,.global-detail-header{padding-left:16px;padding-right:16px}
 .global-footer{padding-left:16px;padding-right:16px}.global-footer nav{gap:8px 18px}
}
@media(prefers-reduced-motion:reduce){.global-nav a,.global-footer a{transition:none}}