/*
 * The public face of a published maker record (BB_Maker_View, GAP-527).
 *
 * Mobile first. The reader is a dealer, repairer or collector on a phone:
 * the name, the fact line, the printed lines and which book said so, then
 * one status sentence, then everything else behind one disclosure. Colour
 * and type come from theme.json presets only (no new fonts, no literal
 * colours); spacing is rem, like every sheet beside this one. Nothing here
 * may cause a horizontal scroll: long slugs, catalogue titles and citation
 * URLs wrap, they never push.
 */

/* --- the header card ---------------------------------------------------- */

.bb-mv-lead {
	margin: 0 0 1.5rem;
	min-width: 0;
}

.bb-mv-lead__facts {
	margin: 0;
	font-family: var(--wp--preset--font-family--label);
	font-size: var(--wp--preset--font-size--medium);
	font-variant-numeric: tabular-nums;
	color: var(--wp--preset--color--accent-4);
	overflow-wrap: anywhere;
}

.bb-mv-fact--spread {
	color: var(--wp--preset--color--accent-3);
}

.bb-mv-lead .bb-also-known,
.bb-mv-lead .bb-supersedes {
	margin: 0.5rem 0 0;
	font-size: var(--wp--preset--font-size--small);
	color: var(--wp--preset--color--accent-4);
}

/* --- as printed --------------------------------------------------------- */

.bb-mv-printed {
	margin: 0 0 1.75rem;
	min-width: 0;
}

.bb-mv-printed > h2 {
	margin: 0 0 0.5rem;
	font-family: var(--wp--preset--font-family--label);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--wp--preset--color--accent-4);
}

.bb-mv-printed__list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.bb-mv-printing {
	margin: 0;
	padding: 0.9rem 0 1rem;
	border-top: 1px solid var(--wp--preset--color--accent-6);
	min-width: 0;
}

.bb-mv-printing__book {
	margin: 0 0 0.5rem;
	font-family: var(--wp--preset--font-family--label);
	font-size: var(--wp--preset--font-size--small);
	overflow-wrap: anywhere;
}

.bb-mv-printing__book a {
	text-decoration: none;
}

.bb-mv-printing__book a:hover,
.bb-mv-printing__book a:focus {
	text-decoration: underline;
}

.bb-mv-printing__year {
	color: var(--wp--preset--color--accent-4);
	font-variant-numeric: tabular-nums;
}

.bb-mv-printing__warn {
	display: block;
	margin-top: 0.25rem;
	color: var(--wp--preset--color--accent-3);
}

.bb-mv-printing__book code {
	font-family: var(--wp--preset--font-family--fira-code);
	font-size: 0.9em;
	overflow-wrap: anywhere;
}

.bb-mv-line {
	margin: 0 0 0.4rem;
	padding: 0 0 0 0.85rem;
	border-left: 3px solid var(--wp--preset--color--accent-6);
	font-style: normal;
	overflow-wrap: anywhere;
}

.bb-mv-line > p {
	margin: 0;
	font-size: var(--wp--preset--font-size--medium);
	line-height: 1.55;
	color: var(--wp--preset--color--contrast);
}

.bb-mv-line__note {
	margin: 0 0 0.4rem 0.85rem;
	font-size: var(--wp--preset--font-size--small);
	color: var(--wp--preset--color--accent-3);
}

.bb-mv-where {
	margin: 0 0 0.9rem 0.85rem;
	font-size: var(--wp--preset--font-size--small);
	color: var(--wp--preset--color--accent-4);
	overflow-wrap: anywhere;
}

.bb-mv-where__one {
	display: inline-block;
	margin-right: 0.5rem;
}

.bb-mv-where .bb-caveat {
	font-style: italic;
}

.bb-mv-scan {
	white-space: nowrap;
}

/* --- the transcript disclosure (machine text, closed by default) -------- */

.bb-mv-transcript {
	margin: 0 0 0.9rem 0.85rem;
	font-size: var(--wp--preset--font-size--small);
	min-width: 0;
}

.bb-mv-transcript__summary {
	cursor: pointer;
	font-family: var(--wp--preset--font-family--label);
	color: var(--wp--preset--color--accent-1);
	list-style: none;
}

.bb-mv-transcript__summary::-webkit-details-marker {
	display: none;
}

.bb-mv-transcript__summary::before {
	content: "+";
	display: inline-block;
	width: 1.1em;
	color: inherit;
}

.bb-mv-transcript[open] > .bb-mv-transcript__summary::before {
	content: "\2212";
}

