@media (max-width: 479px) {
  :root {
    --header-height: 64px;
  }

  .brand-mark-text {
    display: none;
  }

  .site-nav-actions {
    gap: var(--space-2);
  }

  .page-shell,
  .dashboard-main {
    width: min(100% - var(--space-3) * 2, var(--content-max));
    padding-block: var(--space-4);
  }

  .glass-panel,
  .card {
    border-radius: var(--r-md);
  }
}

@media (max-height: 760px) and (min-width: 768px) {
  .swipe-shell {
    gap: var(--space-2);
  }

  .swipe-actions {
    padding-block: var(--space-1);
  }

  .swipe-card-media {
    max-height: 52vh;
  }
}

@media (prefers-reduced-motion: reduce) {
  .skeleton::after,
  body.htmx-is-requesting .htmx-progress span {
    animation: none;
  }
}