/* Shared navigation: the Room workspace's ink, square controls and fixed metrics. */
.sitenav, .workspace-bar {
 box-sizing:border-box; height:64px; min-height:64px; padding:0 26px;
 display:flex; align-items:center; gap:4px; top:0; z-index:40;
 background:#090909; border-bottom:1px solid #55524c;
 box-shadow:0 3px 0 #080808,0 4px 0 #242321;
 font:10px monospace; letter-spacing:.04em; text-transform:none;
}
.sitenav {position:sticky; margin:0 calc(50% - 50vw) 28px}
#dashnav.sitenav {margin:0}
.workspace-bar {position:fixed; inset:0 0 auto}
.sitenav .brand, .workspace-bar .workspace-brand {
 position:relative; display:inline-flex; align-items:center; flex:none;
 height:64px; margin-right:auto; gap:12px; color:#eeece5; text-decoration:none;
}
@supports (mask-image:url("")) or (-webkit-mask-image:url("")) {
 .sitenav .brand, .workspace-bar .workspace-brand {font-size:0; letter-spacing:0}
 .sitenav .brand::before, .workspace-bar .workspace-brand::before {
  content:""; display:block; width:93px; height:39px; background:currentColor; transform:translateY(5px);
  -webkit-mask:url(/brand-gitirl.svg) left center/contain no-repeat; mask:url(/brand-gitirl.svg) left center/contain no-repeat;
 }
}
.workspace-bar .workspace-tabs {display:flex; gap:4px; padding:0; border:0; border-radius:0; background:none}
.sitenav a.sec, .workspace-bar>a:not(.workspace-brand), .workspace-bar .workspace-tabs button {
 box-sizing:border-box; display:inline-flex; align-items:center; justify-content:center;
 min-height:34px; margin:0; padding:9px 17px; border:1px solid transparent; border-radius:1px;
 background:transparent; box-shadow:none; color:#a7a39a; font:10px monospace; letter-spacing:.04em;
 text-decoration:none; white-space:nowrap; cursor:pointer; transition:color .15s,background .15s;
}
.sitenav a.sec[aria-current], .workspace-bar .workspace-tabs button[aria-pressed=true] {
 color:#101010; background:#e8e5dd; border-color:#e8e5dd; box-shadow:inset 0 -2px 0 #aaa69c;
}
.sitenav a.sec:hover, .workspace-bar>a:not(.workspace-brand):hover, .workspace-bar .workspace-tabs button:hover:not([aria-pressed=true]) {color:#eeece5; background:#24231f}
.sitenav a:focus-visible, .workspace-bar a:focus-visible, .workspace-bar button:focus-visible {outline:1px solid #eeece5; outline-offset:3px}
@media(max-width:760px) {
 .sitenav, .workspace-bar {height:94px; min-height:94px; padding:10px 16px; gap:4px; flex-wrap:wrap; align-content:space-between}
 .sitenav .brand, .workspace-bar .workspace-brand {height:30px}
 .sitenav .brand::before, .workspace-bar .workspace-brand::before {width:72px; height:30px; transform:translateY(4px)}
 .workspace-bar .workspace-brand span {display:none}
 .workspace-bar .workspace-tabs {order:3; width:100%}
 .workspace-bar .workspace-tabs button {flex:1}
 .sitenav a.sec, .workspace-bar>a:not(.workspace-brand), .workspace-bar .workspace-tabs button {padding:7px 8px; font-size:10px}
 .sitenav {align-content:center}
}
@media(prefers-reduced-motion:reduce){.sitenav a,.workspace-bar a,.workspace-bar button{transition:none}}