/**
 * Intelligence directory pages — Master Class black & gold alignment.
 * Loaded after cfo-speaks.css on all Intelligence templates.
 *
 * Critical cs-hero rules are duplicated here so pages stay styled even when
 * cfo-speaks.min.css is stale or body-class detection runs late.
 */

/* ------------------------------------------------------------------ */
/* Master Class tokens on every intelligence wrap (no body class req.) */
/* ------------------------------------------------------------------ */
.intel-page.cs-page,
body.efcfo-intelligence-directory {
	--cs-black: #050505;
	--cs-black-soft: #0a0a0a;
	--cs-black-card: #0d0d0d;
	--cs-black-elevated: #111111;
	--cs-gold: #b8943f;
	--cs-gold-light: #d4bc6e;
	--cs-gold-dim: rgba(184, 148, 63, 0.12);
	--cs-gold-border: rgba(184, 148, 63, 0.22);
	--cs-cream: #f5f0e6;
	--cs-muted: #8a8694;
}

body.cfo-cs-hero-layout.efcfo-intelligence-directory .cfo-top-bar {
	display: none;
}

/* ------------------------------------------------------------------ */
/* cs-hero — full Master Class band (self-contained)                  */
/* ------------------------------------------------------------------ */
.intel-page.cs-page > .cs-hero,
body.efcfo-intelligence-directory .intel-page > .cs-hero,
body.cfo-cs-hero-layout .intel-page > .cs-hero {
	position: relative;
	overflow: hidden;
	width: 100%;
	max-width: 100%;
	margin-left: 0;
	margin-right: 0;
	padding-top: var(--cfo-header-offset, 106px);
	border-bottom: 1px solid rgba(184, 148, 63, 0.15);
	background:
		radial-gradient(ellipse 130% 85% at 50% -25%, rgba(184, 148, 63, 0.16) 0%, transparent 58%),
		linear-gradient(180deg, #0b0b0b 0%, #060606 52%, #000 100%) !important;
}

body.admin-bar .intel-page.cs-page > .cs-hero,
body.admin-bar.efcfo-intelligence-directory .intel-page > .cs-hero {
	padding-top: calc(32px + var(--cfo-header-offset, 106px));
}

@media screen and (max-width: 782px) {
	body.admin-bar .intel-page.cs-page > .cs-hero,
	body.admin-bar.efcfo-intelligence-directory .intel-page > .cs-hero {
		padding-top: calc(46px + var(--cfo-header-offset, 106px));
	}
}

.intel-page.cs-page > .cs-hero::before,
body.efcfo-intelligence-directory .intel-page > .cs-hero::before {
	content: '';
	position: absolute;
	inset: 0;
	background:
		repeating-linear-gradient(
			-45deg,
			rgba(184, 148, 63, 0.04) 0,
			rgba(184, 148, 63, 0.04) 1px,
			transparent 1px,
			transparent 12px
		);
	opacity: 0.65;
	pointer-events: none;
}

.intel-page.cs-page > .cs-hero::after,
body.efcfo-intelligence-directory .intel-page > .cs-hero::after {
	content: '';
	position: absolute;
	inset: 0;
	background:
		linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.25) 100%),
		radial-gradient(ellipse 100% 75% at 50% 0%, rgba(184, 148, 63, 0.11) 0%, transparent 72%);
	pointer-events: none;
}

.intel-page .cs-hero-inner,
body.efcfo-intelligence-directory .intel-page .cs-hero-inner {
	position: relative;
	z-index: 1;
	max-width: min(1100px, 100%);
	margin: 0 auto;
	padding: 3.25rem clamp(1.25rem, 4vw, 2.5rem) 3.75rem;
	text-align: center;
}

.intel-page .cs-hero-brand,
body.efcfo-intelligence-directory .intel-page .cs-hero-brand {
	display: block;
	margin: 0 0 2rem;
}

