/*
 * Typography rhythm — heading weights/scale + link affordance.
 *
 * Type sizes themselves are set via theme.json fontSizes presets so
 * Gutenberg blocks and the editor reflect them. This file owns:
 *   - vertical rhythm (heading margins on the 24px baseline)
 *   - link defaults (color, hover, focus)
 *   - the carve-out so image-only links don't underline
 */

/* ---------- Heading rhythm ---------- *
 * Headings sit 0.5lh above their following content (8-12px on 24px baseline)
 * and follow with a sentence-line gap. Removes the cumulative section-padding
 * + heading-margin stack that produced 6rem of dead space earlier.
 */
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4 {
	margin-top: 0;
	margin-bottom: var(--isjac-pad-md);
}

.entry-content h2 + p,
.entry-content h2 + .wp-block-shortcode,
.entry-content h3 + p {
	margin-top: var(--isjac-pad-sm);
}

/* ---------- Links ---------- *
 * Brand-mid default; brand-deep + underline on hover/focus.
 * The :not() chain excludes interactive elements that aren't text links:
 * buttons, pagination chips, image-only anchors. Image-only handling lives
 * in 40-figures.css — this rule is the text-link default.
 */
.entry-content a:not(.wp-block-button__link):not(.page-numbers):not(.wp-element-button):not(:has(> img)):not(:has(> figure)) {
	color: #5384AA;                      /* brand-mid */
	text-decoration: none;
	border-bottom: 1px solid transparent;
	transition: color 150ms ease-out, border-color 150ms ease-out;
}

.entry-content a:not(.wp-block-button__link):not(.page-numbers):not(.wp-element-button):not(:has(> img)):not(:has(> figure)):hover,
.entry-content a:not(.wp-block-button__link):not(.page-numbers):not(.wp-element-button):not(:has(> img)):not(:has(> figure)):focus-visible {
	color: #15526F;                      /* brand-deep */
	border-bottom-color: #15526F;
}

/* ---------- Code spans / inline mono ---------- */
.entry-content code,
.entry-content kbd {
	font-family: "DM Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
	font-size: 0.95em;
	background: #F0F6FC;                 /* brand-wash */
	padding: 0.125rem 0.375rem;
	border-radius: 4px;
}

/* ---------- Pull quotes ---------- */
.entry-content blockquote {
	margin: var(--isjac-section-sm) 0;
	padding-left: var(--isjac-pad-lg);
	border-left: 3px solid #15526F;
	font-size: 1.25rem;
	line-height: 1.4;
	color: #020726;
}