/* One page frame for every administrator section and the moderator workspace. */
html.workspace-document{scrollbar-gutter:stable both-edges}
@supports not (scrollbar-gutter:stable){html.workspace-document{overflow-y:scroll}}
.admin-page{background:#f5f8fd}
.admin-page .header-inner,
.admin-page .admin-main,
.admin-page .moderation-main{
 width:min(1180px,calc(100% - 2 * var(--page-gutter)));
 max-width:none;
 margin-inline:auto;
 padding-inline:0;
}
.admin-page .admin-main,.admin-page .moderation-main{padding-block:32px 60px}
.admin-page .workspace-modes{max-width:100%}
.admin-page .workspace-modes a{font-weight:600}
.admin-page .site-header{height:auto}
.admin-page .header-inner{min-height:76px;height:auto;align-items:center;padding-block:8px}
.admin-page .admin-identity{flex-direction:row;align-items:center;gap:16px}
.admin-page .brand{display:inline-flex;align-items:center;align-self:center;line-height:1;color:var(--brand)}
/* Same optical correction as the public header: the source animation has spare
   space above the mascot. Move its frame without recropping the animation. */
.admin-page .site-header .brand-art{transform:translateY(-11.2%)}
@media(max-width:760px){
 .admin-page .admin-main,.admin-page .moderation-main{padding-block:24px 40px}
}
@media(max-width:620px){
 .admin-page .header-inner{min-height:72px}
 .admin-page .admin-header-label{display:none}
 .admin-page .admin-media-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
 .admin-page .admin-media-nav a{min-width:0;white-space:normal}
}