/* Shared radius language for standalone content cards.
   Panels use the larger token, controls the smaller token; full rounding is
   reserved for genuine circles and pills. */
:root {
  --radius-control: 6px;
  --radius-panel: 12px;
}

.grid12--frames > div,
.feature-card {
  border-radius: var(--radius-panel);
}

.grid12--frames > div {
  overflow: hidden;
}

.para-card-grid {
  align-items: stretch;
}

.para-card-grid > div,
.para-card-grid .blk--feature {
  display: flex;
  flex-direction: column;
}

.para-card-grid .feature-card {
  width: 100%;
  height: 100%;
}

.para-card-grid .feature-card .button {
  margin-top: auto;
  border-radius: var(--radius-control);
}