/**
 * Bold Metals shroud estimator.
 *
 * Everything is namespaced under .boldshroud so it cannot leak into the theme,
 * and nothing here styles a bare element selector for the same reason.
 *
 * Perfmatters must never run unused-CSS removal over this file. The step cards,
 * fields and swatches are built by JS, so they are not in the HTML Perfmatters
 * analyses and it will read these rules as unused, strip them and leave the
 * estimator rendering as bare form controls. Keep the stylesheet excluded:
 *
 *   wp option patch update perfmatters_options assets rucss_excluded_stylesheets 'boldshroud'
 */

/*
 * Adecion is the Bold Metals display face. The file already lives in the
 * media library (uploaded 17/10/2025) and nothing else on the site declared
 * it, so this is the first @font-face for it.
 *
 * It is referenced from uploads rather than shipped with the plugin because
 * SFTP to this server dies over about 12 KB and a 21 KB woff2 is already
 * Brotli-compressed, so gzipping it for transport saves nothing. If the file
 * is ever cleared out of uploads the stack below falls back to Barlow
 * Condensed, which is narrow and bold enough to not look broken.
 *
 * Only the Bold weight exists on the server. There is no ExtraBold, so do not
 * declare weights that have no file: the browser would synthesise them and
 * the headings would smear.
 */
@font-face {
	font-family: "Adecion";
	src: url("/wp-content/uploads/2025/10/Adecion-Bold.woff2") format("woff2");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

/*
 * The theme's own page title sits above the estimator and is outside
 * .boldshroud, so the namespaced rules below never reach it and it rendered
 * in the Kadence body face while every heading under it was Adecion.
 *
 * This stylesheet only loads on pages carrying the [boldshroud] shortcode,
 * so reaching outside the namespace here affects estimator pages and nothing
 * else on the site. Adecion is the Bold Metals display face and is always
 * set uppercase.
 */
.entry-title,
.page-title {
	font-family: "Adecion", "Barlow Condensed", "Arial Narrow", Helvetica, sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .02em;
}

.boldshroud {
	--bs-bg: #EDEFF2;
	--bs-surface: #FFFFFF;
	--bs-surface-2: #F5F6F9;
	--bs-ink: #14171B;
	--bs-ink-2: #4A5260;
	--bs-ink-3: #6E7786;
	--bs-line: #CED4DD;
	--bs-line-2: #DFE4EA;
	--bs-brand: #BDFE00;
	--bs-brand-ink: #14171B;
	--bs-accent: #5C7A00;
	--bs-accent-ink: #4A6200;
	--bs-accent-soft: #EDF7CF;
	--bs-flag: #8C3A10;
	--bs-flag-soft: #F9E4D8;
	--bs-ok: #276A4F;
	--bs-ok-soft: #DDEDE5;
	--bs-paper: #FCFCFA;
	--bs-shadow: 0 1px 2px rgba(20, 23, 27, .07), 0 10px 28px rgba(20, 23, 27, .055);
	/* Adecion only ships Bold here, and it is set uppercase everywhere it is
	   used, which is how the Bold Metals brand runs its display type. */
	--bs-display: "Adecion", "Barlow Condensed", "Arial Narrow", Helvetica, sans-serif;
	--bs-body: "Space Grotesk", "Helvetica Neue", Helvetica, Arial, sans-serif;
	--bs-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;

	background: var(--bs-bg);
	color: var(--bs-ink);
	font-family: var(--bs-body);
	font-size: 14px;
	line-height: 1.5;
	-webkit-font-smoothing: antialiased;
	padding-inline: 16px;
	padding-block: 0 48px;
}

@media (prefers-color-scheme: dark) {
	.boldshroud {
		--bs-bg: #12151A;
		--bs-surface: #1B1F25;
		--bs-surface-2: #22272F;
		--bs-ink: #E9ECF0;
		--bs-ink-2: #9BA4B1;
		--bs-ink-3: #848D9B;
		--bs-line: #333A45;
		--bs-line-2: #2A3039;
		--bs-accent: #A8DE37;
		--bs-accent-ink: #BDFE00;
		--bs-accent-soft: #253112;
		--bs-flag: #E08E5E;
		--bs-flag-soft: #3A2218;
		--bs-ok: #6FBF99;
		--bs-ok-soft: #1C3029;
		--bs-shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 10px 28px rgba(0, 0, 0, .33);
		color-scheme: dark;
	}
}

.boldshroud * {
	box-sizing: border-box;
}

/* masthead */
.boldshroud .bs-mast {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	gap: 16px 28px;
	padding-block: 24px 16px;
	border-bottom: 1px solid var(--bs-line);
}

.boldshroud .bs-mark {
	display: flex;
	align-items: center;
	gap: 11px;
	min-width: 0;
}

.boldshroud .bs-badge {
	width: 34px;
	height: 34px;
	flex: none;
	border-radius: 3px;
	background: var(--bs-brand);
	color: var(--bs-brand-ink);
	font-family: var(--bs-display);
	font-weight: 700;
	font-size: 17px;
	letter-spacing: .04em;
	display: grid;
	place-items: center;
}

.boldshroud .bs-co {
	font-size: 10.5px;
	letter-spacing: .17em;
	text-transform: uppercase;
	color: var(--bs-ink-3);
	font-weight: 600;
	display: block;
	margin-bottom: 2px;
}

.boldshroud .bs-title {
	font-family: var(--bs-display);
	font-weight: 700;
	font-size: 25px;
	text-transform: uppercase;
	letter-spacing: .02em;
	margin: 0;
	line-height: 1.08;
	text-wrap: balance;
	color: var(--bs-ink);
}

.boldshroud .bs-mast-note {
	font-size: 12px;
	color: var(--bs-ink-3);
	max-width: 46ch;
	margin: 0 0 0 auto;
}

.boldshroud .bs-mast-note b {
	color: var(--bs-ink-2);
	font-weight: 600;
}

/* columns */
.boldshroud .bs-cols {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 460px);
	gap: 24px;
	align-items: start;
	margin-top: 20px;
}

