.header-left { display: flex; align-items: center; gap: 16px; flex-shrink: 0; }
.header-left .brand { order: 0; }
.help-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  min-width: 106px;
  padding: 0 20px;
  border: 1px solid var(--yellow);
  border-radius: 6px;
  background: var(--yellow);
  box-shadow: none;
  color: #2b2008;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
  transition: filter .15s;
}
.help-button:hover { filter: brightness(1.08); }
.help-button:focus-visible { outline: 2px solid #fff3b5; outline-offset: 4px; }
@media (max-width: 700px) { .header-left { order: 1; gap: 12px; } }
@media (max-width: 500px) { .header-left { gap: 9px; } .help-button { min-height: 32px; min-width: 86px; padding: 0 14px; font-size: 10px; } }
@media (max-width: 380px) { .header-left { gap: 8px; } .help-button { min-width: 78px; padding: 0 12px; } .social-link { width: 27px; } }
@media (prefers-reduced-motion: reduce) { .help-button { transition: none; } }