/* Primary workspace switcher: a distinct, persistent control. */
#header .topnav{height:auto;padding:5px;gap:5px;border:1px solid #cedbdc;border-radius:9px;background:#edf2f3;box-shadow:inset 0 1px 2px #203f4505}
#header .topnav a{display:flex;align-items:center;justify-content:center;gap:9px;padding:12px 18px;border:1px solid transparent;border-radius:6px;color:#405960;font-size:15px;font-weight:600;line-height:1.3;white-space:nowrap;transition:background .15s,color .15s,box-shadow .15s}
#header .topnav a .icon{width:19px;height:19px}
#header .topnav a:hover{background:#fff;color:#174b50}
#header .topnav a.active{background:#205e63;color:#fff;border-color:#205e63;box-shadow:0 2px 5px #173b4426}
#header .topnav a[href*="/ai/"].active{background:#695184;border-color:#695184}
#header .topnav a:focus-visible{outline:3px solid #74aaa7;outline-offset:3px}
@media(max-width:1200px){#header{gap:16px;padding-left:24px;padding-right:24px}#header .topnav a{font-size:14px;padding:11px 13px}#header .utilities{gap:10px}#header .demo{display:none}}
@media(max-width:760px){#header .topnav{width:100%;order:3;overflow-x:auto;flex-shrink:0}#header .topnav a{flex:1;padding:10px 11px;font-size:13px}#header .topnav a .icon{width:16px;height:16px}}