/**
 * /type-lab/ — header wordmark in other monos + size scale.
 * Does not change the live site pairing until Jimmy picks one.
 */

body.page-type-lab,
body.page-template-type-lab,
body.wp-custom-template-type-lab {
	background: var(--canvas);
	color: var(--ink);
}

body.page-type-lab header.wp-block-template-part.bd-header-float,
body.page-template-type-lab header.wp-block-template-part.bd-header-float,
body.wp-custom-template-type-lab header.wp-block-template-part.bd-header-float {
	position: relative;
	color: var(--ink);
	background: var(--canvas);
	border-bottom: 1px solid var(--hairline);
}

.bd-type-lab {
	width: min(100% - (var(--gutter) * 2), 1080px);
	margin: 0 auto;
	padding: 4.5rem 0 7rem;
}

.bd-type-lab .kicker {
	font-family: var(--font-label) !important;
	font-size: 0.62rem;
	letter-spacing: 0.22em;
	text-transform: uppercase;
	color: var(--accent);
	margin: 0 0 1rem;
}

.bd-type-lab h1 {
	font-size: var(--step-3) !important;
	max-width: 16ch;
	margin: 0 0 1rem;
}

.bd-type-lab .intro {
	font-family: var(--font-body) !important;
	font-size: var(--step-0);
	max-width: 52ch;
	color: var(--ink-2);
	margin: 0 0 2.5rem;
}

.bd-type-lab .now {
	padding: 1.1rem 1.2rem;
	border: 1px solid var(--hairline);
	margin: 0 0 3.2rem;
}

.bd-type-lab .now p {
	font-family: var(--font-label) !important;
	font-size: 0.62rem;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--ink-3);
	margin: 0 0 0.55rem;
}

.bd-type-lab .now .live {
	font-family: "DM Mono", ui-monospace, monospace !important;
	font-size: 0.68rem;
	letter-spacing: 0.18em;
	text-transform: lowercase;
	margin: 0;
	color: var(--ink);
}

.bd-type-lab .now .live .bd-plus {
	color: var(--accent);
}

.bd-lab-section {
	border-top: 1px solid var(--hairline);
	padding: 2.6rem 0 0.4rem;
	scroll-margin-top: 5rem;
}

.bd-lab-section h2 {
	font-size: var(--step-2) !important;
	margin: 0 0 0.4rem;
}

.bd-lab-section .note {
	font-size: var(--step--1);
	color: var(--ink-3);
	max-width: 58ch;
	margin: 0 0 1.8rem;
}

.bd-size-row,
.bd-face-grid {
	display: grid;
	gap: 0.7rem;
}

.bd-size-row {
	grid-template-columns: 1fr;
}

.bd-face-grid {
	grid-template-columns: 1fr;
}

@media (min-width: 820px) {
	.bd-face-grid {
		grid-template-columns: 1fr 1fr;
	}
}

.bd-spec {
	border: 1px solid var(--hairline);
	padding: 1.15rem 1.2rem 1.25rem;
	background: #fff;
}

.bd-spec header {
	display: flex;
	justify-content: space-between;
	gap: 1rem;
	align-items: baseline;
	margin: 0 0 0.85rem;
}

.bd-spec .name {
	font-family: var(--font-label) !important;
	font-size: 0.58rem;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: var(--accent);
	margin: 0;
}

.bd-spec .meta {
	font-family: var(--font-label) !important;
	font-size: 0.58rem;
	letter-spacing: 0.06em;
	color: var(--ink-3);
	margin: 0;
}

.bd-spec .mark,
.bd-spec .specimen {
	font-family: ui-monospace, monospace !important;
	font-style: normal !important;
	font-weight: 400 !important;
	color: inherit;
	text-transform: lowercase;
}

/* Beat body/p { font-family: Newsreader !important } — inline styles cannot. */
.bd-spec .mark {
	font-size: var(--lab-size, 0.85rem) !important;
	letter-spacing: var(--lab-track, 0.12em) !important;
	line-height: 1.35;
	margin: 0;
}

.bd-spec .specimen {
	font-size: 1.45rem !important;
	letter-spacing: 0.04em !important;
	line-height: 1.2;
	margin: 0.75rem 0 0;
	text-transform: none;
}

.lab-roboto .mark,
.lab-roboto .specimen {
	font-family: "Roboto Mono", ui-monospace, monospace !important;
}

.lab-ibm .mark,
.lab-ibm .specimen {
	font-family: "IBM Plex Mono", ui-monospace, monospace !important;
}

.lab-dm .mark,
.lab-dm .specimen {
	font-family: "DM Mono", ui-monospace, monospace !important;
}

.lab-space .mark,
.lab-space .specimen {
	font-family: "Space Mono", ui-monospace, monospace !important;
}

.lab-spline .mark,
.lab-spline .specimen {
	font-family: "Spline Sans Mono", ui-monospace, monospace !important;
}

.lab-fragment .mark,
.lab-fragment .specimen {
	font-family: "Fragment Mono", ui-monospace, monospace !important;
}

.lab-jetbrains .mark,
.lab-jetbrains .specimen {
	font-family: "JetBrains Mono", ui-monospace, monospace !important;
}

.lab-courier .mark,
.lab-courier .specimen {
	font-family: "Courier Prime", ui-monospace, monospace !important;
}

.lab-source .mark,
.lab-source .specimen {
	font-family: "Source Code Pro", ui-monospace, monospace !important;
}

.lab-azeret .mark,
.lab-azeret .specimen {
	font-family: "Azeret Mono", ui-monospace, monospace !important;
}

.bd-spec .mark .bd-plus {
	color: var(--accent);
	padding: 0 0.12em;
}

.bd-spec .mood {
	font-family: var(--font-quote) !important;
	font-style: italic;
	font-size: 0.92rem;
	color: var(--ink-2);
	margin: 0.85rem 0 0;
	max-width: 36ch;
}

.bd-spec.is-current {
	border-color: var(--accent);
}

.bd-dark {
	background: #0d0b0a;
	color: #f7f4ef;
}

.bd-dark .mark {
	color: #f7f4ef;
}

.bd-dark .meta {
	color: rgba(247, 244, 239, 0.5);
}