/* =========================================================================
   Callout Cards Block — all rules scoped under .callout-cards-block.
   Per-block CSS (loaded via enqueue_assets only when the block is present).
   Tokens: green #028d40, graphite #343a40, muted #777, border #e6e6e6.
   Card variants: danger #dc3545, success #028d40, info #0d6efd.
   ========================================================================= */
.callout-cards-block { background: #fff; }
.callout-cards-block .ccb-container { padding-top: 80px; padding-bottom: 80px; }

/* LEFT column — heading + content (true 50/50: text fills its col-lg-6 half) */
.callout-cards-block .ccb-col-text { max-width: none; }
.callout-cards-block .ccb-eyebrow { display: inline-block; color: #028d40;
	font-size: 13px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase;
	margin-bottom: 16px; }
.callout-cards-block .ccb-title { font-size: 36px; line-height: 1.15; font-weight: 500;
	color: #343a40; margin: 0 0 20px; }
.callout-cards-block .ccb-content { font-size: 17px; line-height: 1.65; color: #444; }
.callout-cards-block .ccb-content p:last-child { margin-bottom: 0; }
.callout-cards-block .ccb-note { font-size: 15px; line-height: 1.6; color: #777; margin-top: 18px; }
.callout-cards-block .ccb-note p { margin-bottom: 0; }

/* RIGHT column — cards */
.callout-cards-block .ccb-col-cards { display: flex; flex-direction: column; gap: 16px; }
.callout-cards-block .ccb-card { display: flex; align-items: flex-start; gap: 14px;
	padding: 18px 22px; border-radius: .5rem; border: 1px solid #eee; border-left: 3px solid #ccc;
	background: #fff; box-shadow: 0 6px 18px rgba(20, 24, 27, .05); }
.callout-cards-block .ccb-card__icon { flex: 0 0 auto; font-size: 18px; line-height: 1.5; }
.callout-cards-block .ccb-card__text { margin: 0; font-size: 16px; line-height: 1.5; color: #343a40; }

/* Variants — accent border, icon colour, tint background */
.callout-cards-block .ccb-card--danger  { border-left-color: #dc3545; background: #fdf2f3; }
.callout-cards-block .ccb-card--danger  .ccb-card__icon { color: #dc3545; }
.callout-cards-block .ccb-card--success { border-left-color: #028d40; background: #eef8f1; }
.callout-cards-block .ccb-card--success .ccb-card__icon { color: #028d40; }
.callout-cards-block .ccb-card--info    { border-left-color: #0d6efd; background: #eef4ff; }
.callout-cards-block .ccb-card--info    .ccb-card__icon { color: #0d6efd; }

/* Responsive (theme Bootstrap breakpoints; col-lg-* stacks the two columns) */
@media (max-width: 991.98px) {
	.callout-cards-block .ccb-container { padding-top: 56px; padding-bottom: 56px; }
	.callout-cards-block .ccb-col-text { max-width: none; margin-bottom: 28px; }
	.callout-cards-block .ccb-title { font-size: 30px; }
}
@media (max-width: 575.98px) {
	.callout-cards-block .ccb-title { font-size: 26px; }
	.callout-cards-block .ccb-card { padding: 16px 18px; }
}