/**
 * Topics / pills block — matches author bio “Topics … writes about”
 * (https://www.footholdamerica.com/author/joanne-farquharson-bio.html).
 *
 * Use either:
 * - Outer Elementor container: class `topics` (or ID `topics`). Inner markup either:
 *   `.sec-label` + `.pills` > `a.pill`, **or** `<ul><li><a>…</a></li>`, **or** Text/HTML widget:
 *   `<p>Topics …</p>` then `<p><a>…</a><a>…</a></p>` (paragraphs with links only get chip row).
 * - Or HTML widget: `<div class="topics-box">` … same patterns.
 *
 * @package Personal_Team_Elementor
 * @since 1.1.8
 * @since 1.1.9 — Elementor: load order + !important / .elementor-element so kit & post CSS don’t hide the box.
 * @since 1.2.6 — Isolate `.career-highlights` when it sits under a shared `.topics` wrapper (no pill bleed).
 * @since 1.2.9 — Same for `.podcast-host` (Text Editor links were styled as topic pills).
 * @since 1.2.10 — Same for `.media-content` (`a.article-row` must stay a row, not a topic pill).
 * @since 1.2.12 — Stacked bio sections (`career-highlights`, `podcast-host`, etc.) use **no** extra block
 *   margin on their `.e-con` in their own stylesheets; use Elementor **column gap** or **spacing** if you need air.
 * @since 1.2.13 — Podcast link reset only under `.pod-row` so **`.pod-card`** / **`.pod-link`** (Joanne-style) keep navy-card chrome.
 * @since 1.2.14 — `div.article-row` under `media-content` gets same row reset as `a.article-row` when `.topics` wraps the page.
 * @since 1.2.15 — `a.tool-card` under `interactive-tools`: card reset (not a pill).
 */

.topics-box,
.topics,
#topics {
	--pte-topics-navy: #0a3161;
	--pte-topics-red: #b31942;
	--pte-topics-navy-bg: rgba(10, 49, 97, 0.07);
	--pte-topics-navy-border: rgba(10, 49, 97, 0.12);

	box-sizing: border-box;
	padding: 1.25rem 1.5rem;
	background: var(--pte-topics-navy-bg);
	background-color: var(--pte-topics-navy-bg);
	border-left: 3px solid var(--pte-topics-navy);
	border-radius: 0 6px 6px 0;
	margin: 1.5rem 0;
}

/*
 * Elementor containers: page CSS (elementor-post-*) sets background/padding on .elementor-element-XXXX.
 * Match credentials-card pattern: explicit .elementor-element + !important.
 */
.elementor-element.topics.e-con,
.elementor-element.topics-box.e-con,
.elementor-element#topics.e-con {
	padding: 1.25rem 1.5rem !important;
	background: var(--pte-topics-navy-bg) !important;
	background-color: var(--pte-topics-navy-bg) !important;
	background-image: none !important;
	border-left: 3px solid var(--pte-topics-navy) !important;
	border-radius: 0 6px 6px 0 !important;
	box-sizing: border-box !important;
}

.topics-box *,
.topics *,
#topics * {
	box-sizing: border-box;
}

/* Elementor flex containers */
.topics-box.e-con,
.topics.e-con,
#topics.e-con {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: stretch;
	align-content: flex-start;
}

.topics-box.e-con > .e-con-inner,
.topics.e-con > .e-con-inner,
#topics.e-con > .e-con-inner {
	--padding-block-start: 0;
	--padding-block-end: 0;
	--padding-inline-start: 0;
	--padding-inline-end: 0;
	display: flex;
	flex-direction: column;
	justify-content: flex-start !important;
	align-items: stretch !important;
	align-content: flex-start !important;
	width: 100%;
}

.topics-box .elementor-widget,
.topics .elementor-widget,
#topics .elementor-widget {
	align-self: stretch;
	width: 100%;
}

/* One visual box: if inner markup already uses .topics-box, don’t stack outer + inner chrome */
.topics:has(.topics-box),
#topics:has(.topics-box),
.elementor-element.topics.e-con:has(.topics-box),
.elementor-element#topics.e-con:has(.topics-box) {
	padding: 0 !important;
	margin: 0 !important;
	background: transparent !important;
	background-color: transparent !important;
	background-image: none !important;
	border-left: none !important;
	border-radius: 0 !important;
}

/* Section label (red caps) — scoped so global .sec-label elsewhere is untouched */
.topics-box .sec-label,
.topics .sec-label,
#topics .sec-label {
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--pte-topics-red);
	margin: 0 0 0.65rem;
	line-height: 1.3;
}

/* Elementor Heading widget as label */
.topics-box .elementor-widget-heading .elementor-heading-title,
.topics .elementor-widget-heading .elementor-heading-title,
#topics .elementor-widget-heading .elementor-heading-title {
	font-size: 10px !important;
	font-weight: 700 !important;
	letter-spacing: 0.12em !important;
	text-transform: uppercase !important;
	color: var(--pte-topics-red) !important;
	line-height: 1.3 !important;
	margin: 0 0 0.65rem !important;
}

/*
 * Text Editor / HTML widget: no <ul> — e.g. one <p> title + <p> with only <a> chips.
 * Flex on container; paragraphs that contain links “disappear” so <a> sit in the chip row.
 */
.topics-box .elementor-widget-text-editor .elementor-widget-container,
.topics .elementor-widget-text-editor .elementor-widget-container,
#topics .elementor-widget-text-editor .elementor-widget-container,
.topics-box .elementor-widget-html .elementor-widget-container,
.topics .elementor-widget-html .elementor-widget-container,
#topics .elementor-widget-html .elementor-widget-container {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	align-items: center;
}

/* Title-only paragraph in same widget as links: full width, label style */
.topics-box .elementor-widget-text-editor .elementor-widget-container > p:not(:has(a)),
.topics .elementor-widget-text-editor .elementor-widget-container > p:not(:has(a)),
#topics .elementor-widget-text-editor .elementor-widget-container > p:not(:has(a)),
.topics-box .elementor-widget-html .elementor-widget-container > p:not(:has(a)),
.topics .elementor-widget-html .elementor-widget-container > p:not(:has(a)),
#topics .elementor-widget-html .elementor-widget-container > p:not(:has(a)) {
	flex: 0 0 100%;
	width: 100%;
	margin: 0 0 0.65rem;
	padding: 0;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--pte-topics-red);
	line-height: 1.3;
}

