.portal .sidebar-toggle{display:inline-flex;flex:0 0 30px;width:30px;height:30px;padding:5px}
@media(min-width:761px){
 .portal.sidebar-collapsed>.sidebar{display:none}
 .portal.sidebar-collapsed>.workspace{margin-left:0}
}
@media(max-width:760px){.portal .sidebar-toggle{display:none}}

/* Equal outer columns keep the season identity centered in the header. */
@media(min-width:761px){
 .portal .topbar{grid-template-columns:minmax(0,1fr) minmax(0,clamp(140px,22vw,370px)) minmax(0,1fr)}
 .portal .header-season{margin:0;justify-self:center;transform:none;text-align:center}
}

@media(min-width:761px) and (max-width:1050px){
 .portal:not(.sidebar-collapsed) .topbar{height:auto;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;row-gap:0}
 .portal:not(.sidebar-collapsed) .topbar>.breadcrumb{grid-column:1;grid-row:1}
 .portal:not(.sidebar-collapsed) .topbar>.topbar-actions{grid-column:2;grid-row:1}
 .portal:not(.sidebar-collapsed) .header-season{grid-column:1/-1;grid-row:2;width:min(100%,280px);height:52px}
}