/**
 * Slice 33 editorial reading experience.
 * Loaded only on post/archive/search requests; no font, image or script fetches.
 */

.article-summary {
	max-width: 64ch;
	margin: 0;
	color: var(--idrive-text);
	font-size: clamp(1.05rem, 1.6vw, 1.22rem);
	line-height: 1.65;
}

.article-reading-meta {
	display: flex;
	flex-wrap: wrap;
	gap: .45rem 1rem;
	align-items: center;
	margin: 0;
	color: var(--idrive-muted);
	font-size: .8rem;
	font-weight: 700;
}

.article-reading-meta span + span::before {
	content: "";
	display: inline-block;
	width: .3rem;
	height: .3rem;
	margin: 0 .65rem 0 0;
	border-radius: 50%;
	background: var(--idrive-lime);
	vertical-align: .12em;
}

.article-outline {
	max-width: 68ch;
	margin: 0 0 1.5rem;
	padding: 1rem 1.15rem;
	border: 1px solid var(--idrive-line);
	border-radius: var(--idrive-radius);
	background: var(--idrive-mist);
}

.article-outline h2 {
	margin: 0 0 .6rem;
	color: var(--idrive-ink);
	font-size: 1rem;
}

.article-outline ol {
	display: grid;
	gap: .2rem;
	margin: 0;
	padding-left: 1.25rem;
}

.article-outline a {
	display: inline-flex;
	min-height: 2.75rem;
	align-items: center;
	color: var(--idrive-green-deep);
	font-weight: 750;
	text-decoration: underline;
	text-underline-offset: .18em;
}

.article-outline a:hover { color: var(--idrive-ink); }

.article-evidence {
	max-width: 68ch;
	margin-top: 2rem;
	padding-top: 1.5rem;
	border-top: 1px solid var(--idrive-line);
}

.article-evidence h2 {
	margin: 0 0 .45rem;
	color: var(--idrive-ink);
	font-size: 1.25rem;
}

.article-evidence > p {
	margin: 0 0 .8rem;
	color: var(--idrive-muted);
}

.article-evidence ol {
	display: grid;
	gap: .45rem;
	margin: 0;
	padding-left: 1.25rem;
}

.article-evidence a {
	color: var(--idrive-green-deep);
	font-weight: 700;
	text-decoration: underline;
	text-underline-offset: .18em;
	overflow-wrap: anywhere;
}

.article-figure-credit {
	margin: 0;
	padding: .65rem .9rem;
	color: var(--idrive-muted);
	font-size: .8rem;
	line-height: 1.5;
}

.article-figure-credit a {
	color: var(--idrive-green-deep);
	font-weight: 700;
	text-decoration: underline;
	text-underline-offset: .15em;
}

.article-quality-note {
	max-width: 68ch;
	margin: 0 0 1.25rem;
	padding: .85rem 1rem;
	color: var(--idrive-text);
	border-left: 3px solid var(--idrive-green-deep);
	border-radius: 0 .75rem .75rem 0;
	background: var(--idrive-mist);
	font-size: .9rem;
}

.article-quality-note strong { color: var(--idrive-ink); }

@media (max-width: 430px) {
	.article-reading-meta { display: grid; gap: .25rem; }
	.article-reading-meta span + span::before { display: none; }
	.article-outline { padding: .85rem .95rem; }
}

@media print {
	.article-outline { border: 1px solid #999; background: transparent; }
	.article-quality-note { border-left: 2px solid #000; background: transparent; }
	.article-evidence a::after { content: " (" attr(href) ")"; font-size: .85em; font-weight: 400; word-break: break-all; }
}

@media (prefers-reduced-motion: reduce) {
	.article-outline a { scroll-behavior: auto; }
}