/* Responsive adjustments */
@media (max-width: 768px) {
  .main-content {
    padding: var(--spacing-md) var(--spacing-sm);
  }

  .yen-header-inner {
    flex-direction: column;
    gap: var(--spacing-sm);
  }

  .matching-board {
    grid-template-columns: 1fr;
  }

  .component-wrapper {
    padding: var(--spacing-md);
  }

  .component-title {
    font-size: 1.4rem;
  }
}