#app .activity-scope-option strong,
#app .activity-list-heading button,
#app .activity-card-pet strong,
#app .activity-media-link,
#app .activity-moment-confirm strong,
#app .adventure-pet-option strong,
#app .adventure-live-actions button,
#app .adventure-end-copy,
#app .adventure-discard,
#app .activity-card-note {
  font-size: var(--font-size-label);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-label);
}

#app .activity-pack-header h2 {
  font-size: var(--font-size-display);
  font-weight: var(--font-weight-heavy);
  line-height: var(--line-height-display);
}

#app .activity-pack-header p,
#app .pet-progress-meta,
#app .pet-progress-meta strong,
#app .pet-progress-meta button,
#app .activity-card-pet small,
#app .activity-card-place,
#app .activity-privacy,
#app .eyebrow,
#app .activity-title-row p,
#app .weather,
#app .activity-metrics span,
#app .exertion-card p,
#app .achievement-card p,
#app .adventure-pet-option small,
#app .adventure-readiness strong,
#app .adventure-readiness em,
#app .adventure-live-pet small,
#app .adventure-summary-title span,
#app .adventure-summary-metrics span,
#app .adventure-name-field > span {
  font-size: var(--font-size-caption);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-caption);
}

#app .pet-progress-meta strong,
#app .pet-progress-meta button,
#app .activity-card-pet small,
#app .adventure-readiness em,
#app .adventure-summary-title span {
  font-weight: var(--font-weight-semibold);
}

#app .pet-progress-title > strong,
#app .activity-card-top strong,
#app .adventure-live-pet strong,
#app .adventure-summary-metrics strong {
  font-size: var(--font-size-card-title);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-card-title);
}

#app .pet-progress-title > b,
#app .activity-metrics strong,
#app .score-ring strong,
#app .adventure-live-timer {
  font-size: var(--font-size-metric);
  font-weight: var(--font-weight-heavy);
  line-height: var(--line-height-metric);
}

#app .pet-progress--rook .pet-progress-title > b {
  font-size: var(--font-size-label);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-label);
}

#app .activity-list-heading strong,
#app .activity-media-section h3 {
  font-size: var(--font-size-section-title);
  font-weight: var(--font-weight-heavy);
  line-height: var(--line-height-section-title);
}

#app .activity-title-row h2,
#app .adventure-summary-title h2 {
  font-size: var(--font-size-title);
  font-weight: var(--font-weight-heavy);
  line-height: var(--line-height-title);
}

#app :is(.activity-thumb em, .activity-card-metrics b, .activity-media-duration, .pet-progress-title small, .score-ring small, .achievement-count, .chart-title, .adventure-live-stats small) {
  font-size: var(--font-size-micro);
  font-weight: var(--font-weight-semibold);
  line-height: var(--line-height-micro);
}

#app :is(.exertion-card, .achievement-card, .performance-card) > strong,
#app .section-title-row button,
#app .adventure-live-stats strong {
  font-size: var(--font-size-label);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-label);
}

#app .adventure-name-field input {
  font-size: var(--font-size-body);
  font-weight: var(--font-weight-semibold);
  line-height: var(--line-height-body);
}