/* Shared navigation and footer, independent of each page's content styles. */
body.site-shell-page{margin:0;background:#0b1418}
header.nav{box-sizing:border-box;position:sticky;top:0;z-index:50;width:100%;max-width:none;margin:0;padding:0;background:rgba(11,20,24,.96);backdrop-filter:blur(16px);border-bottom:1px solid #2a3a42;color:#d5dfe2;font:13px/1.5 Inter,"Segoe UI",Arial,sans-serif}
header.nav *{box-sizing:border-box}
header.nav .nav-inner{width:min(1500px,calc(100% - 96px));height:72px;margin:auto;display:flex;align-items:center;justify-content:space-between}
header.nav a{color:inherit;text-decoration:none}
header.nav .brand{font-size:25px;letter-spacing:-1.5px;white-space:nowrap;display:inline-flex;align-items:center;min-height:44px}
header.nav .brand span{color:#d58972}
header.nav nav{display:flex;align-items:center;gap:28px;color:#94a6af;font-size:13px}
header.nav nav a{display:inline-flex;align-items:center;min-height:44px}
header.nav a:hover,header.nav a[aria-current="page"]{color:#d6af9b}
header.nav .nav-contact,header.nav .nav-configure{border:1px solid #2a3a42;border-radius:999px;padding:7px 16px;color:#d5dfe2}
header.nav .menu-toggle{display:none;align-items:center;justify-content:space-between;gap:18px;min-height:44px;min-width:64px;padding:8px 0;border:0;background:none;color:#d5dfe2;font:inherit;cursor:pointer;touch-action:manipulation}
header.nav :focus-visible,footer.footer :focus-visible{outline:2px solid #d6af9b;outline-offset:4px}
footer.footer{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 24px;width:min(1500px,calc(100% - 96px));max-width:none;margin:0 auto;padding:20px 0 24px;border-top:1px solid #2a3a42;color:#94a6af;font:12px/1.5 Inter,"Segoe UI",Arial,sans-serif}
footer.footer .motion-toggle{min-height:44px;padding:8px 0;border:0;background:none;color:#94a6af;font:inherit;cursor:pointer;touch-action:manipulation}
@media(max-width:1000px){header.nav .nav-inner,footer.footer{width:calc(100% - 56px)}header.nav nav{gap:20px}}
@media(max-width:1100px){
  header.nav .nav-inner{width:calc(100% - 40px);height:64px}
  header.nav .menu-toggle{display:inline-flex}
  header.nav nav{display:none;position:absolute;top:64px;left:0;right:0;grid-template-columns:1fr 1fr;gap:8px 20px;padding:16px 20px;background:#0b1418;border-bottom:1px solid #2a3a42;font-size:14px;max-height:calc(100dvh - 64px);overflow-y:auto}
  header.nav nav.open{display:grid}
  header.nav nav a{padding:8px 12px;min-height:44px;touch-action:manipulation}
  header.nav .nav-contact,header.nav .nav-configure{justify-self:start;padding-inline:16px}
  footer.footer{width:calc(100% - 40px)}
  footer.footer>span{font-size:12px}
}

@media(min-width:701px) and (max-width:1100px){header.nav .nav-inner{width:calc(100% - 56px);height:72px}header.nav nav{top:72px;max-height:calc(100dvh - 72px)}}
header.nav .nav-configure:hover,header.nav .nav-contact:hover{border-color:#d6af9b}

@media(max-width:1100px){header.nav nav a{white-space:normal}header.nav .nav-configure{grid-column:1}header.nav .nav-configure,header.nav .nav-contact{width:100%;min-width:0;justify-content:center;padding:6px 10px}}
