.mpb-board {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	border: 1px solid #2a2a2a;
	border-radius: 6px;
	overflow: hidden;
	background: #14171c;
	color: #e8e6de;
	margin: 1.5em 0;
}

.mpb-board-header {
	display: grid;
	grid-template-columns: 2.2fr 1.2fr 1fr 1.2fr 0.8fr;
	gap: 8px;
	padding: 10px 16px;
	background: #1c2027;
	font-size: 12px;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #8b8f98;
}

.mpb-row {
	display: grid;
	grid-template-columns: 2.2fr 1.2fr 1fr 1.2fr 0.8fr;
	gap: 8px;
	align-items: center;
	padding: 12px 16px;
	border-top: 1px solid #23262d;
}

.mpb-model strong {
	font-size: 15px;
	color: #f4f2ea;
}

.mpb-brand {
	font-size: 12px;
	color: #8b8f98;
}

.mpb-price {
	font-family: "SF Mono", "Consolas", monospace;
	font-size: 15px;
	font-weight: 600;
	color: #f0c96b;
}

.mpb-change {
	font-family: "SF Mono", "Consolas", monospace;
	font-size: 13px;
}

.mpb-change-up { color: #c94b4b; }
.mpb-change-down { color: #3f9d5c; }
.mpb-change-flat { color: #8b8f98; }

.mpb-toggle {
	background: transparent;
	border: 1px solid #3a3d44;
	color: #e8e6de;
	border-radius: 4px;
	padding: 4px 10px;
	font-size: 12px;
	cursor: pointer;
}

.mpb-toggle:hover {
	border-color: #f0c96b;
}

.mpb-variants {
	padding: 10px 16px 14px 16px;
	background: #1a1d23;
	border-top: 1px dashed #2a2d34;
}

.mpb-variant-pill {
	display: inline-block;
	margin: 0 16px 6px 0;
	font-size: 13px;
	color: #cfcdc4;
}

.mpb-variant-pill strong {
	color: #f0c96b;
	font-family: "SF Mono", "Consolas", monospace;
}

.mpb-empty {
	color: #8b8f98;
	font-style: italic;
}

.mpb-single-price {
	margin: 1.5em 0;
}

.mpb-single-row.mpb-row {
	grid-template-columns: 2.2fr 1.2fr 1fr 1.2fr;
}

.mpb-spec-groups {
	margin: 1.5em 0;
	border: 1px solid #e2e0d8;
	border-radius: 8px;
	overflow: hidden;
}

.mpb-spec-group + .mpb-spec-group {
	border-top: 1px solid #e2e0d8;
}

.mpb-spec-group-title {
	background: #14171c;
	color: #f0c96b;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	padding: 10px 16px;
	border-left: 4px solid #f0c96b;
}

.mpb-spec-sheet,
.mpb-compare {
	width: 100%;
	border-collapse: collapse;
}

.mpb-spec-sheet th,
.mpb-spec-sheet td,
.mpb-compare th,
.mpb-compare td {
	border-bottom: 1px solid #e9e7e0;
	padding: 9px 16px;
	text-align: left;
	font-size: 14px;
}

.mpb-spec-sheet tr:last-child th,
.mpb-spec-sheet tr:last-child td {
	border-bottom: none;
}

.mpb-spec-sheet th {
	width: 200px;
	color: #6b6a63;
	font-weight: 500;
}

.mpb-spec-sheet td {
	color: #26251f;
}

.mpb-compare {
	margin: 1em 0;
	border: 1px solid #e2e0d8;
	border-radius: 8px;
	overflow: hidden;
}

.mpb-compare th,
.mpb-compare td {
	border: 1px solid #e9e7e0;
}

.mpb-compare > tr:first-child th {
	background: #f7f6f2;
}

.mpb-compare-category th {
	background: #14171c;
	color: #f0c96b;
	font-size: 12px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	text-align: left;
	border-left: 4px solid #f0c96b;
}

@media (max-width: 640px) {
	.mpb-board-header { display: none; }
	.mpb-row {
		grid-template-columns: 1fr;
		gap: 4px;
	}
}