/* The public accordion. Inherits the theme's fonts and colours; only structure is set here. */

.ia-interview {
	margin: 2em 0;
}

.ia-preview-note {
	padding: 0.6em 1em;
	border-left: 4px solid #d63638;
	background: rgba( 214, 54, 56, 0.06 );
}

.ia-accordion {
	border-top: 1px solid rgba( 0, 0, 0, 0.15 );
}

.ia-item {
	border-bottom: 1px solid rgba( 0, 0, 0, 0.15 );
}

.ia-item-summary {
	display: flex;
	align-items: baseline;
	gap: 0.75em;
	padding: 0.9em 0.25em;
	cursor: pointer;
	list-style: none;
	font-weight: 600;
	line-height: 1.35;
}

.ia-item-summary::-webkit-details-marker {
	display: none;
}

.ia-item-summary::before {
	content: '+';
	flex: 0 0 1em;
	text-align: center;
	opacity: 0.6;
}

.ia-item[open] > .ia-item-summary::before {
	content: '−';
}

.ia-item-number {
	flex: 0 0 auto;
	opacity: 0.55;
	font-variant-numeric: tabular-nums;
}

.ia-item-title {
	flex: 1 1 auto;
}

.ia-item-length {
	flex: 0 0 auto;
	font-weight: 400;
	font-size: 0.85em;
	opacity: 0.7;
	white-space: nowrap;
}

.ia-item-body {
	padding: 0 0.25em 1.25em 2em;
}

.ia-item-audio {
	display: block;
	width: 100%;
	max-width: 640px;
	margin: 0 0 1em;
}

.ia-item-text p:last-child {
	margin-bottom: 0;
}

@media ( max-width: 600px ) {
	.ia-item-body {
		padding-left: 0.25em;
	}
}

/* Profile header */

.ia-header {
	margin: 0 0 2em;
}

.ia-header-label {
	margin: 0;
	font-size: 0.8em;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	opacity: 0.65;
}

.ia-header-title {
	margin: 0.1em 0 0.4em;
}

.ia-header-summary {
	font-size: 1.1em;
	margin: 0 0 1em;
}

.ia-header-facts {
	display: grid;
	grid-template-columns: repeat( auto-fit, minmax( 220px, 1fr ) );
	gap: 0.6em 1.5em;
	margin: 0 0 1.5em;
}

.ia-fact dt {
	font-size: 0.8em;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	opacity: 0.65;
}

.ia-fact dd {
	margin: 0;
}

.ia-fact-keywords {
	grid-column: 1 / -1;
}

.ia-keyword {
	display: inline-block;
	margin: 0 0.4em 0.4em 0;
	padding: 0.15em 0.6em;
	border: 1px solid rgba( 0, 0, 0, 0.2 );
	border-radius: 1em;
	font-size: 0.9em;
	text-decoration: none;
}

.ia-featured,
.ia-full {
	margin: 0 0 1.25em;
}

.ia-featured-title,
.ia-full-title {
	margin: 0 0 0.4em;
}

.ia-featured-audio,
.ia-full-audio {
	display: block;
	width: 100%;
	max-width: 640px;
}

/* Playlist */

.ia-playlist {
	margin: 2em 0;
}

.ia-playlist-note {
	opacity: 0.7;
	margin: 0 0 0.75em;
}

.ia-tracks {
	list-style: none;
	margin: 0;
	padding: 0;
}

.ia-track {
	display: grid;
	grid-template-columns: 1fr auto;
	gap: 0.25em 1em;
	align-items: baseline;
	padding: 0.6em 0;
	border-top: 1px solid rgba( 0, 0, 0, 0.12 );
}

.ia-track-title {
	font-weight: 600;
}

.ia-track-audio {
	grid-column: 1 / -1;
	width: 100%;
	max-width: 640px;
	height: 36px;
}

/* Directory */

.ia-directory-filters {
	display: flex;
	flex-wrap: wrap;
	gap: 0.6em;
	align-items: center;
	margin: 0 0 1.25em;
}

.ia-directory {
	display: grid;
	grid-template-columns: repeat( auto-fill, minmax( 260px, 1fr ) );
	gap: 1.25em;
	list-style: none;
	margin: 0;
	padding: 0;
}

.ia-profile-card {
	border: 1px solid rgba( 0, 0, 0, 0.12 );
	border-radius: 6px;
	padding: 1em;
}

.ia-profile-card img {
	width: 100%;
	height: auto;
	border-radius: 4px;
	margin-bottom: 0.6em;
}

.ia-profile-card h3 {
	margin: 0 0 0.25em;
	font-size: 1.05em;
}

.ia-profile-card .ia-card-focus {
	margin: 0 0 0.4em;
	font-weight: 600;
}

.ia-profile-card .ia-card-meta {
	margin: 0;
	font-size: 0.9em;
	opacity: 0.75;
}

/* The plugin's own single-interview page (only when the theme has none) */

.ia-single {
	max-width: 900px;
	margin: 0 auto;
	padding: 2em 16px;
}

.ia-article-header {
	margin-bottom: 1.5em;
}

.ia-article-image img {
	max-width: 100%;
	height: auto;
}