/*
 * Collapsible sections on the podcast episode-index pages
 * (thor-, revolutions-, and thob/thob-episode-index.html).
 *
 * Native <details>/<summary> replacement for Adobe Spry's
 * SpryCollapsiblePanel widget; recreates the look of Spry's
 * stock SpryCollapsiblePanel.css.
 */

details.period {
	width: 800px;
	margin: auto;
	text-align: center;
	border-left: solid 1px #CCC;
	border-right: solid 1px #999;
	border-top: solid 1px #999;
	border-bottom: solid 1px #CCC;
}

details.period > summary {
	font: bold 0.7em sans-serif;
	background-color: #DDD;
	border-bottom: solid 1px #CCC;
	margin: 0;
	padding: 2px;
	cursor: pointer;
	user-select: none;
}

details.period[open] > summary {
	background-color: #EEE;
}

details.period > summary:hover {
	background-color: #CCC;
}

.period-content {
	margin: 0;
	padding: 0;
}