@media (max-width: 1040px) {
	.boldshroud .bs-cols {
		grid-template-columns: minmax(0, 1fr);
	}
}

.boldshroud .bs-left,
.boldshroud .bs-right {
	display: grid;
	gap: 14px;
	min-width: 0;
}

.boldshroud .bs-right {
	position: sticky;
	top: 12px;
}

@media (max-width: 1040px) {
	.boldshroud .bs-right {
		position: static;
	}
}

/* cards */
.boldshroud .bs-card {
	background: var(--bs-surface);
	border: 1px solid var(--bs-line);
	border-radius: 5px;
	box-shadow: var(--bs-shadow);
	min-width: 0;
}

.boldshroud .bs-card-h {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 13px 16px;
	border-bottom: 1px solid var(--bs-line-2);
}

.boldshroud .bs-step-no {
	font-family: var(--bs-mono);
	font-size: 10.5px;
	font-weight: 500;
	color: var(--bs-ink-3);
	border: 1px solid var(--bs-line);
	border-radius: 2px;
	padding: 2px 5px;
	flex: none;
}

.boldshroud .bs-card-t {
	font-family: var(--bs-display);
	/* 700, not 600: Adecion has only the Bold file, and asking for a weight
	   with no file makes the browser synthesise one, which smears it. */
	font-weight: 700;
	font-size: 16.5px;
	text-transform: uppercase;
	letter-spacing: .035em;
	margin: 0;
	flex: 1;
	min-width: 0;
	color: var(--bs-ink);
}

.boldshroud .bs-hint {
	font-size: 11.5px;
	color: var(--bs-ink-3);
	text-align: right;
}

.boldshroud .bs-card-b {
	padding: 15px 16px 17px;
	display: grid;
	gap: 15px;
}

.boldshroud .bs-field {
	display: grid;
	gap: 7px;
	min-width: 0;
}

.boldshroud .bs-label {
	font-size: 11px;
	letter-spacing: .09em;
	text-transform: uppercase;
	font-weight: 600;
	color: var(--bs-ink-2);
}

.boldshroud .bs-sub {
	text-transform: none;
	letter-spacing: 0;
	font-weight: 400;
	color: var(--bs-ink-3);
	margin-left: 6px;
}

