#app .sheet-heading h2 {
  font-size: var(--font-size-section-title);
  font-weight: var(--font-weight-heavy);
  line-height: var(--line-height-section-title);
}

#app .sheet-heading p,
#app .readiness-row,
#app .toast,
#app .audience-menu small,
#app .share-moment-picker-inner > header span,
#app .safe-zone-map-entry-copy small,
#app .safe-zone-manager .safe-zone-card-copy small,
#app .safe-zone-map-header small {
  font-size: var(--font-size-caption);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-caption);
}

#app .toast,
#app .readiness-row em {
  font-weight: var(--font-weight-semibold);
}

#app .sheet-metrics strong {
  font-size: var(--font-size-metric);
  font-weight: var(--font-weight-heavy);
  line-height: var(--line-height-metric);
  font-variant-numeric: tabular-nums;
}

#app .sheet-metrics span {
  font-size: var(--font-size-caption);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-caption);
}

#app :is(.privacy-chip, .online-chip, .audience-selector, .audience-menu strong, .caption-field, .share-toggle-row strong, .share-moment-picker-inner > header strong, .safe-zone-shape-switch button, .safe-zone-field, .safe-zone-radius-field, .safe-zone-map-entry-copy strong, .safe-zone-map-entry-action, .safe-zone-settings--polygon > span, .safe-zone-manager .safe-zone-card-copy strong, .safe-zone-map-header strong, .safe-zone-map-header button:last-child, .safe-zone-map-radius > span, .safe-zone-map-point-tools > span, .safe-zone-map-point-tools button, .safe-zone-pets legend, .safe-zone-pets button span) {
  font-size: var(--font-size-label);
  font-weight: var(--font-weight-semibold);
  line-height: var(--line-height-label);
}

#app :is(.audience-selector, .safe-zone-shape-switch button, .safe-zone-map-entry-action, .safe-zone-map-header button:last-child, .safe-zone-map-point-tools button, .safe-zone-pets button span) {
  font-weight: var(--font-weight-bold);
}

#app :is(.caption-field textarea, .safe-zone-field input) {
  font-size: var(--font-size-body);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-body);
}

#app :is(.safe-zone-settings--polygon output, .safe-zone-radius-field output, .safe-zone-map-radius output, .safe-zone-map-point-tools output) {
  font-weight: var(--font-weight-bold);
}