.topics-box .elementor-widget-text-editor .elementor-widget-container > p:not(:has(a)):last-child,
.topics .elementor-widget-text-editor .elementor-widget-container > p:not(:has(a)):last-child,
#topics .elementor-widget-text-editor .elementor-widget-container > p:not(:has(a)):last-child,
.topics-box .elementor-widget-html .elementor-widget-container > p:not(:has(a)):last-child,
.topics .elementor-widget-html .elementor-widget-container > p:not(:has(a)):last-child,
#topics .elementor-widget-html .elementor-widget-container > p:not(:has(a)):last-child {
	margin-bottom: 0;
}

.topics-box .elementor-widget-text-editor .elementor-widget-container > p:has(a),
.topics .elementor-widget-text-editor .elementor-widget-container > p:has(a),
#topics .elementor-widget-text-editor .elementor-widget-container > p:has(a),
.topics-box .elementor-widget-html .elementor-widget-container > p:has(a),
.topics .elementor-widget-html .elementor-widget-container > p:has(a),
#topics .elementor-widget-html .elementor-widget-container > p:has(a) {
	display: contents;
}

/* Line breaks between chip links — flex gap handles spacing */
.topics-box .elementor-widget-text-editor .elementor-widget-container br,
.topics .elementor-widget-text-editor .elementor-widget-container br,
#topics .elementor-widget-text-editor .elementor-widget-container br,
.topics-box .elementor-widget-html .elementor-widget-container br,
.topics .elementor-widget-html .elementor-widget-container br,
#topics .elementor-widget-html .elementor-widget-container br {
	display: none;
}

.topics-box .pills,
.topics .pills,
#topics .pills {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 0.6rem 0 0;
}

/*
 * Text Editor / list markup: <ul><li><a>…</a></li> — same chip row as .pills (not a vertical bulleted list).
 * Excludes Elementor Icon List and editor chrome.
 */
.topics-box .elementor-widget-container ul:not(.elementor-editor-element-settings):not(.elementor-icon-list-items),
.topics .elementor-widget-container ul:not(.elementor-editor-element-settings):not(.elementor-icon-list-items),
#topics .elementor-widget-container ul:not(.elementor-editor-element-settings):not(.elementor-icon-list-items),
.topics-box ul:not(.elementor-editor-element-settings):not(.elementor-icon-list-items),
.topics ul:not(.elementor-editor-element-settings):not(.elementor-icon-list-items),
#topics ul:not(.elementor-editor-element-settings):not(.elementor-icon-list-items) {
	list-style: none;
	margin: 0.6rem 0 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	align-items: center;
}

.topics-box .elementor-widget-container ul:not(.elementor-editor-element-settings):not(.elementor-icon-list-items) li,
.topics .elementor-widget-container ul:not(.elementor-editor-element-settings):not(.elementor-icon-list-items) li,
#topics .elementor-widget-container ul:not(.elementor-editor-element-settings):not(.elementor-icon-list-items) li,
.topics-box ul:not(.elementor-editor-element-settings):not(.elementor-icon-list-items) li,
.topics ul:not(.elementor-editor-element-settings):not(.elementor-icon-list-items) li,
#topics ul:not(.elementor-editor-element-settings):not(.elementor-icon-list-items) li {
	list-style: none;
	margin: 0;
	padding: 0;
	display: block;
}

/* Shared pill surface (class .pill or list link) */
.topics-box a.pill,
.topics-box .pill,
.topics a.pill,
.topics .pill,
#topics a.pill,
#topics .pill,
.topics-box .elementor-widget-container ul:not(.elementor-icon-list-items) li > a,
.topics .elementor-widget-container ul:not(.elementor-icon-list-items) li > a,
#topics .elementor-widget-container ul:not(.elementor-icon-list-items) li > a,
.topics-box ul:not(.elementor-icon-list-items) li > a,
.topics ul:not(.elementor-icon-list-items) li > a,
#topics ul:not(.elementor-icon-list-items) li > a,
.topics-box .elementor-widget-text-editor .elementor-widget-container a,
.topics .elementor-widget-text-editor .elementor-widget-container a,
#topics .elementor-widget-text-editor .elementor-widget-container a,
.topics-box .elementor-widget-html .elementor-widget-container a,
.topics .elementor-widget-html .elementor-widget-container a,
#topics .elementor-widget-html .elementor-widget-container a {
	font-family: inherit !important;
	font-size: 12px !important;
	font-weight: 500 !important;
	line-height: 1.35 !important;
	letter-spacing: normal !important;
	text-transform: none !important;
	padding: 8px 16px;
	background: #fff !important;
	border: 1px solid var(--pte-topics-navy-border);
	border-radius: 20px;
	color: var(--pte-topics-navy) !important;
	text-decoration: none !important;
	transition: background 0.2s, border-color 0.2s, color 0.2s;
	display: inline-flex;
	align-items: center;
}

/* List item is plain text (no link): still render as a chip */
.topics-box .elementor-widget-container ul:not(.elementor-icon-list-items) li:not(:has(> a)),
.topics .elementor-widget-container ul:not(.elementor-icon-list-items) li:not(:has(> a)),
#topics .elementor-widget-container ul:not(.elementor-icon-list-items) li:not(:has(> a)),
.topics-box ul:not(.elementor-icon-list-items) li:not(:has(> a)),
.topics ul:not(.elementor-icon-list-items) li:not(:has(> a)),
#topics ul:not(.elementor-icon-list-items) li:not(:has(> a)) {
	display: inline-flex;
	align-items: center;
	padding: 8px 16px;
	background: #fff;
	border: 1px solid var(--pte-topics-navy-border);
	border-radius: 20px;
	color: var(--pte-topics-navy);
	font-size: 12px;
	font-weight: 500;
	line-height: 1.35;
}

