/**
 * HD Editorial Blocks — baseline styles (front end + editor).
 * Part of HD Core, so the blocks look right even without HD Press Studio.
 * The theme's hd.css still styles the legacy panel shells
 * (.callout-box, .article-disclosure); rules here layer on top.
 * Amber accent: #f59e0b · Navy: #111c2e · Red: #c8102e
 */

/* ---------- Shared: callout header (fixes legacy hand-written boxes too:
   the blue-circle icon now sits inline-left of the heading, not on its
   own line) ---------- */
.callout-header {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 14px;
}
.callout-header h3 {
	margin: 0;
	font-size: 1.15rem;
	line-height: 1.3;
}
.callout-header img.emoji {
	width: 24px;
	height: 24px;
	margin: 0;
	display: block;
}
.callout-icon {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.callout-body > :last-child {
	margin-bottom: 0;
}

/* ---------- hd/info-box ---------- */
.hd-info-box .callout-icon {
	width: 26px;
	height: 26px;
	border-radius: 9999px;
	background: var(--hdb-info-icon, #2563eb);
	color: #fff;
	font-family: Georgia, "Times New Roman", serif;
	font-style: italic;
	font-weight: 700;
	font-size: 17px;
	line-height: 1;
}

/* ---------- hd/callout ---------- */
.callout-box.hd-callout {
	background: #fffbeb;
	border-color: #fde68a;
	border-left: 5px solid var(--hdb-amber, #f59e0b);
}
.hd-callout-label {
	margin: 0 0 8px;
	font-size: 0.8rem;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--hdb-callout-label, #92400e);
}

/* ---------- hd/source-card ---------- */
.hd-source-card .hd-source-head {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 12px;
	padding-bottom: 10px;
	border-bottom: 2px solid var(--hdb-amber, #f59e0b);
}
.hd-source-card .hd-source-head strong {
	font-size: 0.85rem;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #374151;
}
.hd-source-card .hd-source-body {
	font-size: 0.95rem;
	color: #4b5563;
}
.hd-source-card .hd-source-body ul,
.hd-source-card .hd-source-body ol {
	margin: 0 0 12px;
	padding-left: 1.2rem;
}
.hd-source-card .hd-source-body li {
	margin-bottom: 8px;
}
.hd-source-card .hd-source-body > :last-child,
.hd-source-card .hd-source-body p:last-child {
	margin-bottom: 0;
}

/* ---------- hd/why-it-matters ---------- */
.hd-why {
	display: block;
	background: #f8fafc;
	border-left: 5px solid var(--hdb-why, #c8102e);
	border-radius: 0 8px 8px 0;
	padding: 18px 22px;
	margin: 2rem 0;
}
.hd-why-label {
	display: inline-block;
	font-size: 0.9rem;
	font-weight: 800;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #111827;
	margin-bottom: 10px;
}
.hd-why-body > :last-child {
	margin-bottom: 0;
}

/* ---------- hd/verdict ---------- */
.hd-verdict {
	background: #fff;
	border: 1px solid #e5e7eb;
	border-top: 5px solid var(--hdb-verdict, #111c2e);
	border-radius: 8px;
	padding: 20px 24px;
	margin: 2rem 0;
}
.hd-verdict-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 12px;
}
.hd-verdict-label {
	font-size: 0.8rem;
	font-weight: 800;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--hdb-verdict, #111c2e);
}
.hd-verdict-badge {
	font-size: 0.78rem;
	font-weight: 800;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	padding: 4px 14px;
	border-radius: 9999px;
	color: #fff;
	background: #6b7280;
	white-space: nowrap;
}
.hd-verdict--true .hd-verdict-badge         { background: #15803d; }
.hd-verdict--mostly-true .hd-verdict-badge  { background: #4d7c0f; }
.hd-verdict--mixed .hd-verdict-badge        { background: #d97706; }
.hd-verdict--mostly-false .hd-verdict-badge { background: #ea580c; }
.hd-verdict--false .hd-verdict-badge        { background: #c8102e; }
.hd-verdict--unproven .hd-verdict-badge     { background: #6b7280; }
.hd-verdict-claim {
	font-size: 1.15rem;
	font-style: italic;
	color: #111827;
	margin: 0 0 10px;
}
.hd-verdict-body {
	font-size: 0.98rem;
	color: #374151;
}
.hd-verdict-body > :last-child {
	margin-bottom: 0;
}

/* ---------- hd/timeline ----------
   The theme's hd.css owns the full .hd-timeline look (rail, dots, year).
   These are just fallbacks/gap-fills so the block also works theme-less. */
.hd-timeline .description {
	display: block;
}
.hd-timeline li {
	list-style: none;
}

/* ---------- Shared: subtle elevation ----------
   A quiet lift off the page for every editorial panel - deliberately
   softer than the homepage cards. Covers the blocks AND the legacy
   hand-written shells. */
.callout-box,
.article-sources,
.article-disclosure,
.hd-why,
.hd-verdict,
.hd-prose blockquote,
.wp-block-quote {
	box-shadow: 0 1px 3px rgba(17, 28, 46, 0.10), 0 4px 12px rgba(17, 28, 46, 0.05);
}


/* ---------- hd/key-takeaways ---------- */
.hd-takeaways {
	background: #eef2f7;
	border-left: 5px solid var(--hdb-takeaways, #111c2e);
	border-radius: 0 8px 8px 0;
	padding: 18px 22px;
	margin: 2rem 0;
}
.hd-takeaways-label {
	display: inline-block;
	font-size: 0.9rem;
	font-weight: 800;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #111827;
	margin-bottom: 10px;
}
.hd-takeaways-body ul,
.hd-takeaways-body ol {
	margin: 0;
	padding-left: 1.15rem;
}
.hd-takeaways-body li {
	margin-bottom: 8px;
}
.hd-takeaways-body li:last-child,
.hd-takeaways-body > :last-child {
	margin-bottom: 0;
}

/* ---------- hd/stat ---------- */
.hd-stat {
	margin: 2.25rem auto;
	text-align: center;
}
.hd-stat-number {
	display: block;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 3.4rem;
	font-weight: 700;
	line-height: 1;
	color: var(--hdb-amber, #f59e0b);
}
.hd-stat-context {
	display: block;
	margin: 10px auto 0;
	font-size: 0.95rem;
	color: #4b5563;
	max-width: 480px;
}

/* ---------- hd/update-note ---------- */
.hd-update {
	background: #f8fafc;
	border-left: 5px solid #6b7280;
	border-radius: 0 8px 8px 0;
	padding: 14px 20px;
	margin: 2rem 0;
}
.hd-update-label {
	display: inline-block;
	font-size: 0.8rem;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #111827;
	margin-bottom: 8px;
}
.hd-update-body {
	font-size: 0.95rem;
	color: #374151;
}
.hd-update-body > :last-child {
	margin-bottom: 0;
}

/* v2 panels join the shared subtle elevation */
.hd-takeaways,
.hd-update {
	box-shadow: 0 1px 3px rgba(17, 28, 46, 0.10), 0 4px 12px rgba(17, 28, 46, 0.05);
}