/*
 * Copamex Site -- the Radio program's pages (1.32.0).
 *
 * The registration gate (`RadioRegistration`): what a visitor reads when
 * stations cannot register now, or when their account already has a
 * station. The form itself is ILM Forms', styled by ILM Forms. Scoped to
 * this gate's own classes and drawn with the site's design tokens
 * (`--ilm-color-*`, `--ilm-radius-*`, `--ilm-spacing-*`), as the Artist
 * area's stylesheet is. Loaded on the Radio pages only. Plain CSS, no
 * build step.
 */

.copamex-radio {
	--copamex-radio-line: var(--ilm-color-border, rgba(255, 255, 255, 0.12));
	--copamex-radio-surface: var(--ilm-color-surface, #141416);
	--copamex-radio-muted: var(--ilm-color-fg-muted, #a1a1aa);
	display: grid;
	gap: var(--ilm-spacing-md, 24px);
	box-sizing: border-box;
	max-width: 100%;
	overflow-wrap: anywhere;
}

.copamex-radio *,
.copamex-radio *::before,
.copamex-radio *::after {
	box-sizing: inherit;
}

.copamex-radio__card {
	padding: var(--ilm-spacing-md, 24px);
	border: 1px solid var(--copamex-radio-line);
	border-radius: var(--ilm-radius-md, 10px);
	background: var(--copamex-radio-surface);
}

.copamex-radio__card > :first-child {
	margin-top: 0;
}

.copamex-radio__card > :last-child {
	margin-bottom: 0;
}

.copamex-radio__card p {
	margin: 0 0 0.75rem;
	line-height: 1.6;
}

.copamex-radio__title {
	margin: 0 0 0.5rem;
	font-size: 1.25rem;
	line-height: 1.3;
}

.copamex-radio__note {
	color: var(--copamex-radio-muted);
	font-size: 0.9375rem;
}

.copamex-radio__note--signed-in {
	margin: 0 0 var(--ilm-spacing-sm, 16px);
	padding: 0.75rem 1rem;
	border-left: 4px solid var(--ilm-color-primary, #d10a0a);
	background: var(--ilm-color-surface, #141416);
	color: inherit;
	line-height: 1.6;
}

/* A File Upload field in a fieldset: never wider than the column (390px). */
.copamex-radio-form fieldset {
	min-width: 0;
}