/* Shared navigation for the official homepage and reading pages. */
#navbar .brand-mobile-nav { display:none; }
#navbar .nav-links { gap:22px; }
#navbar .nav-links a { font-size:14px; white-space:nowrap; }
#navbar .nav-cta .btn { white-space:nowrap; }
#navbar .brand-mobile-nav summary:focus-visible,
#navbar .brand-mobile-nav a:focus-visible { outline:2px solid #00d4ff; outline-offset:3px; }
@media(max-width:1100px) {
    #navbar .brand-desktop-nav,#navbar .nav-cta { display:none; }
    #navbar .brand-mobile-nav { display:block; position:relative; flex-shrink:0; margin-left:auto; }
    #navbar .brand-mobile-nav summary { display:flex; align-items:center; justify-content:center; gap:10px; min-width:94px; min-height:46px; padding:9px 14px; list-style:none; font-size:16px; font-weight:600; line-height:1.4; color:#f7faff; background:#142142; border:1px solid rgba(0,212,255,.55); border-radius:10px; cursor:pointer; -webkit-tap-highlight-color:transparent; }
    #navbar .brand-mobile-nav summary::-webkit-details-marker { display:none; }
    #navbar .brand-mobile-nav summary svg { display:block; flex-shrink:0; color:#00d4ff; }
    #navbar .brand-mobile-nav[open] summary { color:#00d4ff; background:#192c50; }
    #navbar .brand-mobile-nav nav { position:absolute; z-index:2; right:0; top:calc(100% + 10px); width:min(300px,calc(100vw - 32px)); max-height:calc(100vh - 100px); max-height:calc(100dvh - 100px); overflow-y:auto; overscroll-behavior:contain; padding:10px; background:#0f1733; border:1px solid rgba(0,212,255,.35); border-radius:12px; box-shadow:0 18px 40px #0008; }
    #navbar .brand-mobile-nav nav a { display:block; min-height:46px; padding:12px 14px; border-radius:7px; font-size:15px; line-height:1.5; color:#f7faff; text-decoration:none; }
    #navbar .brand-mobile-nav nav a:hover,#navbar .brand-mobile-nav nav a:focus-visible { background:rgba(0,212,255,.09); color:#00d4ff; }
}