.product-card {
  --c2k-card-inset: 23px;
  padding-top: 0;
}

.document-card {
  --c2k-card-inset: 24px;
  padding-top: 0;
}

.help-card-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  margin-inline: calc(-1 * var(--c2k-card-inset));
  padding: 10px var(--c2k-card-inset);
  border-radius: calc(var(--radius) - 1px) calc(var(--radius) - 1px) 0 0;
  background: linear-gradient(135deg, #f1f6fd, #e5eefb);
  box-shadow: inset 0 -1px #dce7f5;
}

.help-card-top .product-icon,
.help-card-top .document-icon {
  background: #dbe8f8;
  color: #254f7b;
}

.help-card-top .file-badge {
  background: #ffffffa6;
  color: #31577e;
  border-color: #bacfe6;
}

@media (max-width: 1180px) {
  .product-card { --c2k-card-inset: 19px; }
}

@media (max-width: 920px) {
  .document-card { --c2k-card-inset: 19px; }
}

@media (max-width: 760px) {
  .product-card { --c2k-card-inset: 16px; }
  .document-card { --c2k-card-inset: 22px; }
}