/* ============================================================
   Resultados de loteria LC — Frontend v1.4.21
   Vista compacta, busqueda simple, ayer y calendario integrados.
   Las fuentes se heredan completamente del tema activo.
   ============================================================ */

[data-rlrd-results].rlrd-results,
[data-rlrd-results].rlrd-results *,
[data-rlrd-results].rlrd-results *::before,
[data-rlrd-results].rlrd-results *::after {
	box-sizing: border-box;
}

[data-rlrd-results].rlrd-results {
	--rlrd-columns: 3;
	--rlrd-group-columns: 1;
	--rlrd-brand-blue: #1263df;
	--rlrd-brand-red: #d93045;
	--rlrd-inset: clamp(12px, 2vw, 20px);
	--rlrd-border: #dce5f0;
	--rlrd-text: #14284b;
	--rlrd-muted: #53657e;
	--rlrd-surface: #ffffff;
	--rlrd-soft: #f4f7fc;
	--rlrd-card-header: #0f172a;
	--rlrd-ball-primary: #0f766e;
	--rlrd-ball-secondary: #14b8a6;
	--rlrd-ball-extra: #f59e0b;
	--rlrd-ball-text: #ffffff;
	--rlrd-ball-size: 44px;
	--rlrd-ball-font-size: 16px;
	--rlrd-ball-border: 0px;
	--rlrd-ball-shadow: 0 6px 14px rgba(15, 23, 42, .22), inset 0 -3px 0 rgba(0, 0, 0, .16);
	--rlrd-ball-gap: 8px;
	--rlrd-bg-color: #e8eef5;
	--rlrd-date-bar-color: #1e293b;
	--rlrd-fs-date-bar: 14px;
	--rlrd-fs-group: 15px;
	--rlrd-fs-card-title: 16px;
	--rlrd-fs-card-label: 12px;

	color: var(--rlrd-text) !important;
	min-width: 0 !important;
	max-width: 100% !important;
	border: 1px solid var(--rlrd-border) !important;
	border-top: 3px solid var(--rlrd-brand-blue) !important;
	border-radius: 16px !important;
	box-shadow: 0 4px 20px rgba(20, 40, 75, .06) !important;
	overflow: hidden !important;
	container: rlrd-widget / inline-size;
}

[data-rlrd-results] .rlrd-sr-only {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

/* Header general */
[data-rlrd-results] .rlrd-results__header {
	display: flex !important;
	align-items: flex-start !important;
	justify-content: space-between !important;
	gap: 16px !important;
	padding: var(--rlrd-inset) var(--rlrd-inset) 16px !important;
	background: transparent !important;
}

[data-rlrd-results] .rlrd-results__header-copy {
	min-width: 0 !important;
	flex: 1 1 auto !important;
}

[data-rlrd-results] .rlrd-results__header--no-copy {
	justify-content: flex-end !important;
}

[data-rlrd-results] .rlrd-results__title {
	margin: 0 !important;
	padding-inline-start: 12px !important;
	border-inline-start: 3px solid var(--rlrd-brand-red) !important;
	color: var(--rlrd-text) !important;
	line-height: 1.3 !important;
	overflow-wrap: anywhere !important;
}

[data-rlrd-results] .rlrd-results__description {
	margin: 6px 0 0 !important;
	color: var(--rlrd-muted) !important;
	background: transparent !important;
}

/* La fecha superior conserva su funcion: ultima lectura global. */
[data-rlrd-results] .rlrd-results__update-card {
	flex: 0 0 auto !important;
	display: grid !important;
	gap: 2px !important;
	min-width: 210px !important;
	padding: 11px 14px !important;
	border-radius: 10px !important;
	background: var(--rlrd-date-bar-color) !important;
	color: #fff !important;
	text-align: right !important;
	font-size: var(--rlrd-fs-date-bar) !important;
	box-shadow: 0 2px 8px rgba(15, 23, 42, .14) !important;
}

[data-rlrd-results] .rlrd-results__update-card span {
	color: rgba(255, 255, 255, .72) !important;
	font-size: .78em !important;
	text-transform: uppercase !important;
	letter-spacing: .035em !important;
}

[data-rlrd-results] .rlrd-results__update-card time {
	color: #fff !important;
	font-size: .92em !important;
	line-height: 1.3 !important;
}

/* Herramientas simples del mismo shortcode */
[data-rlrd-results] .rlrd-results__tools {
	display: grid !important;
	grid-template-columns: 1fr !important;
	gap: 12px !important;
	padding: 0 var(--rlrd-inset) 16px !important;
	border-bottom: 1px solid var(--rlrd-border) !important;
}

[data-rlrd-results] .rlrd-results__controls-row {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) auto !important;
	gap: 12px 14px !important;
	align-items: end !important;
}