.boldshroud .bs-row-2 {
	display: grid;
	gap: 14px;
	grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
}

/* numeric input */
.boldshroud .bs-num {
	display: flex;
	align-items: stretch;
	border: 1px solid var(--bs-line);
	border-radius: 3px;
	background: var(--bs-surface-2);
	overflow: hidden;
}

.boldshroud .bs-num input {
	flex: 1;
	min-width: 0;
	border: 0;
	background: transparent;
	color: var(--bs-ink);
	font-family: var(--bs-mono);
	font-size: 15px;
	font-weight: 500;
	padding: 8px 10px;
	text-align: right;
	-moz-appearance: textfield;
	box-shadow: none;
}

.boldshroud .bs-num input::-webkit-outer-spin-button,
.boldshroud .bs-num input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.boldshroud .bs-num input:focus {
	outline: none;
	box-shadow: none;
}

.boldshroud .bs-num:focus-within {
	border-color: var(--bs-accent);
	box-shadow: 0 0 0 2px var(--bs-accent-soft);
}

.boldshroud .bs-unit {
	font-family: var(--bs-mono);
	font-size: 11px;
	color: var(--bs-ink-3);
	padding: 9px 9px 9px 0;
	align-self: center;
}

.boldshroud input[type="range"] {
	width: 100%;
	accent-color: var(--bs-accent);
	margin: 0;
}

/* pills */
.boldshroud .bs-seg {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.boldshroud .bs-pill {
	font-family: var(--bs-body);
	font-size: 12.5px;
	font-weight: 500;
	color: var(--bs-ink-2);
	background: var(--bs-surface-2);
	border: 1px solid var(--bs-line);
	border-radius: 3px;
	padding: 7px 11px;
	cursor: pointer;
	line-height: 1.25;
	text-transform: none;
	letter-spacing: 0;
	height: auto;
}

.boldshroud .bs-pill:hover {
	border-color: var(--bs-ink-3);
}

.boldshroud .bs-pill[aria-pressed="true"] {
	background: var(--bs-brand);
	border-color: var(--bs-accent);
	color: var(--bs-brand-ink);
	font-weight: 600;
}

.boldshroud .bs-pill:focus-visible,
.boldshroud .bs-type:focus-visible,
.boldshroud .bs-sw:focus-visible,
.boldshroud .bs-tab:focus-visible,
.boldshroud .bs-spin:focus-visible,
.boldshroud .bs-btn:focus-visible {
	outline: 2px solid var(--bs-accent);
	outline-offset: 1px;
}

/* type picker */
.boldshroud .bs-types {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
	gap: 8px;
}

.boldshroud .bs-type {
	display: grid;
	gap: 6px;
	justify-items: center;
	padding: 10px 6px 9px;
	background: var(--bs-surface-2);
	border: 1px solid var(--bs-line);
	border-radius: 4px;
	cursor: pointer;
	text-align: center;
	color: #8A929E;
	height: auto;
}

.boldshroud .bs-type:hover {
	border-color: var(--bs-ink-3);
}

.boldshroud .bs-type[aria-pressed="true"] {
	border-color: var(--bs-accent);
	background: var(--bs-accent-soft);
	box-shadow: inset 0 0 0 1px var(--bs-accent);
}

.boldshroud .bs-type svg {
	display: block;
}

.boldshroud .bs-tn {
	font-size: 11.5px;
	font-weight: 600;
	color: var(--bs-ink-2);
	line-height: 1.2;
}

.boldshroud .bs-type[aria-pressed="true"] .bs-tn {
	color: var(--bs-accent-ink);
}

/* select */
.boldshroud select {
	width: 100%;
	font-family: var(--bs-body);
	font-size: 13.5px;
	color: var(--bs-ink);
	background-color: var(--bs-surface-2);
	border: 1px solid var(--bs-line);
	border-radius: 3px;
	padding: 8px 30px 8px 10px;
	appearance: none;
	cursor: pointer;
	background-image: linear-gradient(45deg, transparent 50%, var(--bs-ink-3) 50%),
		linear-gradient(135deg, var(--bs-ink-3) 50%, transparent 50%);
	background-position: calc(100% - 15px) 50%, calc(100% - 10px) 50%;
	background-size: 5px 5px, 5px 5px;
	background-repeat: no-repeat;
	height: auto;
	max-width: none;
}

.boldshroud select:focus {
	outline: none;
	border-color: var(--bs-accent);
	box-shadow: 0 0 0 2px var(--bs-accent-soft);
}

/* swatches */
.boldshroud .bs-swatches {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(66px, 1fr));
	gap: 7px;
}

