@media (max-width: 1024px) {
  .site-header-inner {
    width: 100%;
    min-height: 64px;
    padding: 10px 16px;
  }

  .site-header-inner:has(.search-box) {
    min-height: 124px;
    padding: 12px 18px 58px;
    align-items: flex-start;
  }

  .site-brand small,
  .profile-button > span:nth-child(2) {
    display: none;
  }

  .header-actions { gap: 4px; }

  .logout-button { flex:0 0 34px; width:34px; padding:0; }
  .logout-button span { display:none; }

  .site-header-inner:has(.search-box) .search-box {
    position: absolute;
    right: 18px;
    bottom: 12px;
    left: 18px;
    width: auto;
  }

}

@media (max-width: 520px) {
  .site-brand { gap: 6px; }
  .site-brand-mark { flex-basis: 34px; width: 34px; height: 34px; }
  .site-brand strong { font-size: 19px; }
  .site-brand span { font-size: 16px; }
  .icon-button { width: 34px; }
}