.zrm-dl {
	--zrm-dl-icon-color: var(--blue_300, #00417d);
	--zrm-dl-icon-size: 18px;
	--zrm-dl-row-gap: 8px;
	--zrm-dl-hover-color: var(--blue_300, #00417d);
	--zrm-dl-badge-bg: #e2e8f0;
	--zrm-dl-badge-color: #334155;
}

/* ── Heading ───────────────────────────────────── */

.zrm-dl__heading {
	margin: 0 0 12px;
}

/* ── List ──────────────────────────────────────── */

.zrm-dl__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: var(--zrm-dl-row-gap);
}

/* ── Item ──────────────────────────────────────── */

.zrm-dl__item {
	display: flex;
}

/* ── Link ──────────────────────────────────────── */

.zrm-dl__link {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	text-decoration: none;
	color: inherit;
	transition: color 0.2s;
}

a.zrm-dl__link:hover {
	color: var(--zrm-dl-hover-color);
}

/* ── Icon ──────────────────────────────────────── */

.zrm-dl__icon {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: var(--zrm-dl-icon-size);
	height: var(--zrm-dl-icon-size);
	color: var(--zrm-dl-icon-color);
	font-size: var(--zrm-dl-icon-size);
	line-height: 1;
}

.zrm-dl__icon i {
	font-size: inherit;
	color: inherit;
}

.zrm-dl__icon svg {
	width: 100%;
	height: 100%;
}

/* ── Label ─────────────────────────────────────── */

.zrm-dl__label {
	flex: 1;
}

/* ── Badge ─────────────────────────────────────── */

.zrm-dl__badge {
	display: inline-block;
	padding: 2px 8px;
	font-size: 0.75em;
	font-weight: 600;
	line-height: 1.4;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	border-radius: 3px;
	background: var(--zrm-dl-badge-bg);
	color: var(--zrm-dl-badge-color);
}