.boldshroud .bs-sw {
	display: grid;
	gap: 5px;
	justify-items: center;
	padding: 6px 4px 7px;
	border: 1px solid var(--bs-line);
	border-radius: 4px;
	background: var(--bs-surface-2);
	cursor: pointer;
	text-align: center;
	min-width: 0;
	height: auto;
}

.boldshroud .bs-sw:hover {
	border-color: var(--bs-ink-3);
}

.boldshroud .bs-sw[aria-pressed="true"] {
	border-color: var(--bs-accent);
	background: var(--bs-accent-soft);
	box-shadow: inset 0 0 0 1px var(--bs-accent);
}

.boldshroud .bs-chip {
	width: 100%;
	height: 26px;
	border-radius: 2px;
	border: 1px solid rgba(20, 23, 27, .22);
}

.boldshroud .bs-cn {
	font-size: 10px;
	line-height: 1.2;
	color: var(--bs-ink-2);
	word-break: break-word;
}

.boldshroud .bs-cp {
	font-family: var(--bs-mono);
	font-size: 9.5px;
	color: var(--bs-ink-3);
}

.boldshroud .bs-sw[aria-pressed="true"] .bs-cn {
	color: var(--bs-accent-ink);
	font-weight: 600;
}

.boldshroud .bs-grp {
	font-size: 10.5px;
	letter-spacing: .1em;
	text-transform: uppercase;
	font-weight: 600;
	color: var(--bs-ink-3);
	display: flex;
	align-items: center;
	gap: 8px;
}

.boldshroud .bs-grp::after {
	content: "";
	flex: 1;
	height: 1px;
	background: var(--bs-line-2);
}

/* checkbox */
.boldshroud .bs-check {
	display: flex;
	align-items: flex-start;
	gap: 9px;
	cursor: pointer;
	font-size: 13.5px;
	color: var(--bs-ink-2);
}

.boldshroud .bs-check input {
	margin: 2px 0 0;
	accent-color: var(--bs-accent);
	width: 15px;
	height: 15px;
	flex: none;
}

/* viewer */
.boldshroud .bs-view-h {
	display: flex;
	align-items: center;
	gap: 6px;
	padding: 9px 11px;
	border-bottom: 1px solid var(--bs-line-2);
	flex-wrap: wrap;
}

.boldshroud .bs-vt {
	font-family: var(--bs-display);
	font-weight: 700;
	font-size: 14.5px;
	text-transform: uppercase;
	letter-spacing: .035em;
	margin: 0 auto 0 4px;
}

.boldshroud .bs-tabs {
	display: flex;
	gap: 4px;
}

.boldshroud .bs-tab {
	font-size: 11.5px;
	font-weight: 600;
	letter-spacing: .04em;
	text-transform: uppercase;
	color: var(--bs-ink-3);
	background: transparent;
	border: 1px solid transparent;
	border-radius: 3px;
	padding: 5px 9px;
	cursor: pointer;
	height: auto;
}

.boldshroud .bs-tab:hover {
	color: var(--bs-ink-2);
}

.boldshroud .bs-tab[aria-selected="true"] {
	background: var(--bs-brand);
	border-color: var(--bs-accent);
	color: var(--bs-brand-ink);
}

.boldshroud .bs-stage {
	position: relative;
	aspect-ratio: 4 / 3;
	max-width: 100%;
	background: var(--bs-surface-2);
	overflow: hidden;
}

.boldshroud .bs-stage canvas {
	display: block;
	width: 100%;
	height: 100%;
	touch-action: none;
	cursor: grab;
}

.boldshroud .bs-stage canvas:active {
	cursor: grabbing;
}

.boldshroud .bs-sheet {
	display: block;
	width: 100%;
	height: 100%;
	background: var(--bs-paper);
}