.topics-box a.pill:hover,
.topics-box .pill:hover,
.topics a.pill:hover,
.topics .pill:hover,
#topics a.pill:hover,
#topics .pill:hover,
.topics-box .elementor-widget-container ul:not(.elementor-icon-list-items) li > a:hover,
.topics .elementor-widget-container ul:not(.elementor-icon-list-items) li > a:hover,
#topics .elementor-widget-container ul:not(.elementor-icon-list-items) li > a:hover,
.topics-box ul:not(.elementor-icon-list-items) li > a:hover,
.topics ul:not(.elementor-icon-list-items) li > a:hover,
#topics ul:not(.elementor-icon-list-items) li > a:hover,
.topics-box .elementor-widget-text-editor .elementor-widget-container a:hover,
.topics .elementor-widget-text-editor .elementor-widget-container a:hover,
#topics .elementor-widget-text-editor .elementor-widget-container a:hover,
.topics-box .elementor-widget-html .elementor-widget-container a:hover,
.topics .elementor-widget-html .elementor-widget-container a:hover,
#topics .elementor-widget-html .elementor-widget-container a:hover {
	background: var(--pte-topics-navy) !important;
	color: #fff !important;
	border-color: var(--pte-topics-navy);
}

/*
 * When the column uses class `topics` on a parent that also wraps Career highlights, descendant
 * selectors above would turn that section’s <ul> into a chip row. Reset layout + “pill” li/<a>.
 */
.topics .career-highlights .elementor-widget-text-editor .elementor-widget-container,
.topics .career-highlights .elementor-widget-html .elementor-widget-container,
.topics .elementor-element.career-highlights .elementor-widget-text-editor .elementor-widget-container,
.topics .elementor-element.career-highlights .elementor-widget-html .elementor-widget-container,
.topics #career-highlights .elementor-widget-text-editor .elementor-widget-container,
.topics #career-highlights .elementor-widget-html .elementor-widget-container,
.topics .elementor-element#career-highlights .elementor-widget-text-editor .elementor-widget-container,
.topics .elementor-element#career-highlights .elementor-widget-html .elementor-widget-container,
.elementor-element.career-highlights .elementor-widget-text-editor .elementor-widget-container,
.elementor-element.career-highlights .elementor-widget-html .elementor-widget-container,
.elementor-element#career-highlights .elementor-widget-text-editor .elementor-widget-container,
.elementor-element#career-highlights .elementor-widget-html .elementor-widget-container,
.career-highlights .elementor-widget-text-editor .elementor-widget-container,
.career-highlights .elementor-widget-html .elementor-widget-container,
#career-highlights .elementor-widget-text-editor .elementor-widget-container,
#career-highlights .elementor-widget-html .elementor-widget-container {
	display: block !important;
	flex-wrap: unset !important;
	gap: unset !important;
	align-items: unset !important;
}

.topics .career-highlights .elementor-widget-text-editor .elementor-widget-container > p:not(:has(a)),
.topics .career-highlights .elementor-widget-html .elementor-widget-container > p:not(:has(a)),
.topics .elementor-element.career-highlights .elementor-widget-text-editor .elementor-widget-container > p:not(:has(a)),
.topics .elementor-element.career-highlights .elementor-widget-html .elementor-widget-container > p:not(:has(a)),
.topics #career-highlights .elementor-widget-text-editor .elementor-widget-container > p:not(:has(a)),
.topics #career-highlights .elementor-widget-html .elementor-widget-container > p:not(:has(a)),
.career-highlights .elementor-widget-text-editor .elementor-widget-container > p:not(:has(a)),
.career-highlights .elementor-widget-html .elementor-widget-container > p:not(:has(a)),
#career-highlights .elementor-widget-text-editor .elementor-widget-container > p:not(:has(a)),
#career-highlights .elementor-widget-html .elementor-widget-container > p:not(:has(a)) {
	flex: unset !important;
	width: auto !important;
	margin: 0 0 1em !important;
	padding: 0 !important;
	font-size: inherit !important;
	font-weight: inherit !important;
	letter-spacing: normal !important;
	text-transform: none !important;
	color: inherit !important;
	line-height: inherit !important;
}

.topics .career-highlights .elementor-widget-text-editor .elementor-widget-container > p:has(a),
.topics .career-highlights .elementor-widget-html .elementor-widget-container > p:has(a),
.topics .elementor-element.career-highlights .elementor-widget-text-editor .elementor-widget-container > p:has(a),
.topics .elementor-element.career-highlights .elementor-widget-html .elementor-widget-container > p:has(a),
.career-highlights .elementor-widget-text-editor .elementor-widget-container > p:has(a),
.career-highlights .elementor-widget-html .elementor-widget-container > p:has(a),
#career-highlights .elementor-widget-text-editor .elementor-widget-container > p:has(a),
#career-highlights .elementor-widget-html .elementor-widget-container > p:has(a) {
	display: block !important;
}

.topics .career-highlights .elementor-widget-text-editor .elementor-widget-container br,
.topics .career-highlights .elementor-widget-html .elementor-widget-container br,
.topics .elementor-element.career-highlights .elementor-widget-text-editor .elementor-widget-container br,
.topics .elementor-element.career-highlights .elementor-widget-html .elementor-widget-container br,
.career-highlights .elementor-widget-text-editor .elementor-widget-container br,
.career-highlights .elementor-widget-html .elementor-widget-container br,
#career-highlights .elementor-widget-text-editor .elementor-widget-container br,
#career-highlights .elementor-widget-html .elementor-widget-container br {
	display: inline !important;
}

