/**
 * PNPD TLDR Summaries — front-end styles.
 *
 * Deliberately low-specificity so a theme can override anything. Colours come
 * from the settings screen as --pnpd-tldrs-* variables (box, accent, text), so
 * there is no automatic dark-mode override: it would fight the chosen colours.
 * Turn these off entirely under Settings → PNPD TLDR Summaries.
 */

.pnpd-tldrs-summary {
	--pnpd-tldrs-accent: #1f6feb;
	--pnpd-tldrs-bg: #e8f0fe;
	--pnpd-tldrs-border: rgba(0, 0, 0, 0.12);
	--pnpd-tldrs-text: inherit;

	background: var(--pnpd-tldrs-bg);
	border: 1px solid var(--pnpd-tldrs-border);
	border-left: 4px solid var(--pnpd-tldrs-accent);
	border-radius: 6px;
	padding: 1rem 1.25rem;
	margin: 0 0 1.75rem;
	color: var(--pnpd-tldrs-text);
	font-size: 0.95em;
	line-height: 1.6;
}

.pnpd-tldrs-summary__header {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 0.75rem;
	flex-wrap: wrap;
	margin-bottom: 0.6rem;
}

.pnpd-tldrs-summary__heading {
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	font-size: 0.8em;
	color: var(--pnpd-tldrs-accent);
}

.pnpd-tldrs-reading-time {
	font-size: 0.8em;
	color: inherit;
	opacity: 0.75;
	white-space: nowrap;
}

.pnpd-tldrs-summary__list {
	margin: 0;
	padding: 0 0 0 1.1rem;
	list-style: disc;
}

.pnpd-tldrs-summary__list li {
	margin: 0 0 0.4rem;
	padding: 0;
}

.pnpd-tldrs-summary__list li:last-child {
	margin-bottom: 0;
}

.pnpd-tldrs-reading-time--standalone {
	color: inherit;
	opacity: 0.75;
}

@media print {
	.pnpd-tldrs-summary {
		background: none;
		border: 1px solid #999;
	}
}