/* Subtle usability improvements without changing the established visual design. */
:where(a, button, input):focus-visible {
  outline: 2px solid #f5d79e;
  outline-offset: 4px;
}

.menu-toggle {
  min-width: 48px;
  min-height: 48px;
  align-items: center;
  justify-content: center;
}

@media (max-width: 760px) {
  .nav a {
    display: block;
    padding: 5px 0;
    min-height: 36px;
  }

  .eyebrow,
  .number,
  .method-card .number,
  .playlist-filter,
  .footer-inner > span,
  .footer-inner p small {
    font-size: 12px;
  }

  .method-card p,
  .example-tag {
    font-size: 13px;
  }
}