/* Rare disease register list. Ledger 2.9.
   Deliberately plain: this sits inside Kadence/Elementor pages that already set
   the type scale, and the accessibility toolbar resizes text, so sizes are in
   rem and nothing is locked to a fixed height. */

.mrds-rdl { --mrds-rdl-line: #e3e1ea; --mrds-rdl-muted: #5d5870; --mrds-rdl-accent: #6b2d8e; }

.mrds-rdl__source { font-size: .875rem; color: var(--mrds-rdl-muted); margin: 0 0 1.25rem; }

.mrds-rdl__controls { display: flex; flex-wrap: wrap; gap: 1rem; margin-bottom: 1rem; }
.mrds-rdl__field { flex: 1 1 16rem; display: flex; flex-direction: column; gap: .35rem; }
.mrds-rdl__field label { font-size: .8125rem; font-weight: 600; color: var(--mrds-rdl-muted); }
.mrds-rdl__field input,
.mrds-rdl__field select {
	width: 100%; padding: .6rem .75rem; font: inherit; font-size: 1rem;
	border: 1px solid var(--mrds-rdl-line); border-radius: 4px; background: #fff; color: inherit;
}
.mrds-rdl__field input:focus,
.mrds-rdl__field select:focus { outline: 2px solid var(--mrds-rdl-accent); outline-offset: 1px; }

.mrds-rdl__count { font-size: .875rem; color: var(--mrds-rdl-muted); margin: 0 0 1rem; }

.mrds-rdl__jump { display: flex; flex-wrap: wrap; gap: .4rem; margin-bottom: 1.5rem; }
.mrds-rdl__jump a {
	font-size: .75rem; line-height: 1.3; padding: .35rem .6rem; text-decoration: none;
	border: 1px solid var(--mrds-rdl-line); border-radius: 999px; color: var(--mrds-rdl-muted);
}
.mrds-rdl__jump a:hover,
.mrds-rdl__jump a:focus { border-color: var(--mrds-rdl-accent); color: var(--mrds-rdl-accent); }

.mrds-rdl__group { margin: 0 0 2rem; scroll-margin-top: 6rem; }
.mrds-rdl__group-title {
	display: flex; align-items: baseline; gap: .6rem; flex-wrap: wrap;
	font-size: 1rem; text-transform: uppercase; letter-spacing: .04em;
	color: var(--mrds-rdl-accent); margin: 0 0 .5rem; padding-bottom: .4rem;
	border-bottom: 2px solid var(--mrds-rdl-accent);
}
.mrds-rdl__group-count { font-size: .75rem; font-weight: 400; color: var(--mrds-rdl-muted); letter-spacing: 0; }

.mrds-rdl__items { list-style: none; margin: 0; padding: 0; }
.mrds-rdl__item {
	display: grid; grid-template-columns: 3.5rem 1fr 9rem; gap: .75rem; align-items: start;
	padding: .6rem .25rem; border-bottom: 1px solid var(--mrds-rdl-line);
}
.mrds-rdl__no { font-size: .8125rem; color: var(--mrds-rdl-muted); font-variant-numeric: tabular-nums; }
.mrds-rdl__name { font-size: .9375rem; line-height: 1.45; overflow-wrap: anywhere; }
.mrds-rdl__code {
	font-size: .8125rem; color: var(--mrds-rdl-muted);
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	overflow-wrap: anywhere; text-align: right;
}

.mrds-rdl__noresults { padding: 1.5rem .25rem; color: var(--mrds-rdl-muted); }
.mrds-rdl__empty-state { padding: 1.5rem .25rem; }

/* Long condition names are common here — one runs to 337 characters — so the
   code column drops below the name rather than squeezing it on small screens. */
@media (max-width: 640px) {
	.mrds-rdl__item { grid-template-columns: 2.5rem 1fr; }
	.mrds-rdl__code { grid-column: 2; text-align: left; }
}