/* Loaded only by the Trex/TimberTech page; other pages stay unchanged. */
.media-frame {
  aspect-ratio: auto;
}

.media-frame img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}

.media-frame:hover img {
  transform: none;
}

.trex-project-photo {
  max-width: 720px;
  margin-inline: auto;
}

.trex-family-photo {
  max-width: 480px;
  margin-inline: auto;
}

.trex-faq-heading {
  max-width: 48rem;
  margin: clamp(3rem, 7vw, 5rem) auto 2rem;
}

@media (max-width: 768px) {
  .data-table td {
    padding: 1rem;
    text-align: left;
    overflow-wrap: anywhere;
  }

  .data-table td::before {
    position: static;
    display: block;
    width: auto;
    padding: 0;
    margin-bottom: 0.5rem;
    white-space: normal;
  }

  .faq-item summary {
    padding: 1.25rem;
    gap: 1rem;
  }

  .faq-item summary::after {
    flex-shrink: 0;
  }
}