/* MIDDERMUSIC: collapsible long song-list tables.
   Opt-in only: figure.mm-tbl-collapse. Visual collapse only; every row stays in the HTML.
   Rows 11+ are hidden only after JavaScript adds .is-collapsed. Without JS the full table
   stays visible. Do not add or change the purple .mm-tbl table rules in this file. */

.mm-tbl-collapse {
	scroll-margin-top: 96px; /* keep the table clear of the sticky header on collapse */
}

/* JS adds .is-collapsed. nth-child still counts hidden rows, so stripe colors match the expanded state. */
.mm-tbl-collapse.is-collapsed table tbody > tr:nth-child(n+11) {
	display: none;
}

.mm-tbl-toggle {
	display: inline-block;
	box-sizing: border-box;
	margin: 8px 0 24px;
	padding: 10px 16px;
	min-height: 44px;
	font-family: var(--mm-font-sans, "Arimo", "Liberation Sans", system-ui, sans-serif);
	font-weight: 700;
	font-size: 14px;
	line-height: 1.3;
	color: var(--mm-ink, #0B0B0C);
	background: var(--mm-paper, #F6F5F1);
	border: 2px solid var(--mm-lilac, #B9A6DB);
	border-radius: 0;
	cursor: pointer;
}

.mm-tbl-toggle:hover {
	background: var(--mm-affiliate-tint, #E2DBEA);
}

.mm-tbl-toggle:focus {
	outline: 2px solid var(--mm-ink, #0B0B0C);
	outline-offset: 2px;
}

.mm-tbl-toggle:focus:not(:focus-visible) {
	outline: none;
}

.mm-tbl-toggle:focus-visible {
	outline: 2px solid var(--mm-ink, #0B0B0C);
	outline-offset: 2px;
}