/* Loaded last, after TNG's own stylesheets and templatestyle.css. */

/* Transcriptions' tables (the MCP Server makes a transcriber's " | " columns into them),
   ruled, and scrolled sideways when wider than a phone */
table.transcript {
	border-collapse: collapse;
	display: block;
	max-width: 100%;
	overflow-x: auto;
	margin: 0.5em 0;
}

table.transcript td, table.transcript th {
	border: 1px solid var(--fh-line);
	padding: 2px 6px;
	vertical-align: top;
	text-align: left;
}

table.transcript th {
	background-color: var(--fh-tint);
	color: var(--fh-accent-dark);
}

/* What's New (whatsnew.php): a row per person or family, what is new as a list, then thumbnails.
   On a phone the name sits above the list. */
table.fh-whatsnew td.fh-whatsnew-name {
	width: 28%;
}

.fh-whatsnew-list {
	margin: 0;
	padding-left: 1.2em;
}

.fh-whatsnew-thumbs {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 6px;
	margin-top: 6px;
}

.fh-whatsnew-thumbs img {
	display: block;
	margin: 0;
}

.fh-whatsnew-thumbs .fh-whatsnew-more {
	align-self: center;
}

.fh-whatsnew-more, .fh-whatsnew-earlier {
	font-style: italic;
}

@media (max-width: 720px) {
	table.fh-whatsnew td {
		display: block;
		width: auto !important;
	}
	table.fh-whatsnew td.fh-whatsnew-name {
		font-weight: bold;
		padding-bottom: 0;
	}
}