/* Desktop. Identity and context on the left, controls on the right. */
@media screen and (min-width: 1101px) {
  html body .site-header { grid-template-columns: minmax(0, 1fr) auto auto; }
  html body .site-header > .header-actions { justify-self: end; justify-content: flex-end; }
  html body .site-header > .site-nav { justify-self: end; }
  html body .reading-header > .reading-controls { margin-inline-start: auto; justify-content: flex-end; }
  html body header > .bar,
  html body header > nav:has(> [data-workspace-entry="header"]) {
    margin-inline-start: auto;
    justify-content: flex-end;
  }
  html body header .brand > span,
  html body .es-header .es-wrap > a { align-items: center; }
  html body .es-header .es-wrap > a { display: inline-flex; gap: 16px; }
}

@media screen and (max-width: 1100px) {
  html body .reading-header > .reading-controls {
    justify-content: flex-end;
    margin-inline-start: auto;
  }
  html body.blueprint-page header > .header-actions,
  html body header > .bar,
  html body header > nav:has(> [data-workspace-entry="header"]) {
    margin-inline-start: auto;
    justify-content: flex-end;
  }
  html body.blueprint-page header > .brand > span {
    display: inline;
    font-size: 11px;
    white-space: nowrap;
  }
  html body.blueprint-page header > .brand { gap: 6px; }
  html body.blueprint-page header > .brand img { width: 82px; }
}

/* Blueprint content accordions use plus/minus; header menus use their own chevrons. */
@media screen {
  html body.blueprint-page header .workspace-trigger::after,
  html body.blueprint-page header .language-disclosure > summary::after { content: none; }
}