/**
 * creapulse-tools — TL;DR / "En bref" callout box.
 *
 * Styles the section.cpt-tldr block into a consistent summary box. The beige
 * and browns it used to carry came from nowhere: the site has no warm colour.
 * It now follows the charte — a transparent-black surface and rule, and a left
 * rule in the brand blue. Values from CreapulseTools\Brand (feature 021).
 */

/*
 * Two classes, not one: Enfold sets `border-color` on every `section` and
 * `div` of its content area (`.main_color section`, specificity 0,1,1), which
 * beat a lone `.cpt-tldr` and turned the blue left rule grey. The box is
 * always a Group block, so `.wp-block-group.cpt-tldr` (0,2,0) wins without
 * touching the theme.
 */
.wp-block-group.cpt-tldr,
.cpt-tldr {
	margin: 1.5rem 0 2rem;
	padding: 1.25rem 1.5rem;
	background: var(--cp-surface-subtle);
	border: 1px solid var(--cp-rule);
	border-left: 4px solid var(--cp-primary);
	border-radius: 8px;
}

.cpt-tldr > :first-child {
	margin-top: 0;
}

.cpt-tldr > :last-child {
	margin-bottom: 0;
}

.cpt-tldr > h2,
.cpt-tldr > h3 {
	margin-bottom: 0.6rem;
	font-size: 0.95rem;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	/* The heading is text: the darkened blue, never the vivid one. */
	color: var(--cp-primary-fill);
}

.cpt-tldr ul,
.cpt-tldr ol {
	margin: 0;
	padding-left: 1.25rem;
}

.cpt-tldr li {
	margin: 0.25rem 0;
}