dt
{
	display: inline;
}

dt:after
{
	content: ": ";
}

dd
{
	display: inline;
}

dd:after
{
  content: "\A";
  white-space: pre;
}

.cardvideo
{
	padding-block: 0;
	padding-inline: 0;
	gap: 0;
	background-color: Black;
	align-items: stretch;
	max-width: 100%;
}

.cardvideo video
{
	border-radius: 1rem;
	max-width: 100%;
	max-height: 100%;
	height: none;
}

.cardvideo iframe
{
	border-radius: 1rem;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.card-group2
{
	display: flex;
	gap: calc(var(--spacing) * 4);
	flex-wrap: wrap;
}

.card-group2 .card
{
	min-width: 40%;
	flex-grow: 1;
}

.flash
{
  animation-name: flash_anim;
  animation-duration: 0.5s;
}

@keyframes flash_anim
{
  0%   {opacity: 0;}
  100% {opacity: 1;}
}