.topics .career-highlights .elementor-widget-container ul:not(.elementor-editor-element-settings):not(.elementor-icon-list-items),
.topics .career-highlights ul:not(.elementor-editor-element-settings):not(.elementor-icon-list-items),
.topics .elementor-element.career-highlights .elementor-widget-container ul:not(.elementor-editor-element-settings):not(.elementor-icon-list-items),
.topics .elementor-element.career-highlights ul:not(.elementor-editor-element-settings):not(.elementor-icon-list-items),
.topics #career-highlights .elementor-widget-container ul:not(.elementor-editor-element-settings):not(.elementor-icon-list-items),
.topics #career-highlights ul:not(.elementor-editor-element-settings):not(.elementor-icon-list-items),
.elementor-element.career-highlights .elementor-widget-container ul:not(.elementor-editor-element-settings):not(.elementor-icon-list-items),
.elementor-element.career-highlights ul:not(.elementor-editor-element-settings):not(.elementor-icon-list-items),
.elementor-element#career-highlights .elementor-widget-container ul:not(.elementor-editor-element-settings):not(.elementor-icon-list-items),
.elementor-element#career-highlights ul:not(.elementor-editor-element-settings):not(.elementor-icon-list-items),
.career-highlights .elementor-widget-container ul:not(.elementor-editor-element-settings):not(.elementor-icon-list-items),
.career-highlights ul:not(.elementor-editor-element-settings):not(.elementor-icon-list-items),
#career-highlights .elementor-widget-container ul:not(.elementor-editor-element-settings):not(.elementor-icon-list-items),
#career-highlights ul:not(.elementor-editor-element-settings):not(.elementor-icon-list-items) {
	list-style: disc !important;
	margin: 0.5rem 0 0 !important;
	padding: 0 0 0 1.25rem !important;
	display: block !important;
	flex-wrap: unset !important;
	gap: unset !important;
	align-items: unset !important;
}

.topics .career-highlights .elementor-widget-container ul:not(.elementor-icon-list-items) li,
.topics .career-highlights ul:not(.elementor-icon-list-items) li,
.topics .elementor-element.career-highlights .elementor-widget-container ul:not(.elementor-icon-list-items) li,
.topics .elementor-element.career-highlights ul:not(.elementor-icon-list-items) li,
.topics #career-highlights .elementor-widget-container ul:not(.elementor-icon-list-items) li,
.topics #career-highlights ul:not(.elementor-icon-list-items) li,
.elementor-element.career-highlights .elementor-widget-container ul:not(.elementor-icon-list-items) li,
.elementor-element.career-highlights ul:not(.elementor-icon-list-items) li,
.elementor-element#career-highlights .elementor-widget-container ul:not(.elementor-icon-list-items) li,
.elementor-element#career-highlights ul:not(.elementor-icon-list-items) li,
.career-highlights .elementor-widget-container ul:not(.elementor-icon-list-items) li,
.career-highlights ul:not(.elementor-icon-list-items) li,
#career-highlights .elementor-widget-container ul:not(.elementor-icon-list-items) li,
#career-highlights ul:not(.elementor-icon-list-items) li {
	list-style: inherit !important;
	margin: 0 0 0.5em !important;
	padding: 0 !important;
	display: list-item !important;
	background: transparent !important;
	border: none !important;
	border-radius: 0 !important;
	color: inherit !important;
	font-size: inherit !important;
	font-weight: inherit !important;
	line-height: inherit !important;
}

.topics .career-highlights .elementor-widget-container ul:not(.elementor-icon-list-items) li > a,
.topics .career-highlights ul:not(.elementor-icon-list-items) li > a,
.topics .elementor-element.career-highlights .elementor-widget-container ul:not(.elementor-icon-list-items) li > a,
.topics .elementor-element.career-highlights ul:not(.elementor-icon-list-items) li > a,
.career-highlights .elementor-widget-container ul:not(.elementor-icon-list-items) li > a,
.career-highlights ul:not(.elementor-icon-list-items) li > a,
#career-highlights .elementor-widget-container ul:not(.elementor-icon-list-items) li > a,
#career-highlights ul:not(.elementor-icon-list-items) li > a {
	padding: 0 !important;
	background: transparent !important;
	border: none !important;
	border-radius: 0 !important;
	font-family: inherit !important;
	font-size: inherit !important;
	font-weight: inherit !important;
	letter-spacing: normal !important;
	text-transform: none !important;
	line-height: inherit !important;
	color: var(--pte-topics-navy) !important;
	text-decoration: underline !important;
	display: inline !important;
	transition: color 0.2s, text-decoration-color 0.2s;
}

.topics .career-highlights .elementor-widget-container ul:not(.elementor-icon-list-items) li > a:hover,
.topics .career-highlights ul:not(.elementor-icon-list-items) li > a:hover,
.career-highlights .elementor-widget-container ul:not(.elementor-icon-list-items) li > a:hover,
.career-highlights ul:not(.elementor-icon-list-items) li > a:hover,
#career-highlights .elementor-widget-container ul:not(.elementor-icon-list-items) li > a:hover,
#career-highlights ul:not(.elementor-icon-list-items) li > a:hover {
	background: transparent !important;
	color: var(--pte-topics-navy) !important;
	border: none !important;
}

/*
 * Podcast block under `.topics`: chip-row flex + pill `<a>` rules must not apply (row looked like a button).
 */
.topics .podcast-host .elementor-widget-text-editor .elementor-widget-container,
.topics .podcast-host .elementor-widget-html .elementor-widget-container,
.topics .elementor-element.podcast-host .elementor-widget-text-editor .elementor-widget-container,
.topics .elementor-element.podcast-host .elementor-widget-html .elementor-widget-container,
.topics .career-highlights .podcast-host .elementor-widget-text-editor .elementor-widget-container,
.topics .career-highlights .podcast-host .elementor-widget-html .elementor-widget-container,
.topics #podcast-host .elementor-widget-text-editor .elementor-widget-container,
.topics #podcast-host .elementor-widget-html .elementor-widget-container,
.topics .elementor-element#podcast-host .elementor-widget-text-editor .elementor-widget-container,
.topics .elementor-element#podcast-host .elementor-widget-html .elementor-widget-container,
.elementor-element.podcast-host .elementor-widget-text-editor .elementor-widget-container,
.elementor-element.podcast-host .elementor-widget-html .elementor-widget-container,
.elementor-element#podcast-host .elementor-widget-text-editor .elementor-widget-container,
.elementor-element#podcast-host .elementor-widget-html .elementor-widget-container,
.podcast-host .elementor-widget-text-editor .elementor-widget-container,
.podcast-host .elementor-widget-html .elementor-widget-container,
#podcast-host .elementor-widget-text-editor .elementor-widget-container,
#podcast-host .elementor-widget-html .elementor-widget-container {
	display: block !important;
	flex-wrap: unset !important;
	gap: unset !important;
	align-items: unset !important;
}

