/* Approved compact publication indexes and definition-first glossary pages. */
@media screen {
  body.public-design #main-content :is(.rc-compact-index,.rc-definition-first) {
    --resource-title-size: 1.75rem;
    font-size: 1rem;
    font-family: "Open Sans", Arial, sans-serif !important;
  }
  body.public-design #main-content :is(.rc-compact-index,.rc-definition-first) :is(p,li,a,span,strong,b,em,small,summary,label,input,select,button,time):not(:where(pre *,code *,svg *,[class*="fa-"],.font-mono,.font-mono *)) {
    font-family: "Open Sans", Arial, sans-serif !important;
  }
  body.public-design #main-content :is(.rc-compact-index,.rc-definition-first) h1,
  body.public-design #main-content :is(.rc-compact-index,.rc-definition-first) h1 > span {
    font-family: "Poppins", "Open Sans", Arial, sans-serif !important;
    font-size: var(--resource-title-size) !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;
  }
  body.public-design #main-content :is(.rc-compact-index,.rc-definition-first) h2 {
    font: 600 1.375rem/1.35 "Open Sans", Arial, sans-serif !important;
  }
  body.public-design #main-content :is(.rc-compact-index,.rc-definition-first) h3 {
    font: 600 1.125rem/1.4 "Open Sans", Arial, sans-serif !important;
  }
  body.public-design #main-content .rc-compact-index :is(.rc-card > p,.rc-feature-summary,.rc-intro > div > p),
  body.public-design #main-content .rc-definition-first :is(p,li) {
    font-size: 1rem !important;
    line-height: 1.6;
  }
  body.public-design #main-content .rc-compact-index .rc-card-meta,
  body.public-design #main-content .rc-definition-first :is(.rc-byline,.rc-breadcrumb,.rf-guide-scope) {
    font-size: .875rem !important;
    line-height: 1.5;
  }
  .rc-compact-index .rc-cards { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .rc-compact-index .rc-card-media img { width: 100%; height: 144px; object-fit: contain; }
  .rc-compact-index .rc-feature-media img { height: 210px; object-fit: contain; }
  body.public-design #main-content .rc-compact-index .rc-intro .rc-library-art { width: min(100%,250px); max-width: 250px; height: auto; }
  .rc-definition-first .rc-guide-hero { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 20px; }
  .rc-definition-first .rc-guide-hero img { max-width: 220px; justify-self: end; }
  .rc-definition-first :is(.rf-guide-section,.rf-guide-faq,.rf-guide-sources) { margin-block: 24px; }
  @media (max-width: 780px) {
    body.public-design #main-content :is(.rc-compact-index,.rc-definition-first) { --resource-title-size: 1.5rem; }
    .rc-compact-index .rc-discovery { display: block; }
    .rc-compact-index .rc-topics { display: none; }
    .rc-compact-index .rc-mobile-topics { display: block; }
    .rc-compact-index .rc-cards { grid-template-columns: minmax(0,1fr); }
    .rc-compact-index .rc-card-media img { height: 160px; }
    .rc-compact-index .rc-intro { display: block; }
    body.public-design #main-content .rc-compact-index .rc-intro .rc-library-art { display: block; width: min(100%,180px); max-width: 180px; margin: 20px auto 0; object-position: center; }
    .rc-compact-index .rc-feature { display: block; }
    .rc-compact-index .rc-feature-media img { height: 190px; }
    .rc-compact-index .rc-filters { flex-wrap: wrap; }
    .rc-compact-index .rc-filters label { min-width: 120px; }
    .rc-definition-first .rc-guide-hero { display: block; }
    .rc-definition-first .rc-guide-hero img { display: block; max-width: 180px; margin: 20px auto 0; }
  }
}

/* Glossary term photo with cards, in the hero beside the definition. */
.rc-definition-first .rc-guide-hero .rc-term-photo { width: 360px; max-width: 100%; justify-self: end; border-radius: 16px; }
.rc-definition-first .rc-guide-hero .rc-term-photo img { display: block; width: auto; max-width: 100%; max-height: none; margin: 0; border-radius: 0; justify-self: auto; }
@media (max-width: 760px) {
  .rc-definition-first .rc-guide-hero .rc-term-photo { width: 100%; margin-top: 20px; }
}