/*
 * Help center article typography. Tailwind's preflight strips heading sizes and
 * list markers, and article bodies are rich text from Trix (and the Zendesk
 * import), so they need plain document styles back.
 */
.help-article { font-size: 1rem; line-height: 1.7; }
/* Headings: the editor offers Heading (h2) and Subheading (h3); the article
   title is the page's h1. An h1 in a body (Trix's stock heading) reads as h2. */
.help-article h1, .help-article h2 { font-size: 1.5rem; line-height: 1.3; font-weight: 700; margin: 2rem 0 0.75rem; }
.help-article h3, .help-article h4 { font-size: 1.125rem; line-height: 1.4; font-weight: 700; margin: 1.5rem 0 0.5rem; }
.help-article p, .help-article div { margin: 0 0 0.9rem; }
.help-article ul { list-style: disc; margin: 0 0 1rem 1.5rem; }
.help-article ol { list-style: decimal; margin: 0 0 1rem 1.5rem; }
.help-article li { margin: 0.25rem 0; }
.help-article a { color: #c9440a; text-decoration: underline; }
.help-article strong, .help-article b { font-weight: 700; }
.help-article blockquote { border-left: 3px solid #ddd; padding-left: 1rem; color: #555; }
.help-article img { max-width: 100%; height: auto; border-radius: 0.375rem; }
/* Small icons sit in their sentence ("tap AirPlay [icon]"); Tailwind's preflight
   makes every image a block. See active_storage/blobs/_blob.html.erb. */
.help-article img.help-inline-icon { display: inline; vertical-align: text-bottom; border-radius: 0; margin: 0 0.15em; }
.help-article figure { margin: 1rem 0; }