html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

.btn-add-container {
  float: right;
  padding-top: 1em;
  padding-bottom: 1em;
}

.thumb-post img {
  object-fit: cover; /* Do not scale the image */
  object-position: center; /* Center the image within the element */
  width: 100%;
  max-height: 250px;
  margin-bottom: 1rem;
}

.footer-image img {
  object-fit: fill; /* Do not scale the image */
  object-position: center; /* Center the image within the element */
  width: 100%;
}

/* Print styles: set readable font size and preserve table layout */
@media print {
  /* Use points for print sizing */
  body { font-size: 11pt; line-height: 2.0; color: #000; }
  .results-table th, .results-table td { font-size: 20pt; }
  /* Ensure table borders are visible when printing */
  .results-table table, .results-table th, .results-table td { -webkit-print-color-adjust: exact; }
  /* Hide elements not intended for print */
  .no-print, .btn, .btn-add-container { display: none !important; }
}
