.v3-card-detail-surface {
  --v3-card-detail-width: 390px;
  --v3-card-detail-desktop-width: 420px;
  --v3-card-detail-radius: 24px;
  --v3-card-detail-bg: linear-gradient(150deg, #fff, #fbfcff 72%, #f4f7fb);
  --v3-card-detail-shadow: 0 18px 48px rgba(29, 41, 57, 0.18), inset 0 0 0 1px rgba(31, 41, 55, 0.08);
  --v3-card-detail-border: 1px solid rgba(255, 255, 255, 0.86);
  position: relative;
  width: min(100%, var(--v3-card-detail-width));
  overflow: hidden;
  background: var(--v3-card-detail-bg);
  border: var(--v3-card-detail-border);
  border-radius: var(--v3-card-detail-radius);
  box-shadow: var(--v3-card-detail-shadow);
}

@media (min-width: 860px) {
  .v3-card-detail-surface {
    width: var(--v3-card-detail-desktop-width);
  }
}