.mw-pat {
	--mw-pat-border: #e5e7eb;
	--mw-pat-label-bg: #f8f9fa;
	--mw-pat-label-color: #4b5563;
	--mw-pat-value-color: #111827;
	--mw-pat-gap: 24px;
	--mw-pat-row-gap: 8px;
	--mw-pat-radius: 8px;
	--mw-pat-font-size: 14px;
	box-sizing: border-box;
	inline-size: 100%;
	font-size: var(--mw-pat-font-size);
}

.mw-pat *,
.mw-pat *::before,
.mw-pat *::after {
	box-sizing: border-box;
}

.mw-pat .mw-pat__list {
	margin: 0;
	padding: 0;
	column-count: 2;
	column-gap: var(--mw-pat-gap);
}

.mw-pat--cols-3 .mw-pat__list {
	column-count: 3;
}

.mw-pat .mw-pat__row {
	display: flex;
	margin: 0 0 var(--mw-pat-row-gap);
	overflow: hidden;
	border: 1px solid var(--mw-pat-border);
	border-radius: var(--mw-pat-radius);
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
}

.mw-pat .mw-pat__label,
.mw-pat .mw-pat__value {
	margin: 0;
	padding: 12px 16px;
	font-size: inherit;
	line-height: 1.6;
	overflow-wrap: break-word;
	overflow-wrap: anywhere;
}

.mw-pat .mw-pat__label {
	flex: 0 0 40%;
	min-inline-size: 0;
	font-weight: 600;
	color: var(--mw-pat-label-color);
	background: var(--mw-pat-label-bg);
}

.mw-pat .mw-pat__value {
	flex: 1 1 0;
	min-inline-size: 0;
	color: var(--mw-pat-value-color);
}

@media (max-width: 900px) {
	.mw-pat--cols-3 .mw-pat__list {
		column-count: 2;
	}
}

@media (max-width: 640px) {
	.mw-pat .mw-pat__list,
	.mw-pat--cols-3 .mw-pat__list {
		column-count: 1;
	}
}