[data-rlrd-results] .rlrd-results__search-wrap {
	position: relative !important;
	display: flex !important;
	align-items: center !important;
	min-width: 0 !important;
}

[data-rlrd-results] .rlrd-results__search-icon {
	position: absolute !important;
	left: 13px !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	z-index: 1 !important;
	color: var(--rlrd-muted) !important;
	font-size: 20px !important;
	line-height: 1 !important;
	pointer-events: none !important;
}

[data-rlrd-results] .rlrd-results__search {
	width: 100% !important;
	min-height: 46px !important;
	margin: 0 !important;
	padding: 10px 74px 10px 40px !important;
	border: 1px solid var(--rlrd-border) !important;
	border-radius: 10px !important;
	background: var(--rlrd-surface) !important;
	color: var(--rlrd-text) !important;
	box-shadow: 0 1px 3px rgba(15, 23, 42, .06) !important;
}

[data-rlrd-results] .rlrd-results__search:focus {
	outline: 2px solid var(--rlrd-brand-blue) !important;
	outline-offset: 1px !important;
	border-color: var(--rlrd-brand-blue) !important;
}

[data-rlrd-results] .rlrd-results__search-clear {
	position: absolute !important;
	right: 7px !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	min-height: 28px !important;
	padding: 3px 8px !important;
	border: 0 !important;
	border-radius: 6px !important;
	background: var(--rlrd-soft) !important;
	color: var(--rlrd-muted) !important;
	cursor: pointer !important;
	box-shadow: none !important;
}

[data-rlrd-results] .rlrd-results__view-nav {
	display: flex !important;
	flex-wrap: wrap !important;
	justify-content: flex-start !important;
	align-items: center !important;
	gap: 9px !important;
}

[data-rlrd-results] .rlrd-results__view-btn,
[data-rlrd-results] .rlrd-results__calendar button {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 46px !important;
	margin: 0 !important;
	padding: 10px 16px !important;
	border: 1px solid var(--rlrd-border) !important;
	border-radius: 9px !important;
	background: var(--rlrd-surface) !important;
	color: var(--rlrd-brand-blue) !important;
	cursor: pointer !important;
	box-shadow: 0 1px 3px rgba(15, 23, 42, .06) !important;
	white-space: normal !important;
	text-align: center !important;
	font-weight: 600 !important;
	font-size: .95rem !important;
	line-height: 1.2 !important;
}

[data-rlrd-results] .rlrd-results__view-btn:hover,
[data-rlrd-results] .rlrd-results__calendar button:hover {
	border-color: var(--rlrd-date-bar-color) !important;
}

[data-rlrd-results] .rlrd-results__view-btn.is-active,
[data-rlrd-results] .rlrd-results__view-btn[aria-pressed="true"] {
	border-color: var(--rlrd-date-bar-color) !important;
	background: var(--rlrd-date-bar-color) !important;
	color: #fff !important;
}

[data-rlrd-results] .rlrd-results__calendar {
	display: grid !important;
	grid-template-columns: minmax(200px, 290px) auto !important;
	align-items: end !important;
	justify-content: start !important;
	gap: 10px 12px !important;
	min-width: 0 !important;
	padding: 12px !important;
	border: 1px solid var(--rlrd-border) !important;
	border-inline-start: 3px solid var(--rlrd-brand-red) !important;
	border-radius: 10px !important;
	background: var(--rlrd-soft) !important;
}

[data-rlrd-results] .rlrd-results__calendar-field {
	display: flex !important;
	flex-direction: column !important;
	gap: 6px !important;
	min-width: 0 !important;
}