.boldshroud .bs-badge-3d {
	position: absolute;
	left: 10px;
	bottom: 9px;
	font-family: var(--bs-mono);
	font-size: 10px;
	color: var(--bs-ink-3);
	background: var(--bs-surface);
	border: 1px solid var(--bs-line-2);
	border-radius: 2px;
	padding: 3px 6px;
	pointer-events: none;
}

.boldshroud .bs-stage-btns {
	position: absolute;
	right: 10px;
	bottom: 9px;
	display: flex;
	gap: 6px;
}

.boldshroud .bs-spin {
	font-size: 11px;
	font-weight: 600;
	color: var(--bs-ink-2);
	background: var(--bs-surface);
	border: 1px solid var(--bs-line);
	border-radius: 3px;
	padding: 4px 9px;
	cursor: pointer;
	height: auto;
	white-space: nowrap;
}

.boldshroud .bs-spin[aria-pressed="true"] {
	background: var(--bs-brand);
	border-color: var(--bs-accent);
	color: var(--bs-brand-ink);
}

/* quote */
.boldshroud .bs-q-top {
	padding: 14px 16px 13px;
	display: grid;
	gap: 7px;
	border-bottom: 1px solid var(--bs-line-2);
}

.boldshroud .bs-q-row {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 12px;
}

.boldshroud .bs-q-lbl {
	font-size: 11px;
	letter-spacing: .09em;
	text-transform: uppercase;
	font-weight: 600;
	color: var(--bs-ink-3);
}

.boldshroud .bs-q-big {
	font-family: var(--bs-mono);
	font-size: 27px;
	font-weight: 500;
	letter-spacing: -.015em;
	font-variant-numeric: tabular-nums;
}

.boldshroud .bs-q-mid {
	font-family: var(--bs-mono);
	font-size: 16px;
	color: var(--bs-ink-2);
	font-variant-numeric: tabular-nums;
}

.boldshroud .bs-q-small {
	font-family: var(--bs-mono);
	font-size: 12.5px;
	color: var(--bs-ink-3);
	font-variant-numeric: tabular-nums;
	margin: 0;
}

.boldshroud .bs-bd {
	border-top: 1px solid var(--bs-line-2);
}

.boldshroud .bs-bd summary {
	cursor: pointer;
	padding: 10px 16px;
	font-size: 11px;
	letter-spacing: .09em;
	text-transform: uppercase;
	font-weight: 600;
	color: var(--bs-ink-2);
	list-style: none;
	display: flex;
	align-items: center;
	gap: 8px;
}

.boldshroud .bs-bd summary::-webkit-details-marker {
	display: none;
}

.boldshroud .bs-bd summary::after {
	content: "";
	margin-left: auto;
	width: 6px;
	height: 6px;
	border-right: 1.5px solid var(--bs-ink-3);
	border-bottom: 1.5px solid var(--bs-ink-3);
	transform: rotate(45deg) translate(-2px, -2px);
}

.boldshroud .bs-bd[open] summary::after {
	transform: rotate(-135deg) translate(-1px, -1px);
}

.boldshroud .bs-bd-body {
	padding: 0 16px 14px;
	overflow-x: auto;
}

.boldshroud .bs-lines {
	width: 100%;
	border-collapse: collapse;
	font-size: 12.5px;
	margin: 0;
	background: transparent;
}

.boldshroud .bs-lines th {
	text-align: left;
	font-size: 10px;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--bs-ink-3);
	font-weight: 600;
	padding: 0 0 5px;
	border-bottom: 1px solid var(--bs-line-2);
}

.boldshroud .bs-lines th.bs-r {
	text-align: right;
}

.boldshroud .bs-lines td {
	padding: 5px 0;
	border-bottom: 1px solid var(--bs-line-2);
	vertical-align: top;
	color: var(--bs-ink-2);
}

.boldshroud .bs-lines td.bs-n {
	text-align: right;
	font-family: var(--bs-mono);
	white-space: nowrap;
	color: var(--bs-ink);
	font-variant-numeric: tabular-nums;
}

.boldshroud .bs-lines .bs-d {
	font-size: 11px;
	color: var(--bs-ink-3);
}