.topics .podcast-host .elementor-widget-text-editor .elementor-widget-container > p:not(:has(a)),
.topics .podcast-host .elementor-widget-html .elementor-widget-container > p:not(:has(a)),
.topics .elementor-element.podcast-host .elementor-widget-text-editor .elementor-widget-container > p:not(:has(a)),
.topics .elementor-element.podcast-host .elementor-widget-html .elementor-widget-container > p:not(:has(a)),
.podcast-host .elementor-widget-text-editor .elementor-widget-container > p:not(:has(a)),
.podcast-host .elementor-widget-html .elementor-widget-container > p:not(:has(a)),
#podcast-host .elementor-widget-text-editor .elementor-widget-container > p:not(:has(a)),
#podcast-host .elementor-widget-html .elementor-widget-container > p:not(:has(a)) {
	flex: unset !important;
	width: auto !important;
	margin: 0 0 1em !important;
	padding: 0 !important;
	font-size: inherit !important;
	font-weight: inherit !important;
	letter-spacing: normal !important;
	text-transform: none !important;
	color: inherit !important;
	line-height: inherit !important;
}

.topics .podcast-host .elementor-widget-text-editor .elementor-widget-container > p:has(a),
.topics .podcast-host .elementor-widget-html .elementor-widget-container > p:has(a),
.topics .elementor-element.podcast-host .elementor-widget-text-editor .elementor-widget-container > p:has(a),
.topics .elementor-element.podcast-host .elementor-widget-html .elementor-widget-container > p:has(a),
.podcast-host .elementor-widget-text-editor .elementor-widget-container > p:has(a),
.podcast-host .elementor-widget-html .elementor-widget-container > p:has(a),
#podcast-host .elementor-widget-text-editor .elementor-widget-container > p:has(a),
#podcast-host .elementor-widget-html .elementor-widget-container > p:has(a) {
	display: block !important;
}

.topics .podcast-host .elementor-widget-text-editor .elementor-widget-container br,
.topics .podcast-host .elementor-widget-html .elementor-widget-container br,
.topics .elementor-element.podcast-host .elementor-widget-text-editor .elementor-widget-container br,
.topics .elementor-element.podcast-host .elementor-widget-html .elementor-widget-container br,
.podcast-host .elementor-widget-text-editor .elementor-widget-container br,
.podcast-host .elementor-widget-html .elementor-widget-container br,
#podcast-host .elementor-widget-text-editor .elementor-widget-container br,
#podcast-host .elementor-widget-html .elementor-widget-container br {
	display: inline !important;
}

/*
 * Undo topic “pills” only for **compact** `.pod-row` links (Geanice). Do NOT match `.pod-card` anchors:
 * `.pod-name a`, `.pod-link`, etc. (Joanne featured card) must keep `podcast-host.css` styling.
 */
.topics .podcast-host .elementor-widget-text-editor .elementor-widget-container .pod-row a,
.topics .podcast-host .elementor-widget-html .elementor-widget-container .pod-row a,
.topics .elementor-element.podcast-host .elementor-widget-text-editor .elementor-widget-container .pod-row a,
.topics .elementor-element.podcast-host .elementor-widget-html .elementor-widget-container .pod-row a,
.topics .career-highlights .podcast-host .elementor-widget-text-editor .elementor-widget-container .pod-row a,
.topics .career-highlights .podcast-host .elementor-widget-html .elementor-widget-container .pod-row a,
.elementor-element.podcast-host .elementor-widget-text-editor .elementor-widget-container .pod-row a,
.elementor-element.podcast-host .elementor-widget-html .elementor-widget-container .pod-row a,
.elementor-element#podcast-host .elementor-widget-text-editor .elementor-widget-container .pod-row a,
.elementor-element#podcast-host .elementor-widget-html .elementor-widget-container .pod-row a,
.podcast-host .elementor-widget-text-editor .elementor-widget-container .pod-row a,
.podcast-host .elementor-widget-html .elementor-widget-container .pod-row a,
#podcast-host .elementor-widget-text-editor .elementor-widget-container .pod-row a,
#podcast-host .elementor-widget-html .elementor-widget-container .pod-row a {
	font-family: inherit !important;
	font-size: inherit !important;
	font-weight: inherit !important;
	letter-spacing: normal !important;
	text-transform: none !important;
	line-height: inherit !important;
	padding: 0 !important;
	margin: 0 !important;
	background: transparent !important;
	border: none !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	color: var(--pte-topics-navy) !important;
	text-decoration: none !important;
	display: inline !important;
	transition: color 0.2s, text-decoration-color 0.2s !important;
}

.topics .podcast-host .elementor-widget-text-editor .elementor-widget-container .pod-row a:hover,
.topics .podcast-host .elementor-widget-html .elementor-widget-container .pod-row a:hover,
.topics .elementor-element.podcast-host .elementor-widget-text-editor .elementor-widget-container .pod-row a:hover,
.topics .elementor-element.podcast-host .elementor-widget-html .elementor-widget-container .pod-row a:hover,
.elementor-element.podcast-host .elementor-widget-text-editor .elementor-widget-container .pod-row a:hover,
.elementor-element.podcast-host .elementor-widget-html .elementor-widget-container .pod-row a:hover,
.podcast-host .elementor-widget-text-editor .elementor-widget-container .pod-row a:hover,
.podcast-host .elementor-widget-html .elementor-widget-container .pod-row a:hover,
#podcast-host .elementor-widget-text-editor .elementor-widget-container .pod-row a:hover,
#podcast-host .elementor-widget-html .elementor-widget-container .pod-row a:hover {
	background: transparent !important;
	color: var(--pte-topics-navy) !important;
	border: none !important;
	border-color: transparent !important;
	text-decoration: underline !important;
}

/*
 * Interactive tools HTML/Text widget: not the topic chip flex layout.
 */
