/* Blockquote styling */
blockquote {
	background-color: #2c2f36 !important;
	color: #e4e4e4 !important;
	border-left: 4px solid #6c63ff;
	font-style: italic;
	padding: 1.25em 1.75em;
	margin: 1.5em 0;
	line-height: 1.6;
	border-radius: 6px;
	font-family: Georgia, serif;
	font-size: 1.05em;
	position: relative;
	/* Needed for ::before positioning */
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

blockquote a {
	color: #ffd966;
	text-decoration: underline;
}

blockquote a:hover {
	color: #ffffff;
}

blockquote cite {
	display: block;
	font-style: normal;
	color: #d1d1d1;
	font-size: 0.875rem;
	margin-top: 0.75em;
}

blockquote cite:before {
	content: "— ";
}

/* Anecdote box styling */
.anecdote {
	background-color: #1f242c !important;
	color: #f1f1f1 !important;
	border-left: 4px solid #00bfa5;
	font-style: normal;
	font-size: 1.05em;
	padding: 1.25em 1.75em;
	margin: 1.5em 0;
	line-height: 1.6;
	border-radius: 6px;
	font-family: "Helvetica Neue", sans-serif;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

.anecdote a {
	color: #00ffc3;
	font-weight: 500;
}

figure {
	margin: 2em 0;
	text-align: center;
	overflow-x: auto;
}

figure img {
	max-width: 100%;
	height: auto;
	border-radius: 8px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
	/* Consistent soft shadow */
}

figcaption {
	margin-top: 0.75em;
	font-size: 0.95em;
	color: #d1d1d1;
	text-align: center;
	font-style: italic;
	font-family: Georgia, serif;
	background-color: #2c2f36;
	padding: 0.5em 0.75em;
	border-radius: 6px;
	display: inline-block;
	max-width: 90%;
}

ol,
ul {
	padding-left: 1.5em;
	/* Indent nicely */
	margin: 1.5em 0;
	/* Add vertical space above and below the list */
	line-height: 1.6;
	/* Consistent with your blockquote/anecdote text */
}

ol li,
ul li {
	margin-bottom: 0.75em;
	/* Slight breathing room between list items */
}

ol {
	counter-reset: list-counter;
	list-style: none;
	padding-left: 1.5em;
}

ol li {
	counter-increment: list-counter;
	position: relative;
	margin-bottom: 0.75em;
}

ol li::before {
	content: counter(list-counter) ". ";
	position: absolute;
	left: -1.5em;
	color: #6c63ff;
	/* Matches your blockquote accent color */
	font-weight: bold;
}

.cta-signup {
	background-color: #f9f9f9;
	border-left: 4px solid #6c63ff;
	padding: 1em 1.5em;
	margin: 2em 0;
	font-size: 1.05em;
	line-height: 1.6;
	border-radius: 6px;
	color: #2c2f36;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
}

.cta-button {
	display: block;
	width: 100%;
	max-width: 360px;
	/* Wider button */
	margin: 1em auto 0;
	/* Less padding above */
	padding: 0.6em 1.25em;
	/* Less tall */
	font-size: 1em;
	/* Slightly smaller text */
	font-weight: 600;
	text-align: center;
	color: #ffffff !important;
	background-color: #6c63ff;
	border: none;
	border-radius: 6px;
	text-decoration: none;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
	transition: background-color 0.3s ease;
}

.cta-button:hover {
	background-color: #574de9;
	color: #ffffff !important;
}

.linkedin-cta {
	background-color: #1f242c;
	color: #f1f1f1;
	padding: 1em 1.5em;
	border-left: 4px solid #6c63ff;
	border-radius: 6px;
	margin-top: 2em;
	font-size: 1.05em;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
}

.inline-image {
	max-width: 65%;
	height: auto;
	display: block;
	margin: 1.5em auto;
	border-radius: 4px;
}

.highlight-block {
	background-color: #2a2e35;
	color: #f5f5f5;
	border: 1px solid #ffcc00;
	padding: 1.25em 1.75em;
	margin: 1.5em 0;
	font-style: normal;
	font-size: 1.05em;
	border-radius: 6px;
	font-family: "Courier New", monospace;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
	text-align: center; /* Default for non-list content */
}

/* Override list alignment */
.highlight-block ul,
.highlight-block ol {
	text-align: left;
	list-style-position: outside;
	padding-left: 1.25em;
	margin: 1.25em 0;
}

.highlight-block li {
	margin-bottom: 0.1em;
}

.ai-trust-badge {
	background-color: #f9f9f9;
	color: #2c2f36;
	border-left: 4px solid #6c63ff;
	padding: 1.25em 1.75em;
	margin: 2em auto;
	font-size: 0.95em;
	line-height: 1.5;
	font-family: "Helvetica Neue", sans-serif;
	border-radius: 6px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
	display: inline-block;
	max-width: 100%;
}

.ai-trust-badge .meta-top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: 0.75rem;
	margin-bottom: 0.75em;
}

.ai-trust-badge .author-meta {
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

.ai-trust-badge .author-meta img {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	object-fit: cover;
}

.ai-trust-badge .meta-divider {
	width: 80%;
	height: 1px;
	background-color: #ddd;
	margin: 0.75em auto;
	border: none;
}

.ai-trust-badge .modified-date {
	font-size: 0.85em;
	color: #333;
	font-weight: 600;
}

.ai-trust-badge .meta-bottom {
	text-align: center;
	font-size: 0.95em; /* MATCHED with container */
	color: #2c2f36;
}

.ai-trust-badge .meta-bottom span {
	display: inline;
	color: #666;
}

.ai-trust-badge a,
.ai-trust-badge a:visited {
  color: #6c63ff !important;
  text-decoration: underline;
  font-weight: 600;
}

.ai-trust-badge a:hover {
  color: #574de9 !important;
}

.author-bio-box {
	background-color: #2c2f36;
	color: #eaeaea;
	/* increased contrast */
	border-left: 4px solid #00bfa5;
	padding: 1.25em 1.75em;
	margin: 2em 0;
	border-radius: 6px;
	font-size: 0.95em;
	line-height: 1.6;
	font-family: "Helvetica Neue", sans-serif;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

.author-bio-box a {
	color: #00ffc3;
	text-decoration: underline;
	font-weight: 500;
}

.author-bio-box a:hover {
	color: #ffffff;
}

/* Optional visual grouping for CTAs */
.author-bio-cta {
	margin-top: 1em;
	padding-top: 1em;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.author-bio-cta a {
	display: inline;
	/* fix line breaks */
	margin: 0;
	padding: 0;
	line-height: 1.6;
}

/* Fact-checked text inline styling */
.fact-check {
	border-bottom: 2px dotted #00ffc3;
	cursor: help;
	color: inherit;
	display: inline;
	white-space: normal;
}

/* Unified fact-check tooltip styling */
.tippy-box[data-theme~='fact-check'] {
	font-family: "Helvetica Neue", sans-serif;
	font-size: 0.85rem;
	line-height: 1.5;
	max-width: 320px;
	padding: 0.75em 1em;
	background-color: #f9f9f9;
	color: #1c1c1c;
	border-left: 4px solid #00ffc3;
	border-radius: 6px;
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25);
	white-space: pre-wrap;
}