/* RELAX island layout: outer navbar frame and slot geometry only. */
.nav-wrap{position:fixed;top:22px;left:50%;transform:translateX(-50%);z-index:500;width:min(1320px,96%)}
.navbar[data-relax-island-layout="primary"]{position:relative;display:grid;grid-template-columns:180px minmax(0,1fr) 180px;align-items:center;min-height:65px;box-sizing:border-box;column-gap:0;padding:13px 15px 13px 20px;border:1px solid rgba(145,160,220,.18);border-radius:18px;background:rgba(5,7,19,.58);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:0 20px 60px rgba(0,0,0,.25)}
.navbar[data-relax-island-layout="primary"].scrolled{background:rgba(5,7,19,.82);border-color:rgba(130,150,220,.2);box-shadow:0 15px 50px rgba(0,0,0,.28)}
.navbar[data-relax-island-layout="primary"]>.nav-island{min-width:0}
.navbar[data-relax-island-layout="primary"]>.nav-island-left{display:flex;align-items:center;justify-content:flex-start}
.navbar[data-relax-island-layout="primary"]>.nav-island-center{display:flex;align-items:center;justify-content:flex-start}
.navbar[data-relax-island-layout="primary"]>.nav-island-right{display:flex;align-items:center;justify-content:flex-end}
@media(max-width:1100px) and (min-width:851px){.navbar[data-relax-island-layout="primary"]{grid-template-columns:170px minmax(0,1fr) 170px}}
@media(max-width:850px){.navbar[data-relax-island-layout="primary"]{grid-template-columns:auto minmax(0,1fr) auto;min-height:70px}.navbar[data-relax-island-layout="primary"]>.nav-island-left{justify-content:flex-start}.navbar[data-relax-island-layout="primary"]>.nav-island-center{justify-content:flex-end}.navbar[data-relax-island-layout="primary"]>.nav-island-right{justify-content:flex-end}}
/* Stable first paint: keep shared chrome/page hidden only while brand fonts resolve.
   This prevents hard-refresh metric swaps from visibly stretching the layout. */
html.relax-font-pending body.relax-page:not(.relax-404-page) .nav-wrap,
html.relax-font-pending body.relax-page:not(.relax-404-page) #relaxPageIsland{visibility:hidden}
html.relax-font-ready body.relax-page:not(.relax-404-page) .nav-wrap,
html.relax-font-ready body.relax-page:not(.relax-404-page) #relaxPageIsland{visibility:visible}