@media (max-width: 720px) {
  #branding.tebg-branding {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 89px;
    column-gap: 8px;
    container-type: inline-size;
  }
  #branding.tebg-branding #site-title {
    grid-column: 1;
    grid-row: 1;
    min-width: 0;
    margin: 0;
    padding: 17px 0 14px 9px;
    text-align: left;
  }
  #branding.tebg-branding #site-title a {
    font-size: clamp(10px, calc(7cqw - 4px), 24px);
    letter-spacing: clamp(0px, calc(1cqw - 1px), 3.57px);
    white-space: nowrap;
  }
  #branding.tebg-branding .tebg-header-tools,
  #branding.tebg-branding .tebg-header-tools:has(.tebg-header-search[open]) {
    grid-column: 2;
    grid-row: 1;
    position: static;
    top: auto;
    right: auto;
    display: flex;
    align-items: flex-start;
    align-self: start;
    gap: 8px;
    min-width: 0;
    padding: 15px 9px 6px 0;
  }
  #branding.tebg-branding .tebg-header-search,
  #branding.tebg-branding .tebg-header-search[open] {
    position: static;
    flex: 0 0 36px;
    width: 36px;
    min-width: 0;
    max-width: 36px;
  }
  #branding.tebg-branding .tebg-header-search[open] > summary { margin-left: 0; }
  #branding.tebg-branding .tebg-header-language {
    position: relative;
    top: auto;
    right: auto;
    flex: 0 0 36px;
  }
  #branding.tebg-branding .tebg-header-search form {
    position: relative;
    top: auto;
    left: auto;
    right: calc(100cqw - 98px);
    width: calc(100cqw - 18px);
    max-width: none;
    margin: 12px 0 0;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
  }
  #branding.tebg-branding > #access {
    grid-column: 1 / -1;
    grid-row: 2;
  }
  /* Keep the administrator-only AI badge above the shared title/button row. */
  body.admin-bar:has(#vue-app) #branding.tebg-branding { padding-top: 44px; }
}