/* Shared chrome only. Load after style.css. */
.nav{height:120px;color:var(--ink,#161316);background:#faf8f8;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
html[data-theme="dark"] .nav{background:var(--background,#19171b)}
.nav>.wrap{max-width:1536px;height:100%;padding-inline:64px;display:flex;align-items:center;justify-content:flex-start;gap:0}
.nav .brand,.foot .brand{display:inline-flex;flex:none;line-height:1}
.nav .brand img,.foot .footer-brand img{display:block;width:150px;height:auto}
.nav .brand .brand-logo-light,.foot .footer-brand .brand-logo-light{display:none}
html[data-theme="dark"] .nav .brand-logo-dark,html[data-theme="dark"] .foot .brand-logo-dark{display:none}
html[data-theme="dark"] .nav .brand-logo-light,html[data-theme="dark"] .foot .brand-logo-light{display:block}
.nav .nav-links{display:flex;flex:none;align-items:center;justify-content:flex-start;gap:62px;margin:0 0 0 88px;padding:0;list-style:none}
.nav .nav-link{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:44px;color:var(--muted,#66616a);font-size:16px;font-weight:400;white-space:nowrap;transition:color 160ms ease}
.nav .nav-link:hover,.nav .nav-link[aria-current="page"]{color:var(--ink,#161316)}
.nav .nav-link[aria-current="page"]{font-weight:600}
.nav .nav-link[aria-current="page"]::after{content:"";position:absolute;left:-2px;right:-2px;bottom:-15px;height:2px;background:var(--accent,#b54862)}
.nav .nav-actions{display:flex;align-items:center;gap:16px;margin-left:auto;flex:none}
.nav .nav-actions a,.nav .auth-menu summary,.nav .auth-links button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;font-size:14px;font-weight:500;white-space:nowrap}
.nav .nav-actions .nav-start{width:132px;height:44px;padding:0 16px;border:0;border-radius:999px;background:#b8435b;color:#fff;transition:background-color 160ms ease,transform 160ms ease}
.nav .nav-actions .nav-start:hover{background:#a1374e}
.nav .nav-actions .nav-start:active{transform:translateY(1px)}
html[data-theme="dark"] .nav .nav-actions .nav-start{background:var(--accent);color:#211821}
.nav .nav-start[data-show],.nav .auth-menu[data-show]{display:none}
body[data-auth="out"] .nav .nav-start[data-show="out"]{display:inline-flex}
body[data-auth="in"] .nav .auth-menu[data-show="in"],body[data-auth="admin"] .nav .auth-menu[data-show="in"]{display:block}
.nav .theme-toggle,.nav .menu-toggle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:10px;border:0;border-radius:0;color:var(--ink,#161316);background:transparent;transition:color 160ms ease,transform 160ms ease}
.nav .theme-toggle:hover,.nav .menu-toggle:hover{color:var(--accent,#b54862)}
.nav .theme-toggle:active,.nav .menu-toggle:active{transform:scale(.96)}
.nav .icon-button svg,.nav .nav-start svg,.nav .auth-menu summary svg{display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}
.nav .nav-start svg,.nav .auth-menu summary svg{width:16px;height:16px}
.nav .theme-toggle .theme-icon-dark{display:none}
html[data-theme="dark"] .nav .theme-toggle .theme-icon-light{display:none}
html[data-theme="dark"] .nav .theme-toggle .theme-icon-dark{display:block}
.nav .menu-toggle{display:none}
.nav .menu-toggle[aria-expanded="true"] .menu-icon,.nav .menu-toggle .menu-close-icon{display:none}
.nav .menu-toggle[aria-expanded="true"] .menu-close-icon{display:block}
.nav :focus-visible,.foot :focus-visible{outline:2px solid var(--accent,#b54862);outline-offset:4px}
.nav .auth-menu{position:relative}
.nav .auth-menu summary{cursor:pointer;color:var(--ink,#161316);list-style:none}
.nav .auth-menu summary::-webkit-details-marker{display:none}
.nav .auth-links{position:absolute;top:calc(100% + 8px);right:0;min-width:160px;padding:8px;list-style:none;border:1px solid var(--line,#e8e2e5);border-radius:12px;background:var(--surface,#fff);box-shadow:var(--shadow,0 8px 26px rgba(49,26,38,.035))}
.nav .auth-links a,.nav .auth-links button{width:100%;justify-content:flex-start;padding-inline:12px;color:var(--ink,#161316)}
.nav .auth-links a:hover,.nav .auth-links button:hover{background:var(--soft,#f4f0f2)}
.nav .auth-links a[aria-current="page"]{color:var(--accent,#b54862)}
.foot{padding:48px 0;color:var(--muted,#66616a);background:var(--background,#faf8f8);border-top:1px solid var(--line,#e8e2e5);font-size:14px}
.foot>.wrap{max-width:1536px;padding-inline:64px;display:flex;align-items:flex-end;justify-content:space-between;gap:32px}
.foot .footer-brand p{margin-top:16px;line-height:1.6}
.foot .footer-brand>span{display:block;margin-top:12px}
.foot nav{display:flex;gap:24px;flex-wrap:wrap}
.foot nav a{display:inline-flex;align-items:center;min-height:44px}
.foot a:hover{color:var(--ink,#161316)}
@media(min-width:1051px) and (max-width:1400px){
 .nav>.wrap{padding-inline:24px}
 .nav .nav-links{gap:32px;margin-left:32px}
 .nav .nav-actions{gap:12px}
}
@media(max-width:1050px){
 .nav{height:auto;min-height:88px}
 .nav>.wrap{display:grid;grid-template-columns:minmax(0,1fr) 44px 44px;min-height:88px;padding:22px 20px;gap:0 8px}
 .nav .brand{grid-row:1;grid-column:1;justify-self:start}
 .nav .nav-actions{display:contents}
 .nav .theme-toggle{grid-row:1;grid-column:2}
 .nav .menu-toggle{grid-row:1;grid-column:3}
 .nav .nav-links{grid-row:2;grid-column:1/-1;flex-direction:column;align-items:stretch;gap:4px;margin:0;padding-top:22px}
 .nav .nav-link{justify-content:flex-start;width:100%}
 .nav .nav-link[aria-current="page"]::after{left:0;right:auto;bottom:4px;width:24px}
 .nav .nav-actions .nav-start,.nav .nav-actions .auth-menu{grid-row:3;grid-column:2/-1;justify-self:end;margin-top:16px}
 .nav .auth-links{top:auto;bottom:calc(100% + 8px)}
 html.ui-ready .nav .nav-links{display:none}
 html.ui-ready .nav .nav-start,html.ui-ready .nav .auth-menu{display:none!important}
 html.ui-ready .nav[data-menu-open="true"] .nav-links{display:flex}
 html.ui-ready body[data-auth="out"] .nav[data-menu-open="true"] .nav-start{display:inline-flex!important}
 html.ui-ready body[data-auth="in"] .nav[data-menu-open="true"] .auth-menu,html.ui-ready body[data-auth="admin"] .nav[data-menu-open="true"] .auth-menu{display:block!important}
 html.ui-ready .nav .menu-toggle{display:inline-flex}
 .foot>.wrap{padding-inline:20px;flex-direction:column;align-items:flex-start;gap:24px}
}
@media(prefers-reduced-motion:reduce){.nav *,.foot *{transition:none!important;animation:none!important}}

/* Separate sign-in and registration actions. */
.nav .guest-actions{display:none;align-items:center;gap:18px}
body[data-auth="out"] .nav .guest-actions{display:flex}
.nav .nav-login{color:var(--muted);min-height:44px}
.nav .nav-login:hover{color:var(--ink)}
@media(max-width:1050px){
 .nav .guest-actions{grid-row:3;grid-column:1/-1;justify-self:end;margin-top:16px}
 html.ui-ready .nav .guest-actions{display:none!important}
 html.ui-ready .nav[data-menu-open="true"] .guest-actions{display:flex!important}
 html.ui-ready .nav[data-menu-open="true"] .guest-actions .nav-start{display:inline-flex!important}
}
