/* =========================================================================
   Melissa Kampers Corrections Log — front-end styles
   Theme-independent, light/dark aware. Restyle via the custom properties
   on .mkcl / .mkcl-log from your theme.
   ========================================================================= */

.mkcl,
.mkcl-log {
	--mkcl-bg: #ffffff;
	--mkcl-text: #1d2027;
	--mkcl-muted: #565d69;
	--mkcl-border: #dcdfe6;
	--mkcl-correction: #b3173d;
	--mkcl-update: #2742e0;
	--mkcl-clarification: #0b7b86;
	--mkcl-focus: #2742e0;

	color: var(--mkcl-text);
	font-size: 0.9rem;
}

[data-theme="dark"] .mkcl,
[data-theme="dark"] .mkcl-log {
	--mkcl-bg: #151924;
	--mkcl-text: #e8ebf2;
	--mkcl-muted: #9aa4b5;
	--mkcl-border: #2b3142;
	--mkcl-correction: #ff8095;
	--mkcl-update: #8da4ff;
	--mkcl-clarification: #34d8c5;
	--mkcl-focus: #8da4ff;
}

@media (prefers-color-scheme: dark) {
	:root:not([data-theme="light"]) .mkcl,
	:root:not([data-theme="light"]) .mkcl-log {
		--mkcl-bg: #151924;
		--mkcl-text: #e8ebf2;
		--mkcl-muted: #9aa4b5;
		--mkcl-border: #2b3142;
		--mkcl-correction: #ff8095;
		--mkcl-update: #8da4ff;
		--mkcl-clarification: #34d8c5;
		--mkcl-focus: #8da4ff;
	}
}

/* Per-article notice ------------------------------------------------------ */
.mkcl {
	margin: 1.75em 0;
	padding: 1.25rem 1.4rem;
	background: var(--mkcl-bg);
	border: 1px solid var(--mkcl-border);
	border-radius: 14px;
}

.mkcl__title {
	margin: 0 0 0.8rem;
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--mkcl-muted);
}

.mkcl__list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.mkcl__item {
	margin: 0;
	padding: 0.7rem 0 0.7rem 0.95rem;
	border-left: 3px solid var(--mkcl-border);
}

.mkcl__item + .mkcl__item {
	margin-top: 0.6rem;
}

/* The badge text names the kind of change — the colored spine
   only reinforces it (never color alone). */
.mkcl__item--correction { border-left-color: var(--mkcl-correction); }
.mkcl__item--update { border-left-color: var(--mkcl-update); }
.mkcl__item--clarification { border-left-color: var(--mkcl-clarification); }

.mkcl__badge {
	display: inline-block;
	margin-right: 0.5rem;
	font-size: 0.65rem;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.mkcl__item--correction .mkcl__badge { color: var(--mkcl-correction); }
.mkcl__item--update .mkcl__badge { color: var(--mkcl-update); }
.mkcl__item--clarification .mkcl__badge { color: var(--mkcl-clarification); }

.mkcl__date {
	font-size: 0.75rem;
	color: var(--mkcl-muted);
}

.mkcl__text {
	margin: 0.35rem 0 0;
	line-height: 1.6;
}

/* Site-wide log page ------------------------------------------------------- */
.mkcl-log__item {
	padding: 1.1rem 0;
	border-bottom: 1px solid var(--mkcl-border);
	border-left: 3px solid transparent;
	padding-left: 0.95rem;
}

.mkcl-log__item.mkcl__item--correction { border-left-color: var(--mkcl-correction); }
.mkcl-log__item.mkcl__item--update { border-left-color: var(--mkcl-update); }
.mkcl-log__item.mkcl__item--clarification { border-left-color: var(--mkcl-clarification); }

.mkcl-log__meta {
	margin-bottom: 0.3rem;
}

.mkcl-log__source {
	margin: 0.45rem 0 0;
	font-size: 0.8125rem;
	color: var(--mkcl-muted);
}

.mkcl-log__source a {
	color: var(--mkcl-text);
	font-weight: 600;
	text-decoration: underline;
	text-decoration-color: var(--mkcl-border);
	text-underline-offset: 0.2em;
}

.mkcl-log__source a:hover {
	color: var(--mkcl-update);
	text-decoration-color: currentColor;
}

.mkcl-log__source a:focus-visible {
	outline: 2px solid var(--mkcl-focus);
	outline-offset: 2px;
	border-radius: 3px;
}

.mkcl-log__empty {
	color: var(--mkcl-muted);
}

/* Print -------------------------------------------------------------------- */
@media print {
	.mkcl,
	.mkcl-log__item {
		background: #fff !important;
		color: #000 !important;
		border-color: #999;
	}
}