/* Page-specific styles for app.html */

.app-image-card {
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: var(--radius-xl);
  background: #fff;
  box-shadow: var(--shadow);
}

.app-image-card img {
  display: block;
  width: 100%;
  aspect-ratio: 9 / 16;
  object-fit: contain;
  padding: 14px;
  background:
    linear-gradient(180deg, rgba(248, 251, 254, 0.96), rgba(238, 244, 250, 0.9)),
    rgba(15, 23, 42, 0.04);
}

.app-image-card-copy {
  padding: 18px 20px 20px;
}

.app-image-card-copy strong {
  display: block;
  color: var(--text);
  line-height: 1.5;
}