/* Layout and readability */
.article-container { padding: 2rem 0; max-width: 1200px; }
.article-layout { display: grid; grid-template-columns: 1fr 320px; gap: 24px; }
.article-layout.left { grid-template-columns: 320px 1fr; }
.reading-friendly p { line-height: 1.8; margin: 0.8rem 0; }
.reading-friendly ul, .reading-friendly ol { line-height: 1.8; }

/* Table of contents */
.toc { background: #f7f9fc; border: 1px solid #e6ecf5; padding: 12px 16px; border-radius: 8px; }
.toc h3 { margin: 0 0 8px; font-size: 1rem; }
.toc ul { list-style: none; padding: 0; margin: 0; }
.toc li { margin: 6px 0; }

/* Breadcrumbs */
.breadcrumb { font-size: .9rem; color: #607d8b; margin: .5rem 0 1rem; }
.breadcrumb a { color: inherit; }

/* Sidebar ads */
.sidebar .ad-space { position: sticky; top: 16px; }

/* Article figure spacing */
.article-figure { margin: 1rem 0; }

/* Mejoras visuales para 2026 */
.section-title {
	font-size: 1.5rem;
	color: #1a237e;
	margin: 1.5rem 0 1rem 0;
	/* border-left: 4px solid #1976d2; */
	padding-left: 0;
	background: none;
	font-weight: 700;
	letter-spacing: -1px;
}
.subtitle {
	font-size: 1.1rem;
	color: #1976d2;
	margin: 1.2rem 0 0.5rem 0;
	font-weight: 600;
}
.callout {
	background: #e3f2fd;
	border-left: 4px solid #1976d2;
	padding: 14px 18px;
	border-radius: 7px;
	margin: 1rem 0;
	color: #0d47a1;
}
.callout.info {
	background: #fffde7;
	border-left: 4px solid #fbc02d;
	color: #795548;
}
.highlight {
	background: #fffde7;
	color: #e65100;
	padding: 0 4px;
	border-radius: 3px;
}
.styled-list {
	list-style: disc inside;
	margin: 0.5rem 0 1rem 0.5rem;
	padding-left: 1rem;
}
.styled-list li {
	margin-bottom: 0.4rem;
	line-height: 1.7;
}

/* Etiquetas para riesgos y métricas */
.risk-label {
	background: #ffe0b2;
	color: #e65100;
	border-radius: 4px;
	padding: 2px 7px;
	font-size: 0.98em;
	margin: 0 2px;
}
.metric-label {
	color: #1976d2;
	font-weight: 600;
	margin-right: 4px;
}
.metrics-list {
	margin-top: 0.5rem;
}