[data-rlrd-results] .rlrd-results__calendar label {
	display: block !important;
	margin: 0 !important;
	font-size: .9rem !important;
	font-weight: 600 !important;
	color: var(--rlrd-muted) !important;
}

[data-rlrd-results] .rlrd-results__calendar input {
	width: 100% !important;
	min-width: 0 !important;
	min-height: 46px !important;
	margin: 0 !important;
	padding: 8px 11px !important;
	border: 1px solid rgba(15, 23, 42, .18) !important;
	border-radius: 8px !important;
	background: var(--rlrd-surface) !important;
	color: var(--rlrd-text) !important;
}

[data-rlrd-results] .rlrd-results__calendar button {
	width: auto !important;
	max-width: none !important;
	padding-inline: 18px !important;
	flex-shrink: 0 !important;
	border-color: var(--rlrd-date-bar-color) !important;
	background: var(--rlrd-date-bar-color) !important;
	color: #fff !important;
}

[data-rlrd-results] .rlrd-results__status {
	margin: 0 !important;
	padding: 0 2px !important;
	color: var(--rlrd-muted) !important;
}

[data-rlrd-results].is-loading .rlrd-results__body {
	opacity: .55 !important;
	pointer-events: none !important;
}

[data-rlrd-results].is-loading .rlrd-results__view-btn,
[data-rlrd-results].is-loading .rlrd-results__calendar button {
	cursor: wait !important;
}

/* Selector de empresas */
[data-rlrd-results] .rlrd-filter-bar {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 7px !important;
	padding: 16px var(--rlrd-inset) 0 !important;
	background: transparent !important;
}

[data-rlrd-results] .rlrd-filter-btn {
	display: inline-flex !important;
	align-items: center !important;
	flex: 0 0 auto !important;
	width: auto !important;
	min-width: max-content !important;
	max-width: none !important;
	min-height: 36px !important;
	margin: 0 !important;
	padding: 5px 11px !important;
	border: 1px solid var(--rlrd-border) !important;
	border-radius: 999px !important;
	background: var(--rlrd-surface) !important;
	color: var(--rlrd-muted) !important;
	cursor: pointer !important;
	white-space: nowrap !important;
	overflow: visible !important;
	text-overflow: clip !important;
	box-shadow: 0 1px 3px rgba(15, 23, 42, .06) !important;
}

[data-rlrd-results] .rlrd-filter-btn:hover {
	border-color: var(--rlrd-brand-blue) !important;
	color: var(--rlrd-text) !important;
}

/* Agrupacion por empresa, no por fecha. */
[data-rlrd-results] .rlrd-results__groups {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 14px !important;
	padding: var(--rlrd-inset) !important;
	background: transparent !important;
}

[data-rlrd-results] .rlrd-results__lottery-group {
	--rlrd-card-border: var(--rlrd-border);
	min-width: 0 !important;
	margin: 0 !important;
	border-radius: 12px !important;
	overflow: hidden !important;
	box-shadow: 0 1px 4px rgba(15, 23, 42, .10), 0 4px 16px rgba(15, 23, 42, .07) !important;
}

[data-rlrd-results] .rlrd-results__lottery-group--large {
	grid-column: 1 / -1 !important;
}

[data-rlrd-results] .rlrd-results__group-title {
	margin: 0 !important;
	padding: 9px 14px !important;
	border-radius: 0 !important;
	background: var(--rlrd-card-header) !important;
	color: #fff !important;
	line-height: 1.3 !important;
}

[data-rlrd-results] .rlrd-results__grid {
	display: grid !important;
	grid-template-columns: repeat(var(--rlrd-group-columns), minmax(0, 1fr)) !important;
	gap: 8px !important;
	padding: 8px !important;
	background: var(--rlrd-soft) !important;
}

[data-rlrd-results] .rlrd-results__lottery-group[data-card-count="1"] .rlrd-results__grid {
	grid-template-columns: 1fr !important;
}

