/* Keep the desktop logo, navigation and content offsets aligned. */
@media(min-width:701px){
 :root{--sidebar:190px;--top:44px}
 body>header{height:44px;gap:12px}
 body>header .brand{width:190px;min-width:190px;height:44px;gap:5px;padding:0 6px 0 48px!important}
 body>header .ec-brand-mark{width:25px;height:25px}
 body>header .brand .ec-brand-name{font-size:22px;letter-spacing:-1px}
 #menu-toggle{width:40px;height:44px;gap:3px;padding:3px 1px}
 .side-rail{top:44px;width:40px}
 .side-rail button{width:39px;height:48px;gap:3px}
 .side-rail button svg{width:17px;height:17px}
 .side-rail button span{font-size:9px}
 #workspace>nav{left:40px;top:44px;width:150px;padding:5px 0}
 #workspace>nav:before{font-size:11px;padding:8px 12px 6px}
 #workspace>nav .nav-reference-group{padding:4px 0}
 #workspace>nav .nav-reference-group button{font-size:11px;line-height:25px;min-height:25px;padding:0 12px}
 #workspace>nav .nav-extra summary,#workspace>nav .nav-extra button{font-size:11px;padding-left:12px;padding-right:12px}
 body:has(#workspace:not([hidden])) main{margin-top:44px}
 body.menu-collapsed{--sidebar:0px}
}