.topics .interactive-tools .elementor-widget-text-editor .elementor-widget-container,
.topics .interactive-tools .elementor-widget-html .elementor-widget-container,
.topics .elementor-element.interactive-tools .elementor-widget-text-editor .elementor-widget-container,
.topics .elementor-element.interactive-tools .elementor-widget-html .elementor-widget-container,
.topics #interactive-tools .elementor-widget-text-editor .elementor-widget-container,
.topics #interactive-tools .elementor-widget-html .elementor-widget-container,
.topics .elementor-element#interactive-tools .elementor-widget-text-editor .elementor-widget-container,
.topics .elementor-element#interactive-tools .elementor-widget-html .elementor-widget-container,
.elementor-element.interactive-tools .elementor-widget-text-editor .elementor-widget-container,
.elementor-element.interactive-tools .elementor-widget-html .elementor-widget-container,
.elementor-element#interactive-tools .elementor-widget-text-editor .elementor-widget-container,
.elementor-element#interactive-tools .elementor-widget-html .elementor-widget-container,
.interactive-tools .elementor-widget-text-editor .elementor-widget-container,
.interactive-tools .elementor-widget-html .elementor-widget-container,
#interactive-tools .elementor-widget-text-editor .elementor-widget-container,
#interactive-tools .elementor-widget-html .elementor-widget-container {
	display: block !important;
	flex-wrap: unset !important;
	gap: unset !important;
	align-items: unset !important;
}

/*
 * Media & content samples under `.topics`: `a.article-row` is a full-width flex row, not a pill chip.
 */
.topics .media-content .elementor-widget-text-editor .elementor-widget-container,
.topics .media-content .elementor-widget-html .elementor-widget-container,
.topics .elementor-element.media-content .elementor-widget-text-editor .elementor-widget-container,
.topics .elementor-element.media-content .elementor-widget-html .elementor-widget-container,
.topics .career-highlights .media-content .elementor-widget-text-editor .elementor-widget-container,
.topics .career-highlights .media-content .elementor-widget-html .elementor-widget-container,
.topics #media-content .elementor-widget-text-editor .elementor-widget-container,
.topics #media-content .elementor-widget-html .elementor-widget-container,
.topics .elementor-element#media-content .elementor-widget-text-editor .elementor-widget-container,
.topics .elementor-element#media-content .elementor-widget-html .elementor-widget-container,
.elementor-element.media-content .elementor-widget-text-editor .elementor-widget-container,
.elementor-element.media-content .elementor-widget-html .elementor-widget-container,
.elementor-element#media-content .elementor-widget-text-editor .elementor-widget-container,
.elementor-element#media-content .elementor-widget-html .elementor-widget-container,
.media-content .elementor-widget-text-editor .elementor-widget-container,
.media-content .elementor-widget-html .elementor-widget-container,
#media-content .elementor-widget-text-editor .elementor-widget-container,
#media-content .elementor-widget-html .elementor-widget-container {
	display: block !important;
	flex-wrap: unset !important;
	gap: unset !important;
	align-items: unset !important;
}

.topics .media-content .elementor-widget-text-editor .elementor-widget-container br,
.topics .media-content .elementor-widget-html .elementor-widget-container br,
.topics .elementor-element.media-content .elementor-widget-text-editor .elementor-widget-container br,
.topics .elementor-element.media-content .elementor-widget-html .elementor-widget-container br,
.media-content .elementor-widget-text-editor .elementor-widget-container br,
.media-content .elementor-widget-html .elementor-widget-container br,
#media-content .elementor-widget-text-editor .elementor-widget-container br,
#media-content .elementor-widget-html .elementor-widget-container br {
	display: inline !important;
}

.topics .media-content .elementor-widget-text-editor .elementor-widget-container a.article-row,
.topics .media-content .elementor-widget-html .elementor-widget-container a.article-row,
.topics .elementor-element.media-content .elementor-widget-text-editor .elementor-widget-container a.article-row,
.topics .elementor-element.media-content .elementor-widget-html .elementor-widget-container a.article-row,
.topics .career-highlights .media-content .elementor-widget-text-editor .elementor-widget-container a.article-row,
.topics .career-highlights .media-content .elementor-widget-html .elementor-widget-container a.article-row,
.elementor-element.media-content .elementor-widget-text-editor .elementor-widget-container a.article-row,
.elementor-element.media-content .elementor-widget-html .elementor-widget-container a.article-row,
.elementor-element#media-content .elementor-widget-text-editor .elementor-widget-container a.article-row,
.elementor-element#media-content .elementor-widget-html .elementor-widget-container a.article-row,
.media-content .elementor-widget-text-editor .elementor-widget-container a.article-row,
.media-content .elementor-widget-html .elementor-widget-container a.article-row,
#media-content .elementor-widget-text-editor .elementor-widget-container a.article-row,
#media-content .elementor-widget-html .elementor-widget-container a.article-row {
	display: flex !important;
	flex-direction: row !important;
	align-items: flex-start !important;
	justify-content: flex-start !important;
	gap: 14px !important;
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
	margin: 0 !important;
	padding: 1rem 0 !important;
	border: none !important;
	border-bottom: 0.5px solid var(--pte-topics-navy-border) !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	font-family: inherit !important;
	font-size: inherit !important;
	font-weight: inherit !important;
	letter-spacing: normal !important;
	text-transform: none !important;
	line-height: inherit !important;
	color: inherit !important;
	text-decoration: none !important;
}

.topics .media-content .elementor-widget-text-editor .elementor-widget-container a.article-row:last-child,
.topics .media-content .elementor-widget-html .elementor-widget-container a.article-row:last-child,
.topics .elementor-element.media-content .elementor-widget-text-editor .elementor-widget-container a.article-row:last-child,
.topics .elementor-element.media-content .elementor-widget-html .elementor-widget-container a.article-row:last-child,
.elementor-element.media-content .elementor-widget-text-editor .elementor-widget-container a.article-row:last-child,
.elementor-element.media-content .elementor-widget-html .elementor-widget-container a.article-row:last-child,
.media-content .elementor-widget-text-editor .elementor-widget-container a.article-row:last-child,
.media-content .elementor-widget-html .elementor-widget-container a.article-row:last-child,
#media-content .elementor-widget-text-editor .elementor-widget-container a.article-row:last-child,
#media-content .elementor-widget-html .elementor-widget-container a.article-row:last-child {
	border-bottom: none !important;
}