[data-rlrd-results] .rlrd-results__lottery-group[data-card-count="2"] .rlrd-results__grid {
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

/* Vista programada opcional: mismas tarjetas y datos, en una cuadricula plana. */
[data-rlrd-results].rlrd-results--schedule .rlrd-results__schedule-grid {
	display: grid !important;
	grid-template-columns: repeat(var(--rlrd-schedule-columns, var(--rlrd-columns)), minmax(0, 1fr)) !important;
	gap: 12px !important;
	padding: var(--rlrd-inset) !important;
	background: transparent !important;
}

[data-rlrd-results].rlrd-results--schedule .rlrd-results__schedule-item {
	min-width: 0 !important;
	height: 100% !important;
}

[data-rlrd-results].rlrd-results--schedule .rlrd-results__schedule-item > .rlrd-card {
	display: flex !important;
	flex-direction: column !important;
	height: 100% !important;
}

/* Tarjetas compactas */
[data-rlrd-results] .rlrd-card {
	min-width: 0 !important;
	overflow: hidden !important;
	border: 1px solid var(--rlrd-card-border, var(--rlrd-border)) !important;
	border-radius: 12px !important;
	background: var(--rlrd-surface) !important;
	box-shadow: 0 2px 6px rgba(20, 40, 75, .06) !important;
	transition: box-shadow .18s ease, transform .18s ease !important;
}

[data-rlrd-results] .rlrd-card:hover {
	box-shadow: 0 4px 14px rgba(15, 23, 42, .12) !important;
	transform: translateY(-1px) !important;
}

[data-rlrd-results] .rlrd-card__header {
	display: flex !important;
	align-items: center !important;
	gap: 9px !important;
	min-height: 58px !important;
	padding: 9px 11px !important;
	background: var(--rlrd-card-header) !important;
	color: #fff !important;
}

[data-rlrd-results] .rlrd-card__logo {
	flex: 0 0 auto !important;
	width: 34px !important;
	height: 34px !important;
	border-radius: 999px !important;
	object-fit: contain !important;
	background: rgba(255, 255, 255, .94) !important;
	color: var(--rlrd-card-header) !important;
	line-height: 34px !important;
	text-align: center !important;
}

[data-rlrd-results] .rlrd-card__heading {
	min-width: 0 !important;
	flex: 1 1 auto !important;
	background: transparent !important;
}

[data-rlrd-results] .rlrd-card__title {
	margin: 0 !important;
	color: #fff !important;
	line-height: 1.22 !important;
	overflow-wrap: anywhere !important;
	background: transparent !important;
}

[data-rlrd-results] .rlrd-card__group {
	display: block !important;
	margin: 0 0 2px !important;
	color: rgba(255, 255, 255, .76) !important;
	font-size: var(--rlrd-fs-card-label) !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
	text-transform: uppercase !important;
	letter-spacing: .025em !important;
}

[data-rlrd-results] .rlrd-card__source {
	flex: 0 1 auto !important;
	max-width: 40% !important;
	padding: 3px 7px !important;
	border: 1px solid rgba(255, 255, 255, .26) !important;
	border-radius: 999px !important;
	color: rgba(255, 255, 255, .88) !important;
	text-align: center !important;
	background: transparent !important;
}

[data-rlrd-results] .rlrd-card__date {
	padding: 8px 11px 0 !important;
	color: var(--rlrd-muted) !important;
	background: transparent !important;
	font-size: .88em !important;
}

[data-rlrd-results] .rlrd-card__numbers {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: var(--rlrd-ball-gap) !important;
	padding: 11px !important;
	background: transparent !important;
}

[data-rlrd-results] .rlrd-ball {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: var(--rlrd-ball-size) !important;
	height: var(--rlrd-ball-size) !important;
	min-width: var(--rlrd-ball-size) !important;
	border: var(--rlrd-ball-border) solid rgba(15, 23, 42, .18) !important;
	border-radius: 999px !important;
	background: linear-gradient(145deg, var(--rlrd-ball-secondary), var(--rlrd-ball-primary)) !important;
	box-shadow: var(--rlrd-ball-shadow) !important;
	color: var(--rlrd-ball-text) !important;
	font-size: var(--rlrd-ball-font-size) !important;
	line-height: 1 !important;
	text-align: center !important;
}

[data-rlrd-results] .rlrd-ball--extra {
	background: var(--rlrd-ball-extra) !important;
}

[data-rlrd-results] .rlrd-card__jackpot {
	margin: 0 11px 11px !important;
	padding: 7px 9px !important;
	border-radius: 6px !important;
	background: var(--rlrd-soft) !important;
	color: var(--rlrd-muted) !important;
}

[data-rlrd-results] .rlrd-card__schedule {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 10px !important;
	margin-top: auto !important;
	padding: 10px 11px !important;
	border-top: 1px solid rgba(15, 23, 42, .09) !important;
	background: var(--rlrd-soft) !important;
}

[data-rlrd-results] .rlrd-card__next-draw {
	display: grid !important;
	gap: 1px !important;
	min-width: 0 !important;
}

[data-rlrd-results] .rlrd-card__next-draw span {
	color: var(--rlrd-muted) !important;
	font-size: .72rem !important;
	font-weight: 700 !important;
	line-height: 1.15 !important;
	text-transform: uppercase !important;
	letter-spacing: .025em !important;
}

[data-rlrd-results] .rlrd-card__next-draw time {
	color: var(--rlrd-text) !important;
	font-size: .84rem !important;
	font-weight: 700 !important;
	line-height: 1.25 !important;
}

[data-rlrd-results] .rlrd-card__countdown {
	flex: 0 0 auto !important;
	padding: 6px 8px !important;
	border-radius: 7px !important;
	background: var(--rlrd-card-header) !important;
	color: #fff !important;
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace !important;
	font-size: .82rem !important;
	font-weight: 800 !important;
	line-height: 1.15 !important;
	white-space: nowrap !important;
}

[data-rlrd-results] .rlrd-card__countdown.is-drawing {
	background: var(--rlrd-muted) !important;
}

[data-rlrd-results] .rlrd-results__empty {
	margin: 14px !important;
	padding: 18px !important;
	border: 1px solid var(--rlrd-border) !important;
	border-radius: 9px !important;
	background: var(--rlrd-surface) !important;
	color: var(--rlrd-muted) !important;
}

@media (max-width: 980px) {
	[data-rlrd-results] .rlrd-results__tools,
	[data-rlrd-results] .rlrd-results__controls-row {
		grid-template-columns: 1fr !important;
	}

	[data-rlrd-results] .rlrd-results__view-nav {
		justify-content: flex-start !important;
	}

	[data-rlrd-results] .rlrd-results__groups {
		grid-template-columns: 1fr !important;
	}

	[data-rlrd-results] .rlrd-results__lottery-group--large {
		grid-column: auto !important;
	}

	[data-rlrd-results] .rlrd-results__grid,
	[data-rlrd-results] .rlrd-results__lottery-group[data-card-count="2"] .rlrd-results__grid {
		grid-template-columns: repeat(var(--rlrd-group-columns-tablet), minmax(0, 1fr)) !important;
	}

	[data-rlrd-results].rlrd-results--schedule .rlrd-results__schedule-grid {
		grid-template-columns: repeat(var(--rlrd-columns-tablet), minmax(0, 1fr)) !important;
	}
}

@media (max-width: 680px) {
	[data-rlrd-results] .rlrd-results__header {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) !important;
		padding: 16px var(--rlrd-inset) 12px !important;
	}

	[data-rlrd-results] .rlrd-results__update-card {
		min-width: 0 !important;
		width: 100% !important;
		text-align: left !important;
	}

	[data-rlrd-results] .rlrd-results__tools {
		padding: 0 var(--rlrd-inset) 12px !important;
	}

	[data-rlrd-results] .rlrd-results__controls-row {
		grid-template-columns: 1fr !important;
	}

	[data-rlrd-results] .rlrd-results__view-nav {
		display: grid !important;
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	}

	[data-rlrd-results] .rlrd-results__view-btn {
		white-space: normal !important;
		text-align: center !important;
	}

	[data-rlrd-results] .rlrd-results__calendar {
		grid-template-columns: 1fr !important;
		align-items: stretch !important;
	}

	[data-rlrd-results] .rlrd-filter-bar {
		flex-wrap: nowrap !important;
		overflow-x: auto !important;
		overflow-y: hidden !important;
		padding: 12px var(--rlrd-inset) 6px !important;
		scrollbar-width: thin !important;
		-webkit-overflow-scrolling: touch;
	}

	[data-rlrd-results] .rlrd-results__groups {
		gap: 10px !important;
		padding: var(--rlrd-inset) !important;
	}

	[data-rlrd-results] .rlrd-results__grid,
	[data-rlrd-results] .rlrd-results__lottery-group[data-card-count="2"] .rlrd-results__grid {
		grid-template-columns: repeat(var(--rlrd-group-columns-mobile), minmax(0, 1fr)) !important;
	}

	[data-rlrd-results].rlrd-results--schedule .rlrd-results__schedule-grid {
		grid-template-columns: repeat(var(--rlrd-columns-mobile), minmax(0, 1fr)) !important;
		gap: 10px !important;
		padding: var(--rlrd-inset) !important;
	}
}

