.feedback-mobile-button { display: none; }
@media (max-width: 680px) {
  .feedback-mobile-button { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; min-height: 44px; padding: 10px 14px; border-radius: 5px; background: #096679; color: #faf8f3; font: inherit; font-size: 14px; font-weight: 500; text-decoration: none; }
  .feedback-mobile-button:hover { background: #075263; }
  .feedback-mobile-button:focus-visible { outline: 2px solid #096679; outline-offset: 3px; }
  .topbar .feedback-mobile-button { margin-left: auto; }
  body:has(#view-feedback:not([hidden])) .feedback-mobile-button { display: none; }
  .landing-header { gap: 10px; }
  .landing-header .logo { width: 112px; height: auto; }
  .landing-header .header-login { font-size: 14px; }
}
@media (max-width: 360px) {
  .landing-header { padding-inline: 14px; gap: 8px; }
  .landing-header .logo { width: 96px; }
  .feedback-mobile-button { padding-inline: 12px; }
}