/* Site-wide navigation: independent of page-specific nav styles. */
#chronosSharedNav{position:fixed;inset:0 0 auto;z-index:10000;height:64px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 6%;background:rgba(8,6,18,.91);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.09);font-family:Manrope,Arial,sans-serif;box-sizing:border-box}
#chronosSharedNav *{box-sizing:border-box}
#chronosSharedNav .cs-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:white;font-size:18px;font-weight:800;white-space:nowrap}
#chronosSharedNav .cs-brand img{width:38px;height:38px;object-fit:contain;display:block}
#chronosSharedNav .cs-links{display:flex;align-items:center;gap:28px;list-style:none;margin:0;padding:0}
#chronosSharedNav .cs-links a{color:rgba(255,255,255,.68);text-decoration:none;font-size:14px;font-weight:500;white-space:nowrap}
#chronosSharedNav .cs-links a:hover,#chronosSharedNav .cs-links a[aria-current=page]{color:white}
#chronosSharedNav .cs-links .cs-cta{background:#7C3AED;color:white!important;padding:10px 20px;border-radius:8px;font-weight:600}
#chronosSharedNav .cs-tools{display:flex;align-items:center;gap:12px}
#chronosSharedNav .cs-theme{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:white;border-radius:9px;padding:9px 13px;cursor:pointer;font:600 12px 'Space Grotesk',Arial,sans-serif;white-space:nowrap}
#chronosSharedNav .cs-hamburger{display:none;flex-direction:column;gap:5px;border:0;background:none;padding:10px;cursor:pointer}
#chronosSharedNav .cs-hamburger span{width:24px;height:2px;background:white;border-radius:2px}
#chronosSharedDrawer{display:none;position:fixed;inset:0;z-index:10001;background:#080612;flex-direction:column;align-items:center;justify-content:center;gap:22px;font-family:Manrope,Arial,sans-serif}
#chronosSharedDrawer.open{display:flex}
#chronosSharedDrawer a{font-size:25px;font-weight:700;text-decoration:none;color:white}
#chronosSharedDrawer .cs-drawer-cta{background:#7C3AED;border-radius:10px;padding:12px 24px}
#chronosSharedDrawer .cs-close{position:absolute;right:24px;top:18px;font-size:38px;background:none;border:0;color:white;cursor:pointer}
body.light-mode #chronosSharedNav{background:rgba(248,247,252,.96);border-bottom-color:rgba(45,27,105,.12)}
body.light-mode #chronosSharedNav .cs-brand,body.light-mode #chronosSharedNav .cs-links a:not(.cs-cta){color:#281B4B}
body.light-mode #chronosSharedNav .cs-theme{background:white;color:#281B4B;border-color:rgba(45,27,105,.2)}
body.light-mode #chronosSharedNav .cs-hamburger span{background:#281B4B}
body.light-mode #chronosSharedDrawer{background:#F8F7FC}
body.light-mode #chronosSharedDrawer a:not(.cs-drawer-cta),body.light-mode #chronosSharedDrawer .cs-close{color:#281B4B}
@media(max-width:850px){#chronosSharedNav{padding:0 20px}#chronosSharedNav .cs-links{display:none}#chronosSharedNav .cs-hamburger{display:flex}}
@media(max-width:430px){#chronosSharedNav .cs-theme .cs-theme-word{display:none}}
