.jp-card {
  position: relative;
  display: block;
  /* height: 100%; */
  border-radius: 16px;
  background: var(--jp-ui-panel);
  border: 1px solid var(--jp-ui-border);
  transition: transform 150ms ease, border-color 150ms ease, box-shadow 150ms ease;
  text-decoration: none;
  color: var(--jp-ui-text);
}
.jp-card :where(h1, h2, h3, h4, h5, h6) {
  color: var(--jp-ui-text-strong);
}
.jp-card :where(a) {
  color: var(--jp-ui-accent);
}
.jp-card-body {
  padding: var(--jp-ui-card-pad);
}
.jp-card-compact .jp-card-body {
  padding: var(--jp-ui-card-compact-pad);
}
.jp-card-strong {
  background: var(--jp-ui-panel-strong);
}
.jp-card-interactive {
  cursor: pointer;
}
.jp-card-interactive:hover {
  transform: translateY(-1px);
  border-color: var(--jp-ui-accent);
  box-shadow:
    0 12px 28px color-mix(in oklab, var(--jp-ui-accent) 16%, transparent),
    var(--jp-ui-shadow),
    -2px 4px 0px 2px oklab(0.19 -0.04 -0.03);
}