.bb-mv-transcript__note {
	margin: 0.4rem 0 0.2rem;
	color: var(--wp--preset--color--accent-3);
}

.bb-mv-transcript__where {
	margin: 0.6rem 0 0.2rem;
	font-style: italic;
	color: var(--wp--preset--color--accent-4);
}

.bb-mv-transcript__lines {
	margin: 0 0 0.4rem;
	padding-left: 2.4rem;
	font-family: var(--wp--preset--font-family--fira-code);
	font-size: 0.85em;
	line-height: 1.45;
	color: var(--wp--preset--color--accent-4);
	overflow-wrap: anywhere;
}

.bb-mv-transcript__lines li {
	margin: 0 0 0.15rem;
	min-height: 1em;
}

.bb-mv-transcript__cited {
	color: var(--wp--preset--color--contrast);
	font-weight: 600;
}

.bb-mv-more {
	margin: 0;
	padding: 0;
}

.bb-mv-more__summary,
.bb-mv-details__summary {
	cursor: pointer;
	font-family: var(--wp--preset--font-family--label);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 600;
	letter-spacing: 0.04em;
	color: var(--wp--preset--color--accent-1);
	list-style: none;
}

.bb-mv-more__summary::-webkit-details-marker,
.bb-mv-details__summary::-webkit-details-marker {
	display: none;
}

.bb-mv-more__summary::before,
.bb-mv-details__summary::before {
	content: "+";
	display: inline-block;
	width: 1.1em;
	color: inherit;
}

.bb-mv-more[open] > .bb-mv-more__summary::before,
.bb-mv-details[open] > .bb-mv-details__summary::before {
	content: "\2212";
}

.bb-mv-more__summary {
	padding: 0.75rem 0;
	border-top: 1px solid var(--wp--preset--color--accent-6);
}

.bb-mv-more[open] > .bb-mv-more__summary {
	border-bottom: 1px solid var(--wp--preset--color--accent-6);
}

/* --- the status line ---------------------------------------------------- */

.bb-mv-status {
	margin: 0 0 2rem;
	padding: 0.9rem 1rem;
	background: var(--wp--preset--color--accent-5);
	min-width: 0;
}

.bb-mv-status__text {
	margin: 0;
	font-size: var(--wp--preset--font-size--medium);
	line-height: 1.5;
}

.bb-mv-tell {
	margin: 0.5rem 0 0;
	font-family: var(--wp--preset--font-family--label);
	font-size: var(--wp--preset--font-size--small);
}

/* --- the collapsed apparatus -------------------------------------------- */

.bb-mv-details {
	margin: 0 0 2rem;
	padding: 0;
	border-top: 1px solid var(--wp--preset--color--accent-6);
	min-width: 0;
}

.bb-mv-details__summary {
	padding: 0.85rem 0;
}

.bb-mv-details[open] > .bb-mv-details__summary {
	border-bottom: 1px solid var(--wp--preset--color--accent-6);
}

/* Inside the disclosure the old sections keep their own stylesheets; only
   the top margins that assumed an open page are pulled in, and every h2
   is set as a sub-heading so the outline reads as one collapsed record. */
.bb-mv-details > section,
.bb-mv-details > aside,
.bb-mv-details > .bb-corrections,
.bb-mv-details > .bb-recordsources {
	margin-top: 1.5rem;
}

.bb-mv-details h2 {
	font-size: var(--wp--preset--font-size--large);
}

.bb-mv-note > p {
	font-size: var(--wp--preset--font-size--small);
	color: var(--wp--preset--color--accent-4);
}

/* The claim list and the citation panes are the two things on the old page
   that could exceed a phone's width: a dl grid with a fixed label column,
   and a BibTeX/RIS pane set white-space: pre. Both wrap here. */
.bb-mv-details .bb-record {
	min-width: 0;
}

.bb-mv-details .bb-record dd,
.bb-mv-details .bb-recordsources__cite,
.bb-mv-details .bb-mentionedin__cite {
	overflow-wrap: anywhere;
}

.bb-mv-details .bb-cite__body,
.bb-mv-details .bb-cite__pane pre {
	white-space: pre-wrap;
	overflow-wrap: anywhere;
}

/* --- wider screens -------------------------------------------------------- */

@media (min-width: 40em) {
	.bb-mv-status {
		padding: 1rem 1.25rem;
	}

	.bb-mv-where__one {
		margin-right: 0.85rem;
	}
}