/* Shared typography for public pages, personal accounts and staff tools. */
body {
  font-family: "Segoe UI", Arial, sans-serif;
  line-height: 1.4;
}

button, input, textarea, select, .mono, code, pre, kbd, samp {
  font-family: inherit;
}

p {
  margin-top: 0;
  margin-bottom: .65em;
}

.prose, .hero-lead, .hero-description, .faq-answer, .qualification-list,
.howto, .plain-steps, .article-summary p, .public-expert-body p,
.case-card p, .object-list p, .help, .checkbox-field > label, td small,
.education-visual small, .role-option small, .expert-document strong,
.object-list summary, .faq-list summary, .numbered-case h3 {
  line-height: 1.4;
}

.prose p, .faq-answer p, .public-expert-body p, .article-summary p,
.case-card p, .side-card p, .panel p {
  margin-bottom: .65em;
}

.prose p:last-child, .faq-answer p:last-child, .expert-biography p:last-child {
  margin-bottom: 0;
}

.prose h2 {
  margin-top: 1.1em;
  margin-bottom: .4em;
}

.prose h3, .public-expert-body h3 {
  margin-top: 1em;
  margin-bottom: .4em;
}

.public-expert-body > h3:first-child {
  margin-top: 0;
}

.prose ul, .prose ol, .qualification-list {
  margin-top: .4em;
  margin-bottom: .65em;
}

.qualification-list li, .plain-steps li, .howto li {
  margin: .2em 0;
}

.plain-steps {
  margin-top: 20px;
}

.brand > span {
  max-width: 26rem;
}

.brand small, .brand-caption, .header-note {
  line-height: 1.3;
}

.footer-grid p {
  margin: 8px 0;
}

.education-visual small {
  max-width: 20em;
}