/* INDEXA Members: summary + filter bar, letter index, grouped callsign chips. Doubled classes beat theme ".entry-content" rules. */
.ix-members.ix-members { margin-block: 1.5rem; }
.ix-members [hidden] { display: none !important; } /* filter hides index/groups/chips that have their own display */

.ix-members .ix-members__bar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: .75rem 1.25rem;
	padding: .85rem 1rem;
	border: 1px solid var(--wp--preset--color--line, #dfe4ee);
	border-radius: var(--wp--custom--radius, 14px);
	background: color-mix(in srgb, var(--wp--preset--color--sand, #f4f6fa) 70%, #fff);
}
.ix-members .ix-members__meta { margin: 0; max-width: none; color: var(--wp--preset--color--muted, #526077); }
.ix-members .ix-members__meta strong { font-size: 1.35rem; color: var(--wp--preset--color--primary, #1e3a8a); vertical-align: -1px; }
.ix-members__find { flex: 1 1 15rem; max-width: 22rem; }
.ix-members .ix-members__find input {
	width: 100%;
	padding: .6rem .9rem .6rem 2.3rem;
	border: 1px solid var(--wp--preset--color--line, #dfe4ee);
	border-radius: 999px;
	background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23526077' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") no-repeat .8rem 50% / 1rem;
	font: 500 .95rem/1.2 var(--wp--preset--font-family--mono, ui-monospace, Menlo, Consolas, monospace);
	text-transform: uppercase;
	letter-spacing: .04em;
}
.ix-members .ix-members__find input::placeholder { text-transform: none; letter-spacing: 0; font-family: inherit; }
.ix-members .ix-members__find input:focus {
	outline: none;
	border-color: var(--wp--preset--color--primary, #1e3a8a);
	box-shadow: 0 0 0 4px color-mix(in srgb, var(--wp--preset--color--primary, #1e3a8a) 14%, transparent);
}

/* letter index: sticky while scrolling the long list */
.ix-members .ix-members__index {
	position: sticky;
	top: 0;
	z-index: 2;
	display: flex;
	flex-wrap: wrap;
	gap: .3rem;
	margin: .9rem 0 .5rem;
	padding: .55rem 0;
	background: color-mix(in srgb, #fff 92%, transparent);
	backdrop-filter: blur(6px);
	border-bottom: 1px solid var(--wp--preset--color--line, #dfe4ee);
}
.ix-members .ix-members__index a {
	display: grid;
	place-items: center;
	min-width: 2rem;
	height: 2rem;
	padding: 0 .4rem;
	border-radius: 8px;
	font: 700 .8rem/1 var(--wp--preset--font-family--mono, ui-monospace, Menlo, Consolas, monospace);
	text-decoration: none;
	color: var(--wp--preset--color--primary, #1e3a8a);
	background: color-mix(in srgb, var(--wp--preset--color--primary, #1e3a8a) 7%, #fff);
	transition: background-color .15s, color .15s;
}
.ix-members .ix-members__index a:hover { background: var(--wp--preset--color--primary, #1e3a8a); color: #fff; }

.ix-members .ix-members__group { margin-top: 1.4rem; scroll-margin-top: 4rem; }
.ix-members .ix-members__group .ix-members__letter {
	display: flex;
	align-items: center;
	gap: .6rem;
	margin: 0 0 .6rem;
	font-size: 1rem;
	letter-spacing: 0;
}
.ix-members__letter span {
	display: grid;
	place-items: center;
	min-width: 2.1rem;
	height: 2.1rem;
	padding: 0 .45rem;
	border-radius: 50%;
	color: #fff;
	background: linear-gradient(135deg, var(--wp--preset--color--primary, #1e3a8a), var(--wp--preset--color--primary-dark, #0b1d4d));
	font: 800 .9rem/1 var(--wp--preset--font-family--mono, ui-monospace, Menlo, Consolas, monospace);
}
.ix-members__letter small { font: 600 .72rem/1 var(--wp--preset--font-family--mono, ui-monospace, Menlo, Consolas, monospace); color: var(--wp--preset--color--muted, #526077); }
.ix-members__letter::after { content: ""; flex: 1; height: 1px; background: var(--wp--preset--color--line, #dfe4ee); }

.ix-members .ix-members__calls {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(7.5rem, 1fr));
	gap: .4rem;
	max-width: none;
	margin: 0;
	padding: 0;
	list-style: none;
}
.ix-members .ix-members__calls li {
	margin: 0;
	padding: .45rem .4rem;
	border: 1px solid var(--wp--preset--color--line, #dfe4ee);
	border-radius: 7px;
	background: #fff;
	text-align: center;
	font: 500 .8rem/1.2 var(--wp--preset--font-family--mono, ui-monospace, Menlo, Consolas, monospace);
	letter-spacing: .02em;
	overflow-wrap: anywhere;
	transition: border-color .15s, color .15s, background-color .15s;
}
.ix-members .ix-members__calls li:hover { border-color: color-mix(in srgb, var(--wp--preset--color--primary, #1e3a8a) 40%, var(--wp--preset--color--line, #dfe4ee)); color: var(--wp--preset--color--primary, #1e3a8a); }
.ix-members .ix-members__calls li.is-match {
	border-color: var(--wp--preset--color--accent, #f59e0b);
	background: color-mix(in srgb, var(--wp--preset--color--accent, #f59e0b) 12%, #fff);
	font-weight: 700;
}
.ix-members .ix-members__none { margin-top: 1.5rem; color: var(--wp--preset--color--muted, #526077); }

@media (max-width: 600px) {
	.ix-members .ix-members__calls { grid-template-columns: repeat(auto-fill, minmax(6.4rem, 1fr)); }
	.ix-members .ix-members__calls li { font-size: .74rem; }
	.ix-members__find { max-width: none; }
}