.topics .media-content .elementor-widget-text-editor .elementor-widget-container a.article-row:hover,
.topics .media-content .elementor-widget-html .elementor-widget-container a.article-row:hover,
.topics .elementor-element.media-content .elementor-widget-text-editor .elementor-widget-container a.article-row:hover,
.topics .elementor-element.media-content .elementor-widget-html .elementor-widget-container a.article-row:hover,
.elementor-element.media-content .elementor-widget-text-editor .elementor-widget-container a.article-row:hover,
.elementor-element.media-content .elementor-widget-html .elementor-widget-container a.article-row:hover,
.media-content .elementor-widget-text-editor .elementor-widget-container a.article-row:hover,
.media-content .elementor-widget-html .elementor-widget-container a.article-row:hover,
#media-content .elementor-widget-text-editor .elementor-widget-container a.article-row:hover,
#media-content .elementor-widget-html .elementor-widget-container a.article-row:hover {
	background: transparent !important;
	color: inherit !important;
	border: none !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	border-bottom: 0.5px solid var(--pte-topics-navy-border) !important;
}

.topics .media-content .elementor-widget-text-editor .elementor-widget-container a.article-row:last-child:hover,
.topics .media-content .elementor-widget-html .elementor-widget-container a.article-row:last-child:hover,
.topics .elementor-element.media-content .elementor-widget-text-editor .elementor-widget-container a.article-row:last-child:hover,
.topics .elementor-element.media-content .elementor-widget-html .elementor-widget-container a.article-row:last-child:hover,
.elementor-element.media-content .elementor-widget-text-editor .elementor-widget-container a.article-row:last-child:hover,
.elementor-element.media-content .elementor-widget-html .elementor-widget-container a.article-row:last-child:hover,
.media-content .elementor-widget-text-editor .elementor-widget-container a.article-row:last-child:hover,
.media-content .elementor-widget-html .elementor-widget-container a.article-row:last-child:hover,
#media-content .elementor-widget-text-editor .elementor-widget-container a.article-row:last-child:hover,
#media-content .elementor-widget-html .elementor-widget-container a.article-row:last-child:hover {
	border-bottom: none !important;
}

/* Non-link media rows — same flex row treatment as a.article-row */
.topics .media-content .elementor-widget-text-editor .elementor-widget-container div.article-row,
.topics .media-content .elementor-widget-html .elementor-widget-container div.article-row,
.topics .elementor-element.media-content .elementor-widget-text-editor .elementor-widget-container div.article-row,
.topics .elementor-element.media-content .elementor-widget-html .elementor-widget-container div.article-row,
.topics .career-highlights .media-content .elementor-widget-text-editor .elementor-widget-container div.article-row,
.topics .career-highlights .media-content .elementor-widget-html .elementor-widget-container div.article-row,
.elementor-element.media-content .elementor-widget-text-editor .elementor-widget-container div.article-row,
.elementor-element.media-content .elementor-widget-html .elementor-widget-container div.article-row,
.elementor-element#media-content .elementor-widget-text-editor .elementor-widget-container div.article-row,
.elementor-element#media-content .elementor-widget-html .elementor-widget-container div.article-row,
.media-content .elementor-widget-text-editor .elementor-widget-container div.article-row,
.media-content .elementor-widget-html .elementor-widget-container div.article-row,
#media-content .elementor-widget-text-editor .elementor-widget-container div.article-row,
#media-content .elementor-widget-html .elementor-widget-container div.article-row {
	display: flex !important;
	flex-direction: row !important;
	align-items: flex-start !important;
	justify-content: flex-start !important;
	gap: 14px !important;
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
	margin: 0 !important;
	padding: 1rem 0 !important;
	border: none !important;
	border-bottom: 0.5px solid var(--pte-topics-navy-border) !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	font-family: inherit !important;
	font-size: inherit !important;
	font-weight: inherit !important;
	letter-spacing: normal !important;
	text-transform: none !important;
	line-height: inherit !important;
	color: inherit !important;
}

.topics .media-content .elementor-widget-text-editor .elementor-widget-container div.article-row:last-child,
.topics .media-content .elementor-widget-html .elementor-widget-container div.article-row:last-child,
.topics .elementor-element.media-content .elementor-widget-text-editor .elementor-widget-container div.article-row:last-child,
.topics .elementor-element.media-content .elementor-widget-html .elementor-widget-container div.article-row:last-child,
.elementor-element.media-content .elementor-widget-text-editor .elementor-widget-container div.article-row:last-child,
.elementor-element.media-content .elementor-widget-html .elementor-widget-container div.article-row:last-child,
.media-content .elementor-widget-text-editor .elementor-widget-container div.article-row:last-child,
.media-content .elementor-widget-html .elementor-widget-container div.article-row:last-child,
#media-content .elementor-widget-text-editor .elementor-widget-container div.article-row:last-child,
#media-content .elementor-widget-html .elementor-widget-container div.article-row:last-child {
	border-bottom: none !important;
}

.topics .media-content .elementor-widget-text-editor .elementor-widget-container div.article-row:hover,
.topics .media-content .elementor-widget-html .elementor-widget-container div.article-row:hover,
.topics .elementor-element.media-content .elementor-widget-text-editor .elementor-widget-container div.article-row:hover,
.topics .elementor-element.media-content .elementor-widget-html .elementor-widget-container div.article-row:hover,
.elementor-element.media-content .elementor-widget-text-editor .elementor-widget-container div.article-row:hover,
.elementor-element.media-content .elementor-widget-html .elementor-widget-container div.article-row:hover,
.media-content .elementor-widget-text-editor .elementor-widget-container div.article-row:hover,
.media-content .elementor-widget-html .elementor-widget-container div.article-row:hover,
#media-content .elementor-widget-text-editor .elementor-widget-container div.article-row:hover,
#media-content .elementor-widget-html .elementor-widget-container div.article-row:hover {
	background: transparent !important;
	color: inherit !important;
	border: none !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	border-bottom: 0.5px solid var(--pte-topics-navy-border) !important;
}

