#site-navigation{position:fixed;right:22px;bottom:20px;z-index:19000;font:600 13px/1.5 "Malgun Gothic",sans-serif;color:#e6efff}
#site-navigation>summary{display:flex;align-items:center;gap:10px;min-width:168px;height:44px;padding:0 16px;list-style:none;cursor:pointer;border:1px solid #42658a;border-radius:12px;background:linear-gradient(135deg,#183552,#101f34);box-shadow:0 5px 22px #0005;user-select:none}
#site-navigation>summary::-webkit-details-marker{display:none}
#site-navigation>summary>span{color:#65d7ef;font-size:20px}
#site-navigation>summary>b{margin-left:auto;color:#8cbeff;font-size:11px}
#site-navigation>summary:hover,#site-navigation[open]>summary{border-color:#66b6e5;background:#1c3958}
#site-navigation>nav{position:absolute;bottom:54px;right:0;display:block;width:312px;max-width:calc(100vw - 28px);padding:10px;border:1px solid #365575;border-radius:15px;background:#0d1b2e;box-shadow:0 12px 40px #0007}
#site-navigation nav>p{font-size:10px;color:#87a2c4;letter-spacing:2px;padding:6px 10px;margin:0 0 5px}
#site-navigation .site-nav-row{display:flex;align-items:center;gap:11px;min-height:54px;width:100%;box-sizing:border-box;padding:10px;margin:4px 0;border:1px solid transparent;border-radius:9px;color:#e6efff;text-decoration:none;background:#14273d}
#site-navigation .site-nav-row>b{display:grid;place-items:center;flex:0 0 32px;height:32px;border-radius:8px;background:#25415e;color:#89dafa;font-size:12px}
#site-navigation .site-nav-row>span{flex:1;min-width:0}
#site-navigation .site-nav-row small{display:block;color:#91a8c3;font-size:10px;letter-spacing:0}
#site-navigation a.site-nav-row:hover,#site-navigation a[aria-current]{background:#203c59;border-color:#4679a0}
#site-navigation .locked{background:#111e30;color:#8294ad}
#site-navigation .locked>b{background:#1a2b40;color:#8199b7}
#site-navigation a:focus-visible,#site-navigation>summary:focus-visible{outline:3px solid #8cbeff;outline-offset:2px}
@media(max-width:600px){#site-navigation{right:12px;bottom:12px}#site-navigation>summary{min-width:150px;height:42px;padding:0 12px}}

/* Keep the shared switcher above the existing contact action. */
body:has(.contact-fab) #site-navigation{bottom:88px;right:24px}
@media(max-width:600px){body:has(.contact-fab) #site-navigation{bottom:88px;right:16px}}