/**
 * Release Notes page styling.
 * Scoped to .specteriq-release-notes (rendered from release-notes.md via Parsedown).
 * Palette pulled from the theme: navy #0D1B2A, lime #E0E72D, orange #EB5605,
 * muted #7D93A8, soft bg #EEF2F4. Font: Manrope (enqueued globally).
 */

.specteriq-release-notes {
	--rn-navy: #0D1B2A;
	--rn-lime: #E0E72D;
	--rn-orange: #EB5605;
	--rn-muted: #7D93A8;
	--rn-bg-soft: #EEF2F4;
	--rn-border: #D9E0E6;

	max-width: 820px;
	margin: 0 auto;
	padding: 60px 24px 80px;
	font-family: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
	color: var(--rn-navy);
	font-size: 17px;
	line-height: 1.7;
	-webkit-font-smoothing: antialiased;
}

/* ---- Headings ---------------------------------------------------------- */
.specteriq-release-notes h1,
.specteriq-release-notes h2,
.specteriq-release-notes h3,
.specteriq-release-notes h4 {
	color: var(--rn-navy);
	font-weight: 800;
	line-height: 1.2;
	margin: 0 0 0.5em;
}

.specteriq-release-notes h1 {
	font-size: 2.6rem;
	letter-spacing: -0.02em;
	margin-bottom: 0.3em;
}

.specteriq-release-notes h2 {
	font-size: 1.9rem;
	margin-top: 1.6em; /* collapses with the hr's margin above it (block-level, not inline-block) */
	padding-bottom: 0.35em;
	border-bottom: 3px solid var(--rn-lime);
	width: fit-content; /* underline spans only the text, but stays block so margins collapse */
	max-width: 100%;
}

.specteriq-release-notes h3 {
	font-size: 1.4rem;
	margin-top: 1.8em;
	color: var(--rn-orange);
}

.specteriq-release-notes h4 {
	font-size: 1.18rem;
	margin-top: 1.6em;
	font-weight: 700;
}

/* ---- Body copy --------------------------------------------------------- */
.specteriq-release-notes p {
	margin: 0 0 1.1em;
}

.specteriq-release-notes strong {
	color: var(--rn-navy);
	font-weight: 700;
}

.specteriq-release-notes a {
	color: var(--rn-orange);
	text-decoration: underline;
	text-underline-offset: 2px;
	transition: color 0.15s ease;
}

.specteriq-release-notes a:hover,
.specteriq-release-notes a:focus {
	color: var(--rn-navy);
}

/* ---- Lists ------------------------------------------------------------- */
.specteriq-release-notes ul,
.specteriq-release-notes ol {
	margin: 0 0 1.2em;
	padding-left: 1.4em;
}

.specteriq-release-notes li {
	margin: 0.35em 0;
}

.specteriq-release-notes ul li::marker {
	color: var(--rn-orange);
}

/* ---- "Why it matters" callouts (blockquotes) --------------------------- */
.specteriq-release-notes blockquote {
	margin: 1.25em 0;
	padding: 16px 22px;
	background: var(--rn-bg-soft);
	border-left: 4px solid var(--rn-lime);
	border-radius: 6px;
	color: #2b3a47;
	line-height: 1.55;
}

.specteriq-release-notes blockquote p {
	margin: 0;
	padding: 0;
	line-height: 1.55;
}

.specteriq-release-notes blockquote strong {
	color: var(--rn-navy);
}

/* ---- Dividers ---------------------------------------------------------- */
.specteriq-release-notes hr {
	border: 0;
	height: 1px;
	background: var(--rn-border);
	margin: 2em 0;
}

/* ---- Trailing credit line (italic at the end) -------------------------- */
.specteriq-release-notes > em:last-child,
.specteriq-release-notes p:last-child em {
	color: var(--rn-muted);
}

.specteriq-release-notes p:last-child {
	font-size: 0.95rem;
	color: var(--rn-muted);
}

/* ---- Responsive -------------------------------------------------------- */
@media (max-width: 640px) {
	.specteriq-release-notes {
		padding: 40px 18px 60px;
		font-size: 16px;
	}
	.specteriq-release-notes h1 { font-size: 2rem; }
	.specteriq-release-notes h2 { font-size: 1.55rem; }
	.specteriq-release-notes h3 { font-size: 1.25rem; }
}