.boldshroud .bs-lines tr.bs-tot td {
	font-weight: 600;
	color: var(--bs-ink);
	border-top: 1px solid var(--bs-line);
	border-bottom: 0;
	padding-top: 7px;
}

/* flags */
.boldshroud .bs-flags {
	display: grid;
	gap: 7px;
	padding: 12px 16px;
}

.boldshroud .bs-flags:empty {
	display: none;
}

.boldshroud .bs-fl {
	display: flex;
	gap: 8px;
	font-size: 12px;
	line-height: 1.4;
	padding: 8px 10px;
	border-radius: 3px;
	background: var(--bs-flag-soft);
	color: var(--bs-flag);
	border: 1px solid var(--bs-flag);
}

.boldshroud .bs-fl.bs-ok {
	background: var(--bs-ok-soft);
	color: var(--bs-ok);
	border-color: var(--bs-ok);
}

/* actions and form */
.boldshroud .bs-cta,
.boldshroud .bs-actions {
	padding: 0 16px 16px;
	display: flex;
	flex-wrap: wrap;
	gap: 9px;
}

.boldshroud .bs-actions {
	padding: 0;
}

.boldshroud .bs-btn {
	font-family: var(--bs-body);
	font-size: 14px;
	font-weight: 600;
	border-radius: 3px;
	padding: 10px 18px;
	cursor: pointer;
	border: 1px solid var(--bs-accent);
	background: var(--bs-brand);
	color: var(--bs-brand-ink);
	height: auto;
	line-height: 1.3;
}

.boldshroud .bs-btn:hover {
	filter: brightness(.95);
}

.boldshroud .bs-btn[disabled] {
	opacity: .55;
	cursor: default;
}

.boldshroud .bs-btn-quiet {
	background: var(--bs-surface-2);
	border-color: var(--bs-line);
	color: var(--bs-ink-2);
}

.boldshroud .bs-formwrap {
	margin-top: 14px;
	max-width: 640px;
}

.boldshroud .bs-formwrap input[type="text"],
.boldshroud .bs-formwrap input[type="email"],
.boldshroud .bs-formwrap input[type="tel"],
.boldshroud .bs-formwrap textarea {
	width: 100%;
	font-family: var(--bs-body);
	font-size: 14px;
	color: var(--bs-ink);
	background: var(--bs-surface-2);
	border: 1px solid var(--bs-line);
	border-radius: 3px;
	padding: 9px 11px;
	max-width: none;
}

.boldshroud .bs-formwrap input:focus,
.boldshroud .bs-formwrap textarea:focus {
	outline: none;
	border-color: var(--bs-accent);
	box-shadow: 0 0 0 2px var(--bs-accent-soft);
}

/* Honeypot. Off-screen rather than display:none, because some bots skip
   hidden fields but happily fill a positioned one. */
.boldshroud .bs-hp {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.boldshroud .bs-consent {
	color: var(--bs-ink-3);
	font-family: var(--bs-body);
	font-size: 12px;
}

.boldshroud .bs-result {
	margin: 0;
	font-size: 13px;
	min-height: 1em;
}

.boldshroud .bs-result-good {
	color: var(--bs-ok);
	font-weight: 600;
}

.boldshroud .bs-result-bad {
	color: var(--bs-flag);
	font-weight: 600;
}

.boldshroud .bs-noscript {
	padding: 14px 16px;
	background: var(--bs-surface);
	border: 1px solid var(--bs-line);
	border-radius: 5px;
	margin: 0;
}

/* footer */
.boldshroud .bs-foot {
	margin-top: 28px;
	padding-top: 18px;
	border-top: 1px solid var(--bs-line);
	font-size: 12px;
	color: var(--bs-ink-3);
	display: grid;
	gap: 10px;
	max-width: 78ch;
}

.boldshroud .bs-foot b {
	color: var(--bs-ink-2);
	font-weight: 600;
}

.boldshroud .bs-foot p {
	margin: 0;
}

@media (prefers-reduced-motion: reduce) {
	.boldshroud * {
		animation-duration: .01ms !important;
		transition-duration: .01ms !important;
	}
}