.cphd { --cphd-line: var(--cph-line, rgba(20, 22, 26, 0.12)); --cphd-muted: var(--cph-muted, #5f6672); --cphd-surface: var(--cph-bg, #fff); color: var(--cph-text, #14161a); }
.cphd .screen-reader-text, .cphd-recent .screen-reader-text {
	position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0;
	overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap;
}
.cphd__filters { display: flex; flex-wrap: wrap; gap: 1rem 1.5rem; margin: 0 0 1rem; }
.cphd__field { display: flex; flex-direction: column; gap: 0.35rem; flex: 1 1 220px; max-width: 420px; }
.cphd__field label { font-size: 0.75rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--cphd-muted); }
.cphd__field input, .cphd__field select {
	font: inherit; padding: 0.75rem 0.9rem; color: inherit; background: var(--cphd-surface);
	border: 1px solid var(--cphd-line); border-radius: 8px; min-width: 0; height: 3rem;
}
.cphd__count { margin: 0 0 0.75rem; font-size: 0.85rem; color: var(--cphd-muted); min-height: 1.4em; }
.cphd__scroll { overflow-x: auto; }
.cphd__table { width: 100%; border-collapse: collapse; font-variant-numeric: tabular-nums; }
.cphd__table th {
	text-align: left; font-weight: 700; font-size: 0.72rem; letter-spacing: 0.08em; text-transform: uppercase;
	color: var(--cphd-muted); padding: 0.8rem 1rem 0.8rem 0; border-bottom: 1px solid var(--cphd-line);
}
.cphd__table td { padding: 0.95rem 1rem 0.95rem 0; border-bottom: 1px solid var(--cphd-line); vertical-align: top; }
.cphd__table tbody tr:hover { background: rgba(20, 22, 26, 0.03); }
.cphd__date { white-space: nowrap; color: var(--cphd-muted); }
.cphd__artist { font-weight: 700; font-size: 1.05rem; }
.cphd__artist a { color: inherit; text-decoration: none; border-bottom: 2px solid var(--cph-accent, #2e58ce); }
.cphd__tour { color: var(--cphd-muted); }
.cphd__none, .cphd-empty { padding: 1.5rem 0; color: var(--cphd-muted); }
.cphd__table tr[hidden] { display: none; }

.cphd-recent { list-style: none; margin: 0; padding: 0; }
.cphd-recent__item {
	display: grid; grid-template-columns: 8rem minmax(0, 1.3fr) minmax(0, 1.2fr) minmax(0, 1fr); gap: 0.5rem 1.5rem;
	padding: 1rem 0; border-bottom: 1px solid var(--cph-line, rgba(20, 22, 26, 0.12)); align-items: baseline;
}
.cphd-recent__date { color: var(--cph-muted, #5f6672); font-variant-numeric: tabular-nums; }
.cphd-recent__artist { font-weight: 700; font-size: 1.1rem; }
.cphd-recent__place, .cphd-recent__tour { color: var(--cph-muted, #5f6672); }

@media (max-width: 720px) {
	.cphd__table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
	.cphd__table, .cphd__table tbody, .cphd__table tr, .cphd__table td { display: block; width: 100%; }
	.cphd__table tr { padding: 0.9rem 0; border-bottom: 1px solid var(--cphd-line); }
	.cphd__table td { border: 0; padding: 0.1rem 0; }
	.cphd-recent__item { grid-template-columns: minmax(0, 1fr); gap: 0.15rem; }
}