/* Shared approved opal-and-leaf navigation, with room for every label. */
body .site-header{max-width:1560px!important;width:100%;margin:0 auto!important;padding:14px 2%!important;display:grid!important;grid-template-columns:48px minmax(0,1fr) 48px!important;align-items:center!important;gap:12px!important}
body .visible-destinations{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:7px!important;max-width:none!important;width:100%!important;min-width:0}
body .destination-button,body.home-page .destination-button{position:relative;display:flex;align-items:center;justify-content:center;min-width:0!important;min-height:86px!important;padding:14px 0!important;border:0!important;border-radius:0!important;background:transparent url('/assets/opal-leaf-frame-v2.webp') center/100% 180% no-repeat!important;box-shadow:none!important;font-family:inherit;font-size:18px!important;line-height:1.12!important;text-align:center;text-decoration:none;filter:none!important}
body .destination-button::before,body .destination-button::after{display:none!important}
body .destination-button span,body.home-page .destination-button span{display:block;width:52%!important;max-width:none!important;text-wrap:balance;overflow-wrap:normal;hyphens:none}
body .destination-button:hover,body .destination-button[aria-current=page]{background:transparent url('/assets/opal-leaf-frame-v2.webp') center/100% 180% no-repeat!important;box-shadow:none!important;color:#8d315e;filter:drop-shadow(0 0 5px #b092a45c)!important}
body .destination-button:focus-visible{outline:2px solid #906d82;outline-offset:1px;border-radius:14px!important}
@media(max-width:1150px){body .visible-destinations{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:2px 8px!important}body .destination-button{min-height:82px!important;font-size:19px!important}}
@media(max-width:650px),(max-width:950px) and (max-height:550px){body .site-header{grid-template-columns:28px minmax(0,1fr) 28px!important;gap:5px!important;padding:8px 2%!important}body .visible-destinations{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:1px 5px!important}body .destination-button,body.home-page .destination-button{min-height:76px!important;font-size:16px!important;padding:10px 0!important}body .destination-button span{width:54%!important}body .home-link,body .search-link{font-size:11px;align-self:start;margin-top:25px}body .home-link svg,body .search-link svg{width:24px}}

body .destination-button[href="/encyclopedia/"] span{font-size:17px!important}@media(max-width:650px),(max-width:950px) and (max-height:550px){body .destination-button[href="/encyclopedia/"] span{font-size:14px!important}}

/* Compact phone navigation; desktop framing stays unchanged. */
.mobile-menu-toggle{display:none}
@media(max-width:650px),(max-width:950px) and (max-height:550px){
 body .site-header{grid-template-columns:48px minmax(0,1fr) 48px!important;padding:8px 4%!important;gap:10px!important}
 body .site-header .home-link,body .site-header .search-link{margin:0!important;align-self:center;min-height:44px;justify-content:center;font-size:11px}
 body .site-header .home-link{grid-column:1;grid-row:1}
 body .site-header .search-link{grid-column:3;grid-row:1}
 body .site-header .mobile-menu-toggle{display:flex;grid-column:2;grid-row:1;align-items:center;justify-content:center;gap:10px;justify-self:center;min-height:44px;padding:6px 22px;background:#fbf8ee;border:1px solid #8b947c;border-radius:5px;color:#354d43;font:inherit;font-size:18px;cursor:pointer}
 .mobile-menu-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5}
 body .site-header.mobile-navigation .visible-destinations{display:none!important}
 body .site-header.mobile-navigation.menu-open .visible-destinations{display:grid!important;grid-column:1/-1;grid-row:2;grid-template-columns:1fr!important;gap:0!important;padding:6px 12px 10px;border-top:1px solid #c9c4b3}
 body .site-header.mobile-navigation .destination-button,body.home-page .site-header.mobile-navigation .destination-button{min-height:48px!important;padding:10px 8px!important;background:none!important;font-size:19px!important;border-bottom:1px solid #d9d3c3!important}
 body .site-header.mobile-navigation .destination-button:last-child{border-bottom:0!important}
 body .site-header.mobile-navigation .destination-button span,body.home-page .site-header.mobile-navigation .destination-button span{width:100%!important;font-size:19px!important}
}

@media(max-width:650px),(max-width:950px) and (max-height:550px){
 .responsive-vault>.page-intro{padding-top:18px;padding-bottom:14px}
 .responsive-vault>.page-intro .eyebrow{display:none}
 .responsive-vault>.page-intro h1{font-size:36px;margin:0;line-height:1.15}
 .responsive-vault>.vault-introduction{margin-top:24px;margin-bottom:28px}
}