@media (max-width: 500px) {
	[data-rlrd-results] .rlrd-results__view-nav {
		grid-template-columns: 1fr !important;
	}

	[data-rlrd-results] .rlrd-card__header {
		align-items: flex-start !important;
	}

	[data-rlrd-results] .rlrd-card__source {
		max-width: 38% !important;
	}

	[data-rlrd-results] .rlrd-card__schedule {
		align-items: flex-start !important;
		flex-direction: column !important;
	}
}

/* Keep embedded widgets comfortable even inside a narrow desktop column. */
@container rlrd-widget (max-width: 720px) {
	[data-rlrd-results] .rlrd-results__controls-row,
	[data-rlrd-results] .rlrd-results__calendar {
		grid-template-columns: minmax(0, 1fr) !important;
	}

	[data-rlrd-results] .rlrd-results__header {
		flex-wrap: wrap !important;
	}

	[data-rlrd-results] .rlrd-results__update-card {
		min-width: 0 !important;
		max-width: 100% !important;
		overflow-wrap: anywhere !important;
	}

	[data-rlrd-results] .rlrd-results__groups {
		grid-template-columns: minmax(0, 1fr) !important;
	}

	@media (min-width: 681px) {
		[data-rlrd-results] .rlrd-results__grid,
		[data-rlrd-results] .rlrd-results__lottery-group[data-card-count="2"] .rlrd-results__grid {
			grid-template-columns: repeat(var(--rlrd-group-columns-tablet), minmax(0, 1fr)) !important;
		}

		[data-rlrd-results].rlrd-results--schedule .rlrd-results__schedule-grid {
			grid-template-columns: repeat(var(--rlrd-columns-tablet), minmax(0, 1fr)) !important;
		}
	}
}

