/*
 * TD Lighthouse title system
 *
 * The application deliberately has more than one heading level.  This file is
 * the single owner of their typography values; components use semantic classes
 * or the compatibility selectors below instead of inventing local sizes.
 */
:root {
  --td-heading-font: Inter, "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, Arial, sans-serif;
  --td-heading-color: #20384d;

  --td-heading-page-size: 22px;
  --td-heading-page-line-height: 1.16;
  --td-heading-page-weight: 650;
  --td-heading-page-tracking: 0;

  --td-heading-entity-size: 22px;
  --td-heading-entity-line-height: 1.16;
  --td-heading-entity-weight: 700;
  --td-heading-entity-tracking: -0.012em;

  --td-heading-section-size: 16px;
  --td-heading-section-line-height: 1.3;
  --td-heading-section-weight: 600;
  --td-heading-section-tracking: 0.035em;

  --td-heading-card-size: 18px;
  --td-heading-card-line-height: 1.3;
  --td-heading-card-weight: 600;
  --td-heading-card-tracking: 0;
}

.td-heading {
  margin: 0 !important;
  color: var(--td-heading-color) !important;
  -webkit-text-fill-color: var(--td-heading-color) !important;
  font-family: var(--td-heading-font) !important;
  text-transform: none !important;
}

.td-heading--page {
  font-size: var(--td-heading-page-size) !important;
  font-weight: var(--td-heading-page-weight) !important;
  line-height: var(--td-heading-page-line-height) !important;
  letter-spacing: var(--td-heading-page-tracking) !important;
}

/* Every asset detail is rendered through the same title-line component. */
#detail .asset-detail-title-line > h2,
.td-heading--entity {
  font-size: var(--td-heading-entity-size) !important;
  font-weight: var(--td-heading-entity-weight) !important;
  line-height: var(--td-heading-entity-line-height) !important;
  letter-spacing: var(--td-heading-entity-tracking) !important;
}

#detail .asset-detail-title-line > h2 {
  margin: 0 !important;
  color: var(--td-heading-color) !important;
  -webkit-text-fill-color: var(--td-heading-color) !important;
  font-family: var(--td-heading-font) !important;
}

#detail .ad-section-head > h3,
.td-heading--section {
  margin: 0 !important;
  color: #243244 !important;
  -webkit-text-fill-color: #243244 !important;
  font-family: var(--td-heading-font) !important;
  font-size: var(--td-heading-section-size) !important;
  font-weight: var(--td-heading-section-weight) !important;
  line-height: var(--td-heading-section-line-height) !important;
  letter-spacing: var(--td-heading-section-tracking) !important;
  text-transform: none !important;
}

#detail .bg-group-main > .bg-group-head .bg-group-name,
#detail .bg-group-main > .bg-group-head .bg-group-title,
#detail .td-heading--card {
  color: #243244 !important;
  -webkit-text-fill-color: #243244 !important;
  font-family: var(--td-heading-font) !important;
  font-size: var(--td-heading-card-size) !important;
  font-weight: var(--td-heading-card-weight) !important;
  line-height: var(--td-heading-card-line-height) !important;
  letter-spacing: var(--td-heading-card-tracking) !important;
  text-transform: none !important;
}