/* Gamma AD: the original header is in document flow, so no body offset is added. */
.site-header .header-actions { gap: 12px; }
@media (max-width: 820px) {
  .site-header {
    grid-template-columns: minmax(0, 1fr) max-content;
    grid-template-rows: auto auto;
    height: auto;
    min-height: 0;
    gap: 8px;
    padding-block: 10px;
  }
  .site-header .wordmark { grid-column: 1; grid-row: 1; min-width: 0; }
  .site-header .wordmark img { max-width: 100%; }
  .site-header .header-actions { display: contents; }
  .site-header .header-actions::after { content: none; }
  .site-header .ai-network { grid-column: 2; grid-row: 1; justify-self: end; }
  .site-header .ai-network > summary { min-height: 44px; }
  .site-header .header-actions > .app-link {
    display: inline-flex;
    grid-column: 1 / -1;
    grid-row: 2;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    min-height: 48px;
    white-space: normal;
  }
}