/**
 * Theme-independent article components used by KMM Publisher and editors.
 */
.kmm-notice,
.kmm-source-list,
.kmm-game-meta {
	margin-block: var(--kmm-space-medium);
	padding: var(--kmm-space-medium);
	color: var(--kmm-color-text);
	background: var(--kmm-color-surface);
	border: 1px solid var(--kmm-color-border);
	border-radius: var(--kmm-radius-medium);
}

.kmm-notice__title,
.kmm-source-list__title,
.kmm-game-meta__title {
	margin: 0 0 var(--kmm-space-small);
	font-weight: 700;
}

.kmm-notice > :last-child,
.kmm-source-list > :last-child,
.kmm-game-meta > :last-child {
	margin-bottom: 0;
}

.kmm-notice--ai {
	background: var(--kmm-color-primary-soft);
	border-left: 4px solid var(--kmm-color-primary);
}

.kmm-notice--disclosure {
	border-left: 4px solid var(--kmm-color-accent);
}

.kmm-status {
	display: inline-flex;
	align-items: center;
	gap: 0.35em;
	min-height: 1.75rem;
	padding: 0.2em 0.65em;
	font-size: 0.875rem;
	font-weight: 700;
	line-height: 1.4;
	border: 1px solid currentColor;
	border-radius: 999px;
}

.kmm-status--verified {
	color: var(--kmm-color-success);
}

.kmm-status--unverified {
	color: var(--kmm-color-unverified);
}

.kmm-status--java,
.kmm-status--bedrock {
	color: var(--kmm-color-primary);
}

.kmm-source-list ol,
.kmm-source-list ul,
.kmm-game-meta dl {
	margin-bottom: 0;
}

.kmm-game-meta dl {
	display: grid;
	grid-template-columns: minmax(7rem, auto) 1fr;
	gap: 0.5rem 1rem;
}

.kmm-game-meta dt {
	font-weight: 700;
}

.kmm-game-meta dd {
	margin: 0;
}

@media (max-width: 600px) {
	.kmm-game-meta dl {
		grid-template-columns: 1fr;
		gap: 0.25rem;
	}

	.kmm-game-meta dd:not(:last-child) {
		margin-bottom: 0.75rem;
	}
}