/*
 * LEO Insider — blocks.css
 * Styles for article content blocks: the five leo- boxes from
 * gutenberg-block-standard.md §5/§7, dark data tables, FAQ (details +
 * Rank Math), and core block polish for the dark theme.
 * Loaded on the front end AND as an editor style, so the editor canvas
 * matches the published page. Contrast pairs verified in main.css header.
 */

/* ---------- Key Takeaways box ---------- */

.leo-takeaways-box {
	background: #111120;
	border-left: 4px solid #FF9F1C;
	border-radius: 6px;
	padding: 20px 24px;
	margin: 24px 0;
}

.leo-takeaways-box h3 {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #FF9F1C;
}

.leo-takeaways-box ul {
	margin: 0;
	padding-left: 20px;
}

.leo-takeaways-box li {
	margin: 8px 0;
}

/* ---------- Industry Implications box ---------- */

.leo-implications-box {
	background: #0D0D1A;
	border-left: 4px solid #FF9F1C;
	border-radius: 6px;
	padding: 20px 24px;
	margin: 32px 0;
}

.leo-implications-box h2 {
	margin-top: 0;
	font-size: 24px;
}

.leo-implications-box p:last-child {
	margin-bottom: 0;
}

/* ---------- What to Watch checklist ---------- */

.leo-watch-box {
	background: #111120;
	border: 1px solid #1A1A2E;
	border-radius: 6px;
	padding: 20px 24px;
	margin: 32px 0;
}

.leo-watch-box h2 {
	margin-top: 0;
	font-size: 24px;
}

.leo-watch-box ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.leo-watch-box li {
	list-style: none;
	margin: 10px 0;
	padding-left: 4px;
}

/* ---------- Data Sources block ---------- */

.leo-sources-box {
	background: transparent;
	border-top: 1px solid #1A1A2E;
	padding: 16px 0 0;
	margin: 32px 0 0;
	font-size: 14px;
	color: #9999BB;
}

.leo-sources-box h3 {
	margin: 0 0 8px;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #9999BB;
}

.leo-sources-box ul {
	margin: 0 0 10px;
	padding-left: 20px;
}

.leo-sources-box li {
	margin: 4px 0;
}

.leo-sources-box a {
	color: #4DA6FF;
}

/* ---------- Newsletter excerpt box ---------- */

.leo-newsletter-box {
	background: #1A1200;
	border: 1px solid #FF9F1C;
	border-radius: 6px;
	padding: 16px 24px;
	margin: 32px 0;
	text-align: center;
}

.leo-newsletter-box p {
	margin: 0;
}

.leo-newsletter-box a {
	color: #FF9F1C;
	font-weight: 600;
}

/* ---------- Data tables ---------- */

.wp-block-table {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	margin: 28px 0;
}

.wp-block-table table {
	width: 100%;
	min-width: 560px;
	border-collapse: collapse;
	border: 0;
	font-size: 15px;
	line-height: 1.55;
}

/* Core sets `thead { border-bottom: 3px solid }` (currentColor). Under
   border-collapse the wider border wins, which would bury the amber th
   underline below — neutralize the section borders so th rules decide. */
.wp-block-table thead {
	border-bottom: 0;
}

.wp-block-table tfoot {
	border-top: 0;
}

.wp-block-table th {
	text-align: left;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #E0E0EE;
	background: #111120;
	border: 0;
	border-bottom: 2px solid #FF9F1C;
	padding: 12px 14px;
}

.wp-block-table td {
	padding: 11px 14px;
	border: 0;
	border-bottom: 1px solid #1A1A2E;
	color: #E0E0EE;
	vertical-align: top;
}

.wp-block-table tbody tr:nth-child(odd) {
	background: #0D0D1A;
}

.wp-block-table tbody tr:nth-child(even) {
	background: #111120;
}

.wp-block-table figcaption {
	font-size: 13px;
	color: #9999BB;
	margin-top: 8px;
	text-align: left;
}

/* Core "Stripes" table style paints light-gray rows/borders — remap to the
   dark striping palette in case an editor picks that style variation. */
.wp-block-table.is-style-stripes {
	border-bottom: 1px solid #1A1A2E;
}

.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
	background-color: #0D0D1A;
}

