/* OfficeRnD TL;DR — front-end style.
 *
 * Visible, branded block: light blue tint, primary-blue left rule, an
 * uppercase blue "TL;DR" label, and scannable bullet points with custom
 * blue markers. Set in the OfficeRnD type system (Gilroy / Centrale Sans).
 * These rules mirror the critical CSS the plugin prints inline, so the box
 * looks identical whether this file loads or not.
 */

.ornd-tldr {
	margin: 0 0 1.6em;
	padding: 18px 22px;
	border: 1px solid rgba( 193, 197, 207, 0.5 );
	border-left: 4px solid #0039d9;
	border-radius: 12px;
	background: #e7f0ff;
	font-family: "Gilroy-Medium", "Gilroy", "Centrale Sans", -apple-system,
		BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	font-weight: 500;
	font-size: 17px;
	line-height: 1.55;
	color: #232b36;
}

.ornd-tldr .ornd-tldr__label {
	display: block;
	margin: 0 0 10px;
	font-family: "Gilroy-Bold", "Gilroy", "Centrale Sans", sans-serif;
	font-weight: 700;
	font-size: 0.8em;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: #0039d9;
	-webkit-text-fill-color: #0039d9;
}

.ornd-tldr .ornd-tldr__list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.ornd-tldr .ornd-tldr__list li {
	position: relative;
	margin: 0 0 8px;
	padding-left: 22px;
	color: #232b36;
	-webkit-text-fill-color: #232b36;
}

.ornd-tldr .ornd-tldr__list li:last-child {
	margin-bottom: 0;
}

/*.ornd-tldr .ornd-tldr__list li::before {
	content: "";
	position: absolute;
	left: 2px;
	top: 0.62em;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #0039d9;
}*/

.ornd-tldr .ornd-tldr__text {
	margin: 0;
	color: #232b36;
	-webkit-text-fill-color: #232b36;
}

@media ( max-width: 575.98px ) {
	.ornd-tldr {
		padding: 16px 18px;
		font-size: 16px;
	}
}

/* Plainer variant: add .ornd-tldr--flat via the ornd_tldr_box_html filter
 * for a border-less inline treatment. */
.ornd-tldr.ornd-tldr--flat {
	padding: 0;
	border: 0;
	border-radius: 0;
	background: none;
	font-size: inherit;
}

.ornd-tldr.ornd-tldr--flat .ornd-tldr__label {
	color: #1a2033;
	-webkit-text-fill-color: #1a2033;
}

.ornd-tldr.ornd-tldr--flat .ornd-tldr__list li::before {
	background: #1a2033;
}

@media ( prefers-color-scheme: dark ) {
	.ornd-tldr.ornd-tldr--auto-dark {
		background: #0c1430;
		border-left-color: #00cdb9;
	}

	.ornd-tldr.ornd-tldr--auto-dark,
	.ornd-tldr.ornd-tldr--auto-dark .ornd-tldr__list li,
	.ornd-tldr.ornd-tldr--auto-dark .ornd-tldr__text {
		color: #f5f7fa;
		-webkit-text-fill-color: #f5f7fa;
	}

	.ornd-tldr.ornd-tldr--auto-dark .ornd-tldr__list li::before {
		background: #00cdb9;
	}
}