/**
 * Font Specimen Embed — scoped styles.
 *
 * Every rule is prefixed with .fse- and every property is fully specified so
 * the card renders consistently regardless of the active theme. Dynamic bits
 * (font-family, weight, style, size) are applied inline by the shortcode.
 */

.fse-card {
	display: block;
	box-sizing: border-box;
	margin: 2em 0;
	padding: 1.5em 0;
	border: 0;
	background: transparent;
	text-align: center;
	color: #1a1a1a;
}

.fse-card .fse-specimen {
	margin: 0 0 0.35em 0;
	padding: 0;
	color: #1a1a1a;
	word-break: break-word;
	/* font-family / font-weight / font-style / font-size come in inline. */
}

.fse-card .fse-specimen:last-of-type {
	margin-bottom: 0;
}

.fse-card .fse-caption {
	display: block;
	margin: 1.5em 0 0 0;
	padding: 0;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: 500;
	font-style: normal;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #8a8a8a;
}

.fse-warning {
	display: block;
	box-sizing: border-box;
	margin: 1.5em 0;
	padding: 0.75em 1em;
	border: 1px solid #f0c36d;
	border-radius: 6px;
	background: #fdf6e3;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: 600;
	color: #8a6d1b;
}
