/**
 * @file
 * technical library styles below 991px
 */

h2.ceh-custom-report-chapter-filter-title {
  padding: 20px 20px 6px;
  font-size: 1.5rem;
}

h2.ceh-custom-report-chapter-filter-title:not(:has(+ .technical-compendium-description)) {
  padding-bottom: 20px;
}

.technical-compendium-description {
  padding: 0 20px 20px;
  font-size: 0.9375rem;
}

/* Stretch, not the desktop flex-start, so a short detail panel still
   spans the full width instead of shrinking to its content. */
.chapter-library {
  flex-direction: column;
  align-items: stretch;
}

.chapter-library__panel {
  flex-basis: auto;
  max-width: none;
  width: 100%;
  position: static;
}

.chapter-library__detail {
  padding: 1rem;
}

/* One column: long labels (e.g. "Retrofit / adaptation / new construction")
   at max-content leave the values no room and push them off-screen. */
.chapter-library__meta {
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
}

.chapter-library__meta dt {
  margin-top: 0.75rem;
}

.chapter-library__meta dt:first-child {
  margin-top: 0;
}

.chapter-library__meta dd {
  margin-top: 0.15rem;
  overflow-wrap: anywhere;
}