.ftext { @apply flex; @apply flex-col; @apply space-y-3; }
.ftext > * { display: block; }

.ftext pre { @apply text-sm; @apply rounded; @apply px-2; @apply py-2; @apply bg-gray-50; }
.ftext code { padding: 2px 5px; @apply rounded; @apply text-sm; @apply bg-gray-100; }

.ftext a.link, .ftext a.glink { @apply text-blue-800; }

.ftext a.tag {
  @apply px-1; @apply rounded; @apply border; @apply text-blue-800; @apply bg-blue-50; @apply border-blue-50;
}

.ftext > ul { @apply space-y-1; position: relative; left: 15px; margin-right: 15px; }
.ftext > ul > li { list-style-type: disc; }

.image_container {
  display: flex;
  width: 100%; aspect-ratio: 1; /* making height same as width so cell will be square */
}
.image_container img {
  display: block; @apply mx-auto; /* centering horizontally */
  object-fit: contain; max-width: 100%; max-height: 100%; width: auto; height: auto; /* Limiting image max height and width */
}

.card_fixed_height_image img { width:100%; height:100%; object-fit: cover; overflow: hidden; }

@media print {
  papp-left { width: 100% !important; }
  papp-right { display: none !important; }
}