@container rlrd-widget (max-width: 440px) {
	[data-rlrd-results] .rlrd-results__view-nav {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) !important;
	}

	[data-rlrd-results] .rlrd-filter-bar {
		flex-wrap: nowrap !important;
		overflow-x: auto !important;
		padding-bottom: 6px !important;
		scrollbar-width: thin !important;
	}

	[data-rlrd-results] .rlrd-results__grid,
	[data-rlrd-results] .rlrd-results__lottery-group[data-card-count="2"] .rlrd-results__grid {
		grid-template-columns: repeat(var(--rlrd-group-columns-mobile), minmax(0, 1fr)) !important;
	}

	[data-rlrd-results].rlrd-results--schedule .rlrd-results__schedule-grid {
		grid-template-columns: repeat(var(--rlrd-columns-mobile), minmax(0, 1fr)) !important;
	}
}

[data-rlrd-results] button:focus-visible,
[data-rlrd-results] input:focus-visible,
[data-rlrd-results] a:focus-visible {
	outline: 2px solid var(--rlrd-brand-blue) !important;
	outline-offset: 2px !important;
}

@media (prefers-reduced-motion: reduce) {
	[data-rlrd-results] .rlrd-card {
		transition: none !important;
	}

	[data-rlrd-results] .rlrd-card:hover {
		transform: none !important;
	}
}

/* Hidden state must win over the grid and flex presentation rules. */
[data-rlrd-results].rlrd-results [hidden],
[data-rlrd-results].rlrd-results .rlrd-card[hidden] {
	display: none !important;
}