/**
 * Prose: a 768px column of running text in the style guide's type roles.
 * Body copy, 16px with line height 1.625, in slate; sections (h2) in the
 * card heading, 20px bold charcoal, 40px over them; their parts (h3) in
 * bold body copy, 24px over them; 16px between paragraphs; lists indented,
 * with dots or numbers;
 * a note over the text in supporting text.
 *
 * PrivacyBee's widget (.prx_*), embedded for a privacy policy, brings its
 * own stylesheet and inherits the page's typeface; its title is hidden,
 * the page hero carries the h1.
 */

.sba-c-prose .sba-c-prose-note,
.sba-c-prose .sba-c-prose-text {
	max-width: 48rem;
}

.sba-c-prose .sba-c-prose-note {
	margin: 0 0 32px;
	color: var(--sba-slate);
	font-size: 14px;
	line-height: 20px;
}

.sba-c-prose .sba-c-prose-text {
	color: var(--sba-slate);
	font-size: 16px;
	line-height: 1.625;
}

.sba-c-prose .sba-c-prose-text > * {
	margin: 0;
}

.sba-c-prose .sba-c-prose-text > * + * {
	margin-top: 16px;
}

.sba-c-prose .sba-c-prose-text :is(p, li, td, th) {
	color: inherit;
	font-size: inherit;
	line-height: inherit;
}

.sba-c-prose .sba-c-prose-text > h2 {
	color: var(--sba-charcoal);
	font-size: 20px;
	font-weight: var(--sba-heading-weight);
	letter-spacing: var(--sba-heading-tracking);
	line-height: 28px;
}

.sba-c-prose .sba-c-prose-text > * + h2 {
	margin-top: 40px;
}

.sba-c-prose .sba-c-prose-text > h3 {
	color: var(--sba-charcoal);
	font-size: 16px;
	font-weight: var(--sba-heading-weight);
	line-height: 1.625;
}

.sba-c-prose .sba-c-prose-text > * + h3 {
	margin-top: 24px;
}

.sba-c-prose .sba-c-prose-text > :is(h2, h3) + * {
	margin-top: 8px;
}

.sba-c-prose .sba-c-prose-text strong {
	color: var(--sba-charcoal);
	font-weight: 700;
}

/* MyListing's frontend.css takes the markers off every list. */
.sba-c-prose .sba-c-prose-text :is(ul, ol) {
	padding-left: 1.5em;
	list-style-type: disc;
}

.sba-c-prose .sba-c-prose-text ol {
	list-style-type: decimal;
}

.sba-c-prose .sba-c-prose-text li + li {
	margin-top: 8px;
}

.sba-c-prose .sba-c-prose-text a {
	overflow-wrap: anywhere;
}

.sba-c-prose .sba-c-prose-text .prx_h1 {
	display: none;
}
