/* Content Manager Pro — Enterprise Exam Intelligence Engine (PHASE 15A6)
 * VISUAL IDENTITY REFRESH — matches "Himalayan Gazette" theme.
 *
 * Purely additive: everything here is scoped under .hpcm-exam-intel so it
 * can never affect the Study Layout, TOC, Hero, Study Flow, Knowledge Box,
 * archive pages, or theme markup. One layer is appended after every major
 * (H2) topic, plus a single Related Topics layer at the end of the
 * article. Loads after hpcm-frontend.css. No JavaScript — every layer is
 * static, server-rendered HTML, so there is zero layout-shift risk.
 */

.hpcm-exam-intel {
	--hpcm-exam-bg: #faf7f1;
	--hpcm-exam-border: #e6ddc9;
	--hpcm-exam-text: #1c2b22;
	--hpcm-exam-muted: #5c6b60;
	--hpcm-exam-accent: #1f6b4a;
	--hpcm-exam-copper: #b9793a;
	--hpcm-exam-card-bg: #fffdf8;
	--hpcm-exam-font-mono: 'IBM Plex Mono', ui-monospace, monospace;

	box-sizing: border-box;
	background: var(--hpcm-exam-bg);
	border: 1px solid var(--hpcm-exam-border);
	border-radius: 16px;
	padding: clamp(16px, 3.5vw, 24px);
	margin: clamp(20px, 3vw, 28px) 0;
	max-width: 72ch;
	font-family: 'Poppins', 'Noto Sans Devanagari', sans-serif;
}


.hpcm-exam-intel * { box-sizing: border-box; }

.hpcm-exam-intel-title {
	display: flex;
	align-items: center;
	gap: 8px;
	font-family: 'Source Serif 4', Georgia, serif;
	font-size: clamp(1.05rem, .98rem + .25vw, 1.2rem) !important;
	font-weight: 600;
	color: var(--hpcm-exam-text) !important;
	margin: 0 0 clamp(12px, 2.5vw, 16px);
	padding-bottom: 10px;
	border-bottom: 1px dashed var(--hpcm-exam-border);
}

.hpcm-exam-intel-icon { font-size: 1.1rem; }

/* ---------------- Dashboard grid ---------------- */

.hpcm-exam-intel-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: clamp(10px, 2vw, 14px);
}

@media (max-width: 600px) {
	.hpcm-exam-intel-grid { grid-template-columns: 1fr; }
	.hpcm-exam-intel { max-width: 100%; }
}

.hpcm-exam-card {
	background: var(--hpcm-exam-card-bg);
	border: 1px solid var(--hpcm-exam-border);
	border-left: 4px solid var(--hpcm-exam-accent);
	border-radius: 12px;
	padding: clamp(12px, 2.5vw, 16px);
	box-shadow: 0 1px 2px rgba(20, 40, 30, .05);
}

/* Focus Areas and Common Mistakes can run long — let them span both
 * columns so their lists aren't squeezed into a half-width card. */
.hpcm-exam-card--focus,
.hpcm-exam-card--mistakes { grid-column: 1 / -1; }

.hpcm-exam-card:focus-visible {
	outline: 3px solid var(--hpcm-exam-accent);
	outline-offset: 2px;
}

.hpcm-exam-card-label {
	display: flex;
	align-items: center;
	gap: 8px;
	font-family: var(--hpcm-exam-font-mono);
	font-size: .74rem !important;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .05em;
	color: var(--hpcm-exam-muted) !important;
	margin-bottom: 8px;
}

.hpcm-exam-card-icon { font-size: 1rem; }

.hpcm-exam-card-body {
	color: var(--hpcm-exam-text) !important;
	font-size: clamp(.95rem, .9rem + .2vw, 1.05rem) !important;
	line-height: 1.65;
}

/* ---------------- Importance stars ---------------- */

.hpcm-exam-stars {
	font-size: 1.05rem !important;
	letter-spacing: .05em;
	color: var(--hpcm-exam-copper) !important;
	margin-right: 8px;
}

.hpcm-exam-importance-label { font-weight: 700; }

/* ---------------- Question type chips ---------------- */

.hpcm-exam-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.hpcm-exam-chip {
	display: inline-block;
	font-family: var(--hpcm-exam-font-mono);
	font-size: .76rem !important;
	font-weight: 600;
	color: var(--hpcm-exam-accent) !important;
	background: rgba(31, 107, 74, .1);
	border-radius: 999px;
	padding: 4px 12px;
}


/* ---------------- Probability / priority badges — "ribbon" signature ----
 * A notched ribbon tail (instead of a plain rounded pill) reads like an
 * official priority flag on an exam dossier — the one deliberately bold
 * flourish in this component. */

.hpcm-exam-badge {
	position: relative;
	display: inline-block;
	font-family: var(--hpcm-exam-font-mono);
	font-size: .78rem !important;
	font-weight: 700;
	letter-spacing: .03em;
	padding: 5px 14px 5px 12px;
	color: #fff !important;
	background: var(--hpcm-exam-accent);
	clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 50%, calc(100% - 8px) 100%, 0 100%);
}

.hpcm-exam-badge--high-probability,
.hpcm-exam-badge--must-remember { background: #9a2b1f; }
.hpcm-exam-badge--moderate-probability,
.hpcm-exam-badge--good-to-know { background: var(--hpcm-exam-copper); }
.hpcm-exam-badge--revision-only,
.hpcm-exam-badge--optional { background: #2b5f78; }
.hpcm-exam-badge--reference-topic { background: #5c6b60; }

/* ---------------- Lists (Focus Areas / Common Mistakes) ---------------- */

.hpcm-exam-list {
	margin: 0;
	padding-left: 1.3em;
}

.hpcm-exam-list li { margin-bottom: .35em; }
.hpcm-exam-list li:last-child { margin-bottom: 0; }
.hpcm-exam-list li::marker { color: var(--hpcm-exam-copper); }

.hpcm-exam-card--mistakes { border-left-color: #9a2b1f; }

/* ---------------- Related Topics (once, at the end of the article) ---------------- */

.hpcm-exam-intel--related .hpcm-exam-related-list {
	margin: 0;
	padding-left: 1.3em;
	color: var(--hpcm-exam-text) !important;
}

.hpcm-exam-related-list li { margin-bottom: .5em; }
.hpcm-exam-related-list li:last-child { margin-bottom: 0; }
.hpcm-exam-related-list a { color: var(--hpcm-exam-accent); text-decoration: underline; }