.topics .media-content .elementor-widget-text-editor .elementor-widget-container div.article-row:last-child:hover,
.topics .media-content .elementor-widget-html .elementor-widget-container div.article-row:last-child:hover,
.topics .elementor-element.media-content .elementor-widget-text-editor .elementor-widget-container div.article-row:last-child:hover,
.topics .elementor-element.media-content .elementor-widget-html .elementor-widget-container div.article-row:last-child:hover,
.elementor-element.media-content .elementor-widget-text-editor .elementor-widget-container div.article-row:last-child:hover,
.elementor-element.media-content .elementor-widget-html .elementor-widget-container div.article-row:last-child:hover,
.media-content .elementor-widget-text-editor .elementor-widget-container div.article-row:last-child:hover,
.media-content .elementor-widget-html .elementor-widget-container div.article-row:last-child:hover,
#media-content .elementor-widget-text-editor .elementor-widget-container div.article-row:last-child:hover,
#media-content .elementor-widget-html .elementor-widget-container div.article-row:last-child:hover {
	border-bottom: none !important;
}

/*
 * Interactive tools under `.topics`: `a.tool-card` is a grid tile, not a pill chip.
 */
.topics .interactive-tools .elementor-widget-text-editor .elementor-widget-container a.tool-card,
.topics .interactive-tools .elementor-widget-html .elementor-widget-container a.tool-card,
.topics .elementor-element.interactive-tools .elementor-widget-text-editor .elementor-widget-container a.tool-card,
.topics .elementor-element.interactive-tools .elementor-widget-html .elementor-widget-container a.tool-card,
.topics #interactive-tools .elementor-widget-text-editor .elementor-widget-container a.tool-card,
.topics #interactive-tools .elementor-widget-html .elementor-widget-container a.tool-card,
.topics .elementor-element#interactive-tools .elementor-widget-text-editor .elementor-widget-container a.tool-card,
.topics .elementor-element#interactive-tools .elementor-widget-html .elementor-widget-container a.tool-card,
.elementor-element.interactive-tools .elementor-widget-text-editor .elementor-widget-container a.tool-card,
.elementor-element.interactive-tools .elementor-widget-html .elementor-widget-container a.tool-card,
.elementor-element#interactive-tools .elementor-widget-text-editor .elementor-widget-container a.tool-card,
.elementor-element#interactive-tools .elementor-widget-html .elementor-widget-container a.tool-card,
.interactive-tools .elementor-widget-text-editor .elementor-widget-container a.tool-card,
.interactive-tools .elementor-widget-html .elementor-widget-container a.tool-card,
#interactive-tools .elementor-widget-text-editor .elementor-widget-container a.tool-card,
#interactive-tools .elementor-widget-html .elementor-widget-container a.tool-card {
	display: block !important;
	width: auto !important;
	max-width: none !important;
	align-items: unset !important;
	justify-content: unset !important;
	margin: 0 !important;
	padding: 0.9rem 1rem !important;
	font-family: inherit !important;
	font-size: inherit !important;
	font-weight: inherit !important;
	letter-spacing: normal !important;
	text-transform: none !important;
	line-height: inherit !important;
	color: inherit !important;
	text-decoration: none !important;
	background: rgba(10, 49, 97, 0.07) !important;
	border: 1px solid rgba(10, 49, 97, 0.12) !important;
	border-radius: 8px !important;
	box-shadow: none !important;
}

.topics .interactive-tools .elementor-widget-text-editor .elementor-widget-container a.tool-card:hover,
.topics .interactive-tools .elementor-widget-html .elementor-widget-container a.tool-card:hover,
.topics .elementor-element.interactive-tools .elementor-widget-text-editor .elementor-widget-container a.tool-card:hover,
.topics .elementor-element.interactive-tools .elementor-widget-html .elementor-widget-container a.tool-card:hover,
.elementor-element.interactive-tools .elementor-widget-text-editor .elementor-widget-container a.tool-card:hover,
.elementor-element.interactive-tools .elementor-widget-html .elementor-widget-container a.tool-card:hover,
.interactive-tools .elementor-widget-text-editor .elementor-widget-container a.tool-card:hover,
.interactive-tools .elementor-widget-html .elementor-widget-container a.tool-card:hover,
#interactive-tools .elementor-widget-text-editor .elementor-widget-container a.tool-card:hover,
#interactive-tools .elementor-widget-html .elementor-widget-container a.tool-card:hover {
	background: #0a3161 !important;
	border-color: #0a3161 !important;
	color: #fff !important;
}

.topics .interactive-tools .elementor-widget-text-editor .elementor-widget-container a.tool-card:hover .tool-name,
.topics .interactive-tools .elementor-widget-html .elementor-widget-container a.tool-card:hover .tool-name,
.topics .interactive-tools .elementor-widget-text-editor .elementor-widget-container a.tool-card:hover .tool-desc,
.topics .interactive-tools .elementor-widget-html .elementor-widget-container a.tool-card:hover .tool-desc,
.elementor-element.interactive-tools .elementor-widget-text-editor .elementor-widget-container a.tool-card:hover .tool-name,
.elementor-element.interactive-tools .elementor-widget-html .elementor-widget-container a.tool-card:hover .tool-name,
.elementor-element.interactive-tools .elementor-widget-text-editor .elementor-widget-container a.tool-card:hover .tool-desc,
.elementor-element.interactive-tools .elementor-widget-html .elementor-widget-container a.tool-card:hover .tool-desc,
.interactive-tools .elementor-widget-text-editor .elementor-widget-container a.tool-card:hover .tool-name,
.interactive-tools .elementor-widget-html .elementor-widget-container a.tool-card:hover .tool-name,
.interactive-tools .elementor-widget-text-editor .elementor-widget-container a.tool-card:hover .tool-desc,
.interactive-tools .elementor-widget-html .elementor-widget-container a.tool-card:hover .tool-desc {
	color: #fff !important;
}