.intel-page .cs-hero-brand-text,
body.efcfo-intelligence-directory .intel-page .cs-hero-brand-text {
	display: inline-flex !important;
	align-items: center;
	gap: 12px;
	background: rgba(255, 255, 255, 0.03);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	padding: 8px 16px;
	border-radius: 100px;
	border: 1px solid rgba(255, 255, 255, 0.1);
	font-family: 'Libre Franklin', sans-serif;
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #fff;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

.intel-page .cs-hero-brand-text span,
body.efcfo-intelligence-directory .intel-page .cs-hero-brand-text span {
	color: #0a0a0a;
	background: var(--cs-gold);
	padding: 4px 10px;
	border-radius: 100px;
	font-size: 0.65rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	white-space: nowrap;
}

.intel-page .cs-tagline,
body.efcfo-intelligence-directory .intel-page .cs-tagline {
	font-family: 'Playfair Display', serif;
	font-size: clamp(1.15rem, 2.4vw, 1.5rem);
	font-style: italic;
	color: rgba(212, 188, 110, 0.95);
	margin: 0 0 1.15rem;
}

.intel-page .cs-title,
body.efcfo-intelligence-directory .intel-page .cs-title {
	font-family: 'Playfair Display', serif;
	font-size: clamp(2.35rem, 4.8vw, 3.5rem);
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	color: var(--cs-cream) !important;
	margin: 0 0 1.35rem;
	line-height: 1.05;
}

.intel-page .cs-desc,
body.efcfo-intelligence-directory .intel-page .cs-desc {
	max-width: 640px;
	margin: 0 auto 2.5rem;
	font-family: 'Libre Franklin', sans-serif;
	font-size: 0.98rem;
	line-height: 1.85;
	color: rgba(245, 240, 230, 0.76);
	font-weight: 400;
}

.intel-page .cs-hero-count--split,
body.efcfo-intelligence-directory .intel-page .cs-hero-count--split {
	display: flex;
	align-items: center;
	gap: clamp(1.25rem, 4vw, 2.5rem);
	width: min(100%, calc(100vw - 3rem));
	max-width: none;
	margin: 0.5rem auto 0;
	padding: 0;
	background: none;
	border: none;
}

.intel-page .cs-hero-count--split .cs-hero-count-line,
body.efcfo-intelligence-directory .intel-page .cs-hero-count--split .cs-hero-count-line {
	flex: 1;
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.22) 20%, rgba(255, 255, 255, 0.22) 80%, transparent);
}

.intel-page .cs-hero-count--split .cs-hero-count-stat,
body.efcfo-intelligence-directory .intel-page .cs-hero-count--split .cs-hero-count-stat {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.45rem;
	flex-shrink: 0;
	min-width: 8rem;
}

.intel-page .cs-hero-count--split .cs-hero-count-num,
body.efcfo-intelligence-directory .intel-page .cs-hero-count--split .cs-hero-count-num {
	font-family: 'Playfair Display', serif;
	font-size: clamp(2rem, 4vw, 2.5rem);
	font-weight: 700;
	line-height: 1;
	color: var(--cs-cream);
}

.intel-page .cs-hero-count--split .cs-hero-count-label,
body.efcfo-intelligence-directory .intel-page .cs-hero-count--split .cs-hero-count-label {
	font-family: 'Libre Franklin', sans-serif;
	font-size: 0.68rem;
	font-weight: 600;
	letter-spacing: 2.2px;
	text-transform: uppercase;
	color: var(--cs-gold);
}

/* ------------------------------------------------------------------ */
/* Page grid + wrap palette                                           */
/* ------------------------------------------------------------------ */
.intel-page.cs-page::before,
body.efcfo-intelligence-directory .intel-page::before,
body.efcfo-intelligence-directory .cfo-cs-hero-layout[class*='-wrap']::before {
	content: '';
	position: absolute;
	inset: 0;
	pointer-events: none;
	z-index: 0;
	background-image:
		linear-gradient(rgba(184, 148, 63, 0.022) 1px, transparent 1px),
		linear-gradient(90deg, rgba(184, 148, 63, 0.022) 1px, transparent 1px) !important;
	background-size: 64px 64px !important;
}

