:root {
  --chd-accent: #8f2f2f;
}

body {
  overflow-wrap: anywhere;
}

.site-header {
  padding-top: 1rem;
}

.intro {
  max-width: 42rem;
  padding: 2rem 0 4rem;
}

.non-official {
  border-left: 0.25rem solid var(--chd-accent);
  padding-left: 0.75rem;
  color: var(--pico-muted-color);
}

.actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-top: 1.5rem;
}

.auth-panel {
  max-width: 36rem;
  padding: 1.5rem 0 4rem;
}

.form-error {
  border-left: 0.25rem solid #b42318;
  color: #b42318;
  padding-left: 0.75rem;
}

.secondary-form {
  margin-top: 1.5rem;
}

.questionnaire-page {
  max-width: 48rem;
  padding: 1.5rem 0 4rem;
}

.questionnaire-card,
.summary-card,
.question-group {
  border-radius: 8px;
}

.matching-page form {
  margin-bottom: 0;
}

.question-card-heading h2,
.summary-card h2 {
  font-size: 1.2rem;
}

.question-card-heading p,
.form-warning {
  color: var(--pico-muted-color);
}

.question-group {
  margin-top: 1.5rem;
}

.summary-card dl {
  display: grid;
  grid-template-columns: minmax(7rem, 0.35fr) 1fr;
  gap: 0.35rem 1rem;
}

.summary-card dd {
  margin: 0;
}

.report-page h3 {
  font-size: 1rem;
  margin-top: 1rem;
}

.match-report-card section {
  margin-top: 1rem;
}

.privacy-reminder,
.empty-match-state,
.unlock-safety-card,
.safety-action-sheet {
  margin-top: 1rem;
}

.unlock-safety-card form,
.safety-action-sheet form {
  margin-bottom: 0;
}