.wp-block-table.is-style-stripes tbody tr:nth-child(even) {
	background-color: #111120;
}

/* Source line under tables / in sources box */

.has-small-font-size {
	font-size: 13px !important;
	color: #9999BB;
}

/* ---------- FAQ: native details block ---------- */

.wp-block-details {
	background: #111120;
	border: 1px solid #1A1A2E;
	border-radius: 6px;
	margin: 12px 0;
	padding: 0;
}

.wp-block-details summary {
	padding: 14px 18px;
	font-weight: 600;
	font-size: 16px;
	cursor: pointer;
}

.wp-block-details summary::marker {
	color: #FF9F1C;
}

.wp-block-details[open] summary {
	border-bottom: 1px solid #1A1A2E;
}

.wp-block-details > :not(summary) {
	margin: 12px 18px 16px;
	color: #9999BB;
}

/* ---------- FAQ: Rank Math block ---------- */

.rank-math-faq-item {
	background: #111120;
	border: 1px solid #1A1A2E;
	border-radius: 6px;
	padding: 18px 20px;
	margin: 12px 0;
}

.rank-math-faq-item .rank-math-question {
	margin: 0 0 8px;
	font-size: 17px;
	line-height: 1.4;
	color: #E0E0EE;
}

.rank-math-faq-item .rank-math-answer {
	color: #9999BB;
	font-size: 15px;
	line-height: 1.65;
}

.rank-math-faq-item .rank-math-answer p:last-child {
	margin-bottom: 0;
}

/* ---------- Core block polish (dark theme) ---------- */

.wp-block-quote {
	background: #0D0D1A;
	border-left: 4px solid #4DA6FF;
	border-radius: 0 6px 6px 0;
	padding: 16px 22px;
	margin: 28px 0;
	font-style: normal;
}

.wp-block-quote p:last-of-type {
	margin-bottom: 0;
}

.wp-block-quote cite {
	display: block;
	margin-top: 8px;
	color: #9999BB;
	font-size: 13px;
	font-style: normal;
}

.wp-block-separator {
	border: 0;
	border-top: 1px solid #1A1A2E;
	margin: 40px auto;
	opacity: 1;
}

.wp-block-code {
	background: #111120;
	border: 1px solid #1A1A2E;
	border-radius: 6px;
	padding: 16px 18px;
	margin: 24px 0;
	overflow-x: auto;
}

.wp-block-code code {
	background: transparent;
	border: 0;
	padding: 0;
	color: #4DA6FF;
	font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
	font-size: 14px;
	line-height: 1.6;
}

.wp-block-preformatted {
	background: #111120;
	border: 1px solid #1A1A2E;
	border-radius: 6px;
	padding: 16px 18px;
	color: #E0E0EE;
	overflow-x: auto;
}

.wp-block-columns {
	gap: 24px;
}

.wp-block-image {
	margin: 28px 0;
}

.wp-block-image img {
	border-radius: 6px;
	height: auto;
}

.wp-block-image figcaption {
	color: #9999BB;
	font-size: 13px;
	margin-top: 8px;
}

.wp-block-button__link {
	background: #FF9F1C;
	color: #0A0A14;
	border-radius: 6px;
	font-weight: 700;
}

.wp-block-button__link:hover {
	background: #FFAE3D;
	color: #0A0A14;
}

.wp-block-group.has-background {
	border-radius: 6px;
	padding: 20px 24px;
}

/* Data-currency line — closes every company profile and trust page. Deliberately
   quiet: it is a provenance note, not a design element. */
.data-currency {
	margin: 12px 0 0;
	font-size: 12.5px;
	line-height: 1.5;
	color: #77778F;
}

/* Auto-generated "LEO Insider coverage" list on company profiles. Borrows the
   sources-box frame; it uses an h2 rather than an h3, so the heading rule from
   .leo-sources-box h3 does not reach it. */
.company-coverage h2 {
	margin: 0 0 10px;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #9999BB;
}
.company-coverage ul {
	margin: 0;
	padding-left: 20px;
}
.company-coverage li {
	margin: 6px 0;
	color: #9999BB;
}
.coverage-date {
	margin-left: 6px;
	font-size: 12px;
	color: #77778F;
	white-space: nowrap;
}