/* mobile.css - Responsive overrides for larger viewports */

/* Desktop / larger screens */
@media (min-width: 600px) {
  body {
    /* Keep background gradient but add subtle padding */
    padding: 2rem;
  }

  .card {
    max-width: 500px;
    margin: 0 auto;
  }

  .icon-btn {
    width: 56px;
    height: 56px;
    font-size: 1.5rem;
  }
}

/* Ensure the wrapper respects max-width on any screen */
.wrapper {
  width: 100%;
  max-width: var(--max-width);
  margin: 0 auto;
}