/**
 * Clock Radio / Authors & Works
 *
 * Site-specific presentation adapter over the independently maintained
 * Contributor Works Directory plugin. All rules are rooted at .cr-index.
 * No plugin source edits, duplicated author data, or DOM rewrites.
 */
.cr-index {
	background: var(--cr-bg);
	color: var(--cr-ink);
	min-height: 55vh;
	padding: 0 0 clamp(56px, 8vw, 110px);
}
.cr-index *,
.cr-index *::before,
.cr-index *::after { box-sizing: border-box; }
.cr-index__inner {
	width: min(calc(100% - 52px), 1360px);
	margin-inline: auto;
}
.cr-index__masthead {
	padding: clamp(27px, 3vw, 45px) 0 clamp(24px, 2.6vw, 37px);
}
.cr-index__eyebrow {
	margin: 0 0 13px;
	color: var(--cr-accent);
	font: 600 12px/1.35 var(--cr-mono);
	letter-spacing: .04em;
}
.cr-index__masthead h1 {
	margin: 0;
	color: var(--cr-ink);
	font: 500 clamp(3rem, 6.3vw, 5.5rem)/1.04 var(--cr-serif);
	letter-spacing: -.055em;
}
.cr-index__filters {
	display: none;
	align-items: end;
	flex-wrap: wrap;
	gap: 16px 18px;
	padding: 20px clamp(18px, 2.5vw, 31px);
	border: 1px solid var(--cr-line);
	background: var(--cr-surface);
}
.cr-index.cr-index--ready .cr-index__filters { display: flex; }
.cr-index__field {
	display: flex;
	flex-direction: column;
	gap: 9px;
	min-width: 0;
}
.cr-index__field--search { flex: 1 1 380px; }
.cr-index__field--category { flex: 0 1 315px; }
.cr-index__field label {
	color: var(--cr-muted);
	font: 600 12px/1.3 var(--cr-mono);
	letter-spacing: .03em;
}
.cr-index__field input,
.cr-index__field select {
	display: block;
	width: 100%;
	height: 48px;
	margin: 0;
	padding: 10px 15px;
	border: 1px solid var(--cr-line);
	border-radius: 0;
	color: var(--cr-ink);
	background: var(--cr-bg);
	font: 500 16px/1.4 var(--cr-mono);
	box-shadow: none;
	appearance: auto;
}
.cr-index__field input::placeholder { color: var(--cr-muted); opacity: .82; }
.cr-index__field input:focus-visible,
.cr-index__field select:focus-visible,
.cr-index__clear:focus-visible,
.cr-index a:focus-visible {
	outline: 2px solid var(--cr-accent);
	outline-offset: 3px;
}
.cr-index__clear {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	padding: 11px 15px;
	border: 1px solid var(--cr-accent);
	background: transparent;
	color: var(--cr-accent);
	font: 600 12px/1.3 var(--cr-mono);
	cursor: pointer;
}
.cr-index__clear:hover {
	background: var(--cr-button-bg);
	color: var(--cr-button-text);
}
.cr-index__clear[hidden] { display: none !important; }
.cr-index__result-count {
	margin: 11px 2px 0;
	min-height: 0;
	color: var(--cr-muted);
	font: 500 13px/1.4 var(--cr-mono);
}
.cr-index__result-count:empty { display: none; }
.cr-index__directory { margin-top: clamp(27px, 3.3vw, 49px); }
.cr-index .cwd-directory { max-width: none; }
.cr-index .cwd-controls,
.cr-index .cwd-az { display: none !important; }
/* The shortcode is configured to render only its authors panel. */
.cr-index .cwd-panel[data-cwd-view="authors"] {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 20px clamp(30px, 4.5vw, 67px);
	column-width: auto;
	column-gap: normal;
	align-items: start;
}
.cr-index .cwd-panel[hidden],
.cr-index .cwd-author[hidden],
.cr-index .cwd-works > li[hidden],
.cr-index .cr-index__empty[hidden] { display: none !important; }
.cr-index .cwd-author {
	padding: 20px 3px 14px;
	margin: 0;
	min-width: 0;
	break-inside: avoid;
	border-top: 1px solid var(--cr-line);
}
.cr-index .cwd-author-header {
	margin: 0 0 8px;
	gap: 10px;
}
.cr-index .cwd-heading {
	margin: 0;
	color: var(--cr-ink);
	font: 500 clamp(1.6rem, 2.15vw, 2.15rem)/1.16 var(--cr-serif);
	letter-spacing: -.035em;
	overflow-wrap: anywhere;
}
.cr-index .cwd-author a,
.cr-index .cwd-works a { color: inherit; text-decoration: none; }
.cr-index .cwd-heading > a:first-child:hover,
.cr-index .cwd-work-title:hover {
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: .16em;
	color: var(--cr-accent);
}
.cr-index .cwd-author-header .cwd-permalink {
	color: var(--cr-accent);
	opacity: .45;
}
.cr-index .cwd-heading:hover .cwd-permalink,
.cr-index .cwd-heading:focus-within .cwd-permalink { opacity: .85; }
.cr-index .cwd-works {
	list-style: none;
	margin: 12px 0 0;
	padding: 0;
}
.cr-index .cwd-works > li {
	display: block;
	padding: 6px 0;
	margin: 0;
	line-height: 1.42;
}
.cr-index .cwd-work-title {
	font: 400 clamp(1.02rem, 1.45vw, 1.22rem)/1.42 var(--cr-serif);
}
.cr-index .cwd-work-meta { display: none !important; }
.cr-index .cwd-no-results { display: none !important; }
.cr-index__empty {
	padding: 22px 0;
	color: var(--cr-muted);
	font: 400 21px/1.45 var(--cr-serif);
}
.cr-index__unavailable {
	padding: 28px 0;
	font: 400 20px/1.45 var(--cr-serif);
}
@media (max-width: 900px) {
	.cr-index__field--search { flex-basis: 55%; }
	.cr-index__field--category { flex: 1 1 230px; }
}
@media (max-width: 740px) {
	.cr-index__inner { width: calc(100% - 28px); }
	.cr-index__masthead { padding-block: 25px 25px; }
	.cr-index__masthead h1 { font-size: clamp(2.9rem, 9vw, 4.25rem); }
	.cr-index__filters { padding: 18px; gap: 15px; }
	.cr-index__field--search,
	.cr-index__field--category { flex: 1 1 100%; }
	.cr-index .cwd-panel[data-cwd-view="authors"] {
		grid-template-columns: minmax(0, 1fr);
		gap: 8px;
	}
	.cr-index .cwd-author { padding: 17px 2px 16px; }
	.cr-index .cwd-heading { font-size: clamp(1.65rem, 6vw, 2rem); }
	.cr-index .cwd-work-title { font-size: 1.16rem; }
}
@media (prefers-reduced-motion: reduce) {
	.cr-index__clear { transition: none; }
}
