@charset "utf-8";

/* Diamond Source Light page-only CSS.
   The shared ADBO header, navigation, footer, and global layout come from:
   ../assets/css/styles.css
   Keep this file scoped under .dsl-page so it does not override the ADBO site chrome.
*/

.dsl-page {
  --dsl-soft: #f7f1fa;
}

.dsl-page .dsl-hero {
  padding-top: 38px;
  padding-bottom: 50px;
}

.dsl-page .resources-hero-card h1 {
  margin-top: 10px;
}

.dsl-page .dsl-browse {
  padding: 16px 0;
}

.dsl-page .resource-detail-card h2 {
  color: var(--purple-deep);
  font-family: "Playfair Display", "Times New Roman", serif;
  font-size: clamp(1.55rem, 2.4vw, 2rem);
  line-height: 1.2;
  margin: 0 0 12px;
}

.dsl-page .resource-detail-card p,
.dsl-page .resource-detail-card li {
  font-size: 1.02rem;
}

.dsl-page .catalog-actions {
  flex-direction: row;
  flex-wrap: wrap;
}

.dsl-page .readable-list {
  padding-left: 1.4rem;
}

.dsl-page .readable-list li {
  margin-bottom: 8px;
}

.dsl-page .mb-0 {
  margin-bottom: 0;
}

.dsl-page section {
  scroll-margin-top: 92px;
}

@media (max-width: 640px) {
  .dsl-page .catalog-actions .btn {
    width: 100%;
  }
}