/* Keep the theme control clearly visible against the white iPhone header. */
@media (max-width: 720px) {
  :root[data-theme="light"] .theme-toggle {
    min-height: 40px;
    border: 2px solid #22221f;
    background: #22221f;
    color: var(--lime);
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.18);
    -webkit-appearance: none;
    appearance: none;
  }

  :root[data-theme="light"] .theme-toggle:hover,
  :root[data-theme="light"] .theme-toggle:focus-visible {
    border-color: #22221f;
    color: var(--lime);
  }

  :root[data-theme="light"] .theme-toggle:active {
    background: #090a08;
    transform: translateY(1px);
  }

  :root[data-theme="light"] .theme-toggle-icon {
    border-width: 2px;
  }
}