/* ------------------------------------------------------------------ */
/* Token remap: navy/teal inline vars → cs-page master class palette   */
/* ------------------------------------------------------------------ */
body.efcfo-intelligence-directory .intel-page,
body.efcfo-intelligence-directory .intel-page.cs-page,
body.efcfo-intelligence-directory .cfo-cs-hero-layout[class*='-wrap'],
body.efcfo-intelligence-directory .cfo-cs-hero-layout.cfo-comp-wrap,
body.efcfo-intelligence-directory .cfo-cs-hero-layout.pe-firms-container,
body.efcfo-intelligence-directory .cfo-cs-hero-layout.recruiters-directory-wrap,
body.efcfo-intelligence-directory .cfo-cs-hero-layout.b-schools-directory-wrap,
body.efcfo-intelligence-directory .cfo-cs-hero-layout.vc-firms-container {
	--navy: var(--cs-black, #050505) !important;
	--navy-mid: var(--cs-black-elevated, #111111) !important;
	--navy-card: var(--cs-black-card, #0d0d0d) !important;
	--navy2: var(--cs-black-soft, #0a0a0a) !important;
	--navy3: var(--cs-black-elevated, #111111) !important;
	--gold: var(--cs-gold, #b8943f) !important;
	--gold-light: var(--cs-gold-light, #d4bc6e) !important;
	--gold-dim: var(--cs-gold-dim, rgba(184, 148, 63, 0.12)) !important;
	--gold-b: var(--cs-gold-border, rgba(184, 148, 63, 0.22)) !important;
	--gold2: var(--cs-gold-light, #d4bc6e) !important;
	--teal: var(--cs-gold, #b8943f) !important;
	--teal-l: var(--cs-gold-light, #d4bc6e) !important;
	--teal-dim: var(--cs-gold-dim, rgba(184, 148, 63, 0.12)) !important;
	--teal-b: var(--cs-gold-border, rgba(184, 148, 63, 0.22)) !important;
	--white: var(--cs-cream, #f5f0e6) !important;
	--g400: var(--cs-muted, #8a8694) !important;
	--g500: rgba(138, 134, 148, 0.85) !important;
	--text: var(--cs-cream, #f5f0e6) !important;
	--text2: var(--cs-muted, #8a8694) !important;
	--text3: rgba(138, 134, 148, 0.75) !important;
	--card-bg: rgba(255, 255, 255, 0.03) !important;
	--card-border: var(--cs-gold-border, rgba(184, 148, 63, 0.22)) !important;
	--modal-bg: var(--cs-black-elevated, #111111) !important;
	--radius: 10px !important;
	--shadow: 0 4px 24px rgba(0, 0, 0, 0.45) !important;

	background: var(--cs-black, #050505) !important;
	color: var(--cs-cream, #f5f0e6) !important;
	font-family: 'Libre Franklin', 'DM Sans', sans-serif !important;
	position: relative;
	overflow-x: hidden;
	min-height: 100vh;
}

.intel-page::before,
.cfo-cs-hero-layout[class*='-wrap']::before {
	background-image:
		linear-gradient(rgba(184, 148, 63, 0.022) 1px, transparent 1px),
		linear-gradient(90deg, rgba(184, 148, 63, 0.022) 1px, transparent 1px) !important;
	background-size: 64px 64px !important;
}

/* ------------------------------------------------------------------ */
/* cs-hero + cs-explore (Master Class page band)                      */
/* ------------------------------------------------------------------ */
body.efcfo-intelligence-directory .intel-page > .cs-hero {
	position: relative;
	z-index: 2;
}

body.efcfo-intelligence-directory .intel-page > .cs-explore.intel-body,
.intel-page.cs-page > .cs-explore.intel-body {
	position: relative;
	z-index: 1;
	padding: 0 0 4rem;
	background:
		radial-gradient(ellipse 70% 50% at 50% 0%, rgba(184, 148, 63, 0.08) 0%, transparent 55%),
		var(--cs-black, #050505) !important;
}

body.efcfo-intelligence-directory .intel-page .cs-explore-inner,
.intel-page.cs-page .cs-explore-inner {
	max-width: 1400px;
	margin: 0 auto;
	padding: 0 clamp(1.25rem, 4vw, 3rem);
}

body.efcfo-intelligence-directory .intel-page .cs-explore .author-strip,
.intel-page.cs-page .cs-explore .author-strip {
	margin-bottom: 1.75rem;
}

/* ------------------------------------------------------------------ */
/* Body content band (matches .cs-explore)                            */
/* ------------------------------------------------------------------ */
.intel-page > .author-strip,
.intel-page > .main,
.intel-page > [class*='-shell'],
.intel-page > .pod-main,
.intel-page > .comp-sources,
.intel-page > .intel-body,
.intel-page .cs-explore .author-strip,
.intel-page .cs-explore [class*='-shell'],
.intel-page .cs-explore .comp-sources {
	position: relative;
	z-index: 1;
}

body.efcfo-intelligence-directory .intel-page > .author-strip,
body.efcfo-intelligence-directory .intel-page .cs-explore .author-strip,
body.efcfo-intelligence-directory .intel-page [class*='-wrap'] .author-strip,
.intel-page > .author-strip {
	border-top: 1px solid var(--cs-gold-border) !important;
	border-bottom: 1px solid var(--cs-gold-border) !important;
	background: var(--cs-gold-dim) !important;
	padding: 12px clamp(1.25rem, 4vw, 3rem) !important;
	display: flex !important;
	align-items: center;
	gap: 12px;
	margin-bottom: 0;
}

.intel-page .author-inner,
.intel-page .author-strip {
	max-width: 1400px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	box-sizing: border-box;
}

.intel-page .author-avatar,
.intel-page .a-av {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: linear-gradient(135deg, var(--cs-gold), var(--cs-black-elevated));
	border: 1.5px solid var(--cs-gold);
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: 'Playfair Display', 'Cormorant Garamond', serif;
	font-size: 13px;
	font-weight: 700;
	color: var(--cs-gold);
	flex-shrink: 0;
}

.intel-page .author-name,
.intel-page .a-info strong {
	color: var(--cs-cream);
	font-weight: 600;
}

.intel-page .author-note,
.intel-page .a-info,
.intel-page .a-creds {
	font-size: 11px;
	color: var(--cs-muted);
	line-height: 1.55;
}

.intel-page .a-creds {
	font-family: 'IBM Plex Mono', 'DM Mono', monospace;
	font-size: 9px;
	color: var(--cs-gold);
	letter-spacing: 0.04em;
}

.intel-page .a-note {
	margin-left: auto;
	font-size: 10px;
	color: var(--cs-gold);
	background: var(--cs-gold-dim);
	border: 1px solid var(--cs-gold-border);
	border-radius: 100px;
	padding: 4px 12px;
	white-space: nowrap;
	font-weight: 600;
}

.intel-page > .main,
.intel-page > [class*='-shell'],
.intel-page > .pod-main,
.intel-page .intel-inner,
.intel-page .cs-explore .comp-shell {
	max-width: 1400px;
	margin: 0 auto;
	padding: 2rem 0 4rem;
}

.intel-page > .comp-sources,
.intel-page .cs-explore .comp-sources {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 0 3.5rem;
	font-size: 11px;
	color: var(--cs-muted);
	line-height: 1.7;
	text-align: center;
}

.intel-page > .comp-sources strong {
	color: var(--cs-cream);
}

/* ------------------------------------------------------------------ */
/* KPI strip                                                          */
/* ------------------------------------------------------------------ */
.intel-page .kpi-strip {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 14px;
	margin-bottom: 28px;
}

body.efcfo-intelligence-directory .intel-page .kpi-card,
body.efcfo-intelligence-directory .intel-page [class*='-wrap'] .kpi-card {
	background: var(--cs-black-card) !important;
	border: 1px solid var(--cs-gold-border) !important;
	border-radius: 12px;
	padding: 20px 22px;
	text-align: center;
}

.intel-page .kpi-num {
	font-family: 'Playfair Display', 'Cormorant Garamond', serif;
	font-size: 36px;
	font-weight: 700;
	color: var(--cs-gold);
	line-height: 1;
	display: block;
}

.intel-page .kpi-label {
	font-size: 10px;
	font-weight: 600;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--cs-muted);
	margin-top: 8px;
	display: block;
}

/* ------------------------------------------------------------------ */
/* Tabs & filters                                                     */
/* ------------------------------------------------------------------ */
.intel-page .tabs-nav,
.intel-page .tabs {
	position: sticky;
	top: 0;
	z-index: 200;
	background: rgba(5, 5, 5, 0.98);
	backdrop-filter: blur(16px);
	border-bottom: 1px solid var(--cs-gold-border);
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	gap: 0;
	overflow: visible;
	margin-bottom: 24px;
	border-radius: 0;
}

.intel-page .tab-btn {
	padding: 14px 16px;
	font-size: 11px;
	font-weight: 600;
	color: var(--cs-muted);
	background: none;
	border: none;
	border-bottom: 2px solid transparent;
	cursor: pointer;
	font-family: 'Libre Franklin', 'DM Sans', sans-serif;
	white-space: nowrap;
	margin-bottom: -1px;
	display: flex;
	align-items: center;
	gap: 6px;
	text-transform: none;
	letter-spacing: 0;
}

.intel-page .tab-btn:hover,
.intel-page .tab-btn.active {
	color: var(--tab-color, var(--cs-gold));
	border-bottom-color: var(--tab-color, var(--cs-gold));
}

.intel-page .tab-count {
	background: rgba(255, 255, 255, 0.06);
	border-radius: 100px;
	padding: 1px 6px;
	font-size: 9px;
	font-family: 'IBM Plex Mono', 'DM Mono', monospace;
}

.intel-page .controls,
.intel-page .controls-row {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
	margin-bottom: 20px;
}

.intel-page .filter-btn,
.intel-page .chip,
.intel-page .sort-btn {
	background: rgba(255, 255, 255, 0.03);
	border: 1px solid var(--cs-gold-border);
	border-radius: 6px;
	color: var(--cs-muted);
	font-size: 11px;
	font-weight: 500;
	padding: 6px 12px;
	cursor: pointer;
	transition: all 0.18s;
	font-family: 'Libre Franklin', 'DM Sans', sans-serif;
}

.intel-page .sort-btn.active,
body.efcfo-intelligence-directory .intel-page .sort-btn.active {
	border-color: var(--cs-gold) !important;
	color: var(--cs-gold) !important;
	background: var(--cs-gold-dim) !important;
}

.intel-page .sort-btn:hover,
body.efcfo-intelligence-directory .intel-page .sort-btn:hover {
	border-color: var(--cs-gold);
	color: var(--cs-gold);
}

.intel-page .filter-btn:hover,
.intel-page .filter-btn.active,
.intel-page .chip:hover,
.intel-page .chip.active {
	background: var(--cs-gold-dim);
	border-color: var(--cs-gold);
	color: var(--cs-gold);
}

.intel-page .search-w input,
.intel-page .search-wrap input {
	background: rgba(255, 255, 255, 0.04);
	border: 1px solid var(--cs-gold-border);
	border-radius: 7px;
	padding: 8px 14px 8px 32px;
	font-size: 12px;
	color: var(--cs-cream);
	font-family: 'Libre Franklin', 'DM Sans', sans-serif;
	width: 100%;
	outline: none;
}

.intel-page .search-w input:focus,
.intel-page .search-wrap input:focus {
	border-color: var(--cs-gold);
}

.intel-page .results-count,
.intel-page #resultsCount {
	font-size: 11px;
	color: var(--cs-muted);
	margin-bottom: 16px;
	font-family: 'IBM Plex Mono', 'DM Mono', monospace;
}

/* ------------------------------------------------------------------ */
/* Row lists                                                          */
/* ------------------------------------------------------------------ */
.intel-page [class*='-list'],
.intel-page .pod-list {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.intel-page [class*='-row'],
.intel-page .pod-row {
	display: flex;
	align-items: center;
	gap: 20px;
	background: var(--cs-black-card);
	border: 1px solid var(--cs-gold-border);
	border-radius: 12px;
	padding: 18px 22px;
	cursor: pointer;
	transition: all 0.2s;
}

.intel-page [class*='-row']:hover,
.intel-page .pod-row:hover {
	border-color: var(--cs-gold);
	transform: translateX(3px);
	background: rgba(184, 148, 63, 0.05);
}

.intel-page [class*='-rank'] {
	font-family: 'Playfair Display', 'Cormorant Garamond', serif;
	font-size: 32px;
	font-weight: 700;
	color: rgba(245, 240, 230, 0.12);
	width: 44px;
	flex-shrink: 0;
	text-align: center;
	line-height: 1;
}

.intel-page [class*='-name'],
.intel-page .pod-name {
	font-size: 16px;
	font-weight: 700;
	color: var(--cs-cream);
	margin-bottom: 4px;
	line-height: 1.25;
}

.intel-page [class*='-desc'],
.intel-page .pod-host {
	font-size: 12px;
	color: var(--cs-muted);
	line-height: 1.5;
}

.intel-page [class*='-score-v'],
.intel-page .score-val {
	font-family: 'Playfair Display', 'Cormorant Garamond', serif;
	font-size: 28px;
	font-weight: 700;
	line-height: 1;
}

.intel-page [class*='-score-v']:first-child,
.intel-page [class*='-score-v'].deal,
.intel-page [class*='-score-v'].board,
.intel-page [class*='-score-v'].peer,
.intel-page [class*='-score-v'].chair,
.intel-page [class*='-score-v'].think,
.intel-page [class*='-score-v'].tp,
.intel-page [class*='-score-v'].tco {
	color: var(--cs-gold);
}

/* ------------------------------------------------------------------ */
/* Card grids                                                         */
/* ------------------------------------------------------------------ */
.intel-page .cards-grid,
.intel-page [class*='-grid']:not(.kpi-strip) {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	gap: 14px;
}

.intel-page .card,
.intel-page [class*='-card'] {
	background: var(--cs-black-card);
	border: 1px solid var(--cs-gold-border);
	border-radius: 12px;
	padding: 18px 20px;
	cursor: pointer;
	transition: all 0.2s;
	position: relative;
	overflow: hidden;
}

.intel-page .card:hover,
.intel-page [class*='-card']:hover {
	border-color: var(--cs-gold);
	transform: translateY(-2px);
	box-shadow: var(--shadow);
}

/* ------------------------------------------------------------------ */
/* Modals                                                             */
/* ------------------------------------------------------------------ */
.intel-page .modal-bg,
.intel-page .modal-overlay {
	background: rgba(0, 0, 0, 0.88) !important;
	backdrop-filter: blur(12px);
}

.intel-page .modal-box,
.intel-page .modal {
	background: var(--cs-black-elevated) !important;
	border: 1px solid var(--cs-gold-border) !important;
	border-radius: 14px;
}

.intel-page .modal-name {
	font-family: 'Playfair Display', 'Cormorant Garamond', serif;
	color: var(--cs-cream);
}

.intel-page .modal-rank {
	font-family: 'IBM Plex Mono', 'DM Mono', monospace;
	color: var(--cs-gold);
}

/* ------------------------------------------------------------------ */
/* Compensation / report sections                                     */
/* ------------------------------------------------------------------ */
.intel-page .comp-section,
.intel-page .report-section {
	background: var(--cs-black-card);
	border: 1px solid var(--cs-gold-border);
	border-radius: 12px;
	padding: 24px 28px;
	margin-bottom: 24px;
}

.intel-page .comp-section-title,
.intel-page .section-title {
	font-family: 'Playfair Display', serif;
	font-size: 1.35rem;
	font-weight: 600;
	color: var(--cs-cream);
	margin-bottom: 16px;
}

.intel-page table th {
	color: var(--cs-gold);
	border-bottom-color: var(--cs-gold-border);
}

.intel-page table td {
	color: var(--cs-cream);
	border-bottom-color: rgba(184, 148, 63, 0.12);
}

/* ------------------------------------------------------------------ */
/* Tags                                                               */
/* ------------------------------------------------------------------ */
.intel-page [class*='-tag'],
.intel-page .pod-tag,
.intel-page .badge {
	background: var(--cs-gold-dim) !important;
	border: 1px solid var(--cs-gold-border) !important;
	color: var(--cs-gold-light) !important;
}

/* ------------------------------------------------------------------ */
/* Compensation / report pages — beat inline navy card borders        */
/* ------------------------------------------------------------------ */
body.efcfo-intelligence-directory .intel-page .comp-table-wrap,
body.efcfo-intelligence-directory .intel-page [class*='-card'],
body.efcfo-intelligence-directory .intel-page .insight-card,
body.efcfo-intelligence-directory .intel-page .sector-card,
body.efcfo-intelligence-directory .intel-page .ladder-row,
body.efcfo-intelligence-directory .intel-page .bonus-card,
body.efcfo-intelligence-directory .intel-page .compare-strip,
body.efcfo-intelligence-directory .intel-page .role-callout {
	background: var(--cs-black-card) !important;
	border-color: var(--cs-gold-border) !important;
}

body.efcfo-intelligence-directory .intel-page .sec-title {
	font-family: 'Playfair Display', 'Cormorant Garamond', serif !important;
	color: var(--cs-cream) !important;
}

body.efcfo-intelligence-directory .intel-page .comp-table th {
	color: var(--cs-gold) !important;
	border-bottom-color: var(--cs-gold-border) !important;
	background: rgba(184, 148, 63, 0.04) !important;
}

body.efcfo-intelligence-directory .intel-page .bar-fill {
	background: linear-gradient(90deg, rgba(184, 148, 63, 0.55), var(--cs-gold)) !important;
}

body.efcfo-intelligence-directory .intel-page .a-av {
	background: linear-gradient(135deg, var(--cs-gold), var(--cs-black-elevated)) !important;
}

/* ------------------------------------------------------------------ */
/* Responsive                                                         */
/* ------------------------------------------------------------------ */
@media (max-width: 820px) {
	.intel-page .kpi-strip {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 640px) {
	body.efcfo-intelligence-directory .intel-page > .author-strip,
	body.efcfo-intelligence-directory .intel-page > .main,
	body.efcfo-intelligence-directory .intel-page > [class*='-shell'],
	body.efcfo-intelligence-directory .intel-page > .pod-main,
	body.efcfo-intelligence-directory .intel-page > .comp-sources,
	body.efcfo-intelligence-directory .intel-page .cs-explore-inner {
		padding-left: 20px;
		padding-right: 20px;
	}

	.intel-page [class*='-row'],
	.intel-page .pod-row {
		flex-wrap: wrap;
		gap: 12px;
	}

	.intel-page .a-note {
		display: none;
	}
}