:root {
  --body-family: Roboto, -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Helvetica, Arial, sans-serif;
  --display-family: ui-rounded, "SF Pro Rounded", "Arial Rounded MT Bold", "Segoe UI", Helvetica, Arial, sans-serif;
}

html {
  font-family: var(--body-family);
  font-size: 16px;
  line-height: 1.55;
  text-rendering: optimizeLegibility;
}

body,
button,
input {
  font-family: inherit;
}

body,
p,
li,
a,
button,
label {
  font-size: 16px;
}

h1,
h2,
h3,
p,
li {
  overflow-wrap: anywhere;
}

h1 {
  font-family: var(--display-family);
  font-size: 20px;
  line-height: 1.25;
  font-weight: 700;
  letter-spacing: -0.01em;
}

h2 {
  font-family: var(--body-family);
  font-size: 18px;
  line-height: 1.35;
  font-weight: 700;
}

.guide-mark,
.feed-title,
.source-card span,
.chapter-step-links strong {
  font-weight: 500;
}

.header-group-label,
.duration-tag,
.visual-tag {
  font-size: 13px;
  line-height: 1.2;
  font-weight: 500;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.chapter-eyebrow {
  font-size: 14px;
  line-height: 1.3;
  font-weight: 500;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.secondary-action,
.commit-action {
  font-size: 14px;
  line-height: 1;
  font-weight: 500;
}

.header-link,
.filter-chip,
.return-action {
  font-size: 16px;
  line-height: 1;
  font-weight: 500;
}

.chapter-meta {
  font-size: 16px;
  line-height: 1.35;
}

.feed-meta,
.source-card small,
.chapter-step-links span {
  font-size: 16px;
  line-height: 1.35;
}

.feed-title {
  font-size: 16px;
  line-height: 1.35;
}

.feed-meta {
  overflow-wrap: normal;
}

.source-link {
  font-size: inherit;
  font-weight: 500;
}

.site-footer p,
.site-footer a,
.checklist-row span,
.selection-count,
.save-status {
  font-size: 16px;
}