/* HH Publisher: content blocks. Theme-neutral, mobile-first, works on light and dark themes (neutral greys with alpha). */
.hh-answer {
	margin: 0 0 1.5em;
	padding: .9em 1.1em;
	border-left: 4px solid #d7262b;
	border-radius: 0 6px 6px 0;
	background: rgba(127, 127, 127, .08);
	font-size: 1.05em;
	line-height: 1.6;
}
.hh-takeaways {
	margin: 1.5em 0;
	padding: 1em 1.25em;
	border: 1px solid rgba(127, 127, 127, .3);
	border-radius: 8px;
	background: rgba(127, 127, 127, .05);
}
.hh-takeaways > :first-child { margin-top: 0; }
.hh-takeaways > :last-child { margin-bottom: 0; }
.hh-takeaways ul { margin: .5em 0 0; padding-left: 1.25em; }
.hh-takeaways li { margin: .35em 0; }
.hh-table {
	max-width: 100%;
	margin: 1.5em 0;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}
.hh-table table {
	width: 100%;
	min-width: 480px;
	margin: 0;
	border-collapse: collapse;
	font-size: .95em;
}
.hh-table th,
.hh-table td {
	padding: .6em .75em;
	border: 1px solid rgba(127, 127, 127, .3);
	text-align: start;
	vertical-align: top;
}
.hh-table thead th { background: rgba(127, 127, 127, .12); font-weight: 600; }
.hh-table tbody tr:nth-child(even) { background: rgba(127, 127, 127, .05); }
.hh-figure { margin: 1.75em 0; }
.hh-figure img { display: block; width: 100%; height: auto; border-radius: 6px; }
.hh-figure figcaption { margin-top: .5em; font-size: .85em; text-align: center; opacity: .75; }
.hh-disclaimer {
	margin: 2em 0 1.5em;
	padding: .9em 1.1em;
	border: 1px solid rgba(215, 38, 43, .45);
	border-radius: 6px;
	background: rgba(215, 38, 43, .06);
	font-size: .92em;
}
.hh-sources { font-size: .9em; }
.hh-sources a { overflow-wrap: anywhere; }
.hh-ai-note {
	margin-top: 2em;
	padding-top: 1em;
	border-top: 1px solid rgba(127, 127, 127, .3);
	font-size: .85em;
	font-style: italic;
	opacity: .75;
}
@media (max-width: 600px) {
	.hh-answer, .hh-takeaways, .hh-disclaimer { padding: .8em .9em; }
	.hh-table table { font-size: .9em; }
}