/* ═══════════════════════════════════════════════════════════════
   Podcast module: episode page + recent episodes grid.

   SWGP design language, matching fund-pages/funds/podcast/page.css:
   black ground, gold as the only accent, Raleway headlines, DM Mono
   labels in uppercase with wide tracking, Cardo for italic accents.

   Everything is scoped under .fdm-pod-page (the episode permalink)
   or .fdm-pod-grid-wrap / .fdm-pod-grid (the shortcode), so nothing
   here can leak into a host theme or a Divi layout.
   ═══════════════════════════════════════════════════════════════ */
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Cardo:ital,wght@0,400;0,700;1,400;1,700&family=DM+Mono:ital,wght@0,400;0,500;1,400&display=swap');

/* ---- Tokens ---- */
.fdm-pod-page,
.fdm-pod-grid-wrap {
	--swgp-black: #000000;
	--swgp-off-black: #0b0b0b;
	--swgp-charcoal-2: #121110;
	--swgp-white: #ffffff;
	--swgp-gold: #e4af54;
	--swgp-gold-light: #e5cf8f;
	--swgp-gold-ink: #1a1206;
	--swgp-text-soft: rgba(255, 255, 255, 0.72);
	--swgp-text-muted: rgba(255, 255, 255, 0.50);
	--swgp-line: rgba(255, 255, 255, 0.14);
	--swgp-line-soft: rgba(255, 255, 255, 0.10);
	--swgp-line-gold: rgba(228, 175, 84, 0.45);
	--swgp-line-gold-soft: rgba(228, 175, 84, 0.20);
	--font-sans: 'Raleway', system-ui, -apple-system, 'Helvetica Neue', Arial, sans-serif;
	--font-serif: 'Cardo', 'Iowan Old Style', Georgia, 'Times New Roman', serif;
	--font-mono: 'DM Mono', ui-monospace, 'SF Mono', Menlo, monospace;
}

/* ═══ Episode page ═══════════════════════════════════════════ */

/* ---- Full-bleed breakout ----
 * The layout arrives as a fragment inside whatever section the theme (or Divi)
 * wraps the content in. A boxed host page would frame the black episode in
 * white, so break out to the viewport edges and paint the host surfaces black.
 * overflow-x:clip keeps 100vw from creating a horizontal scrollbar; the
 * explicit overflow-y:visible stops the browser computing overflow-y as auto,
 * which would turn body into a never-scrolling scroll container. */
.fdm-pod-page {
	width: 100vw;
	max-width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	background: var(--swgp-black);
	color: var(--swgp-white);
	font-family: var(--font-sans);
	-webkit-font-smoothing: antialiased;
	overflow-x: clip;
}
html:has(.fdm-pod-page) { overflow-x: clip; }
body:has(.fdm-pod-page) {
	background: #000;
	overflow-x: clip !important;
	overflow-y: visible !important;
}
body:has(.fdm-pod-page) :is(#page-container, #main-content, .et_pb_section:has(.fdm-pod-page)) { background: #000 !important; }
body:has(.fdm-pod-page) :is(.et_pb_section, .et_pb_row, .et_pb_code, .entry-content, article):has(.fdm-pod-page) {
	padding: 0 !important;
	max-width: none !important;
	width: 100% !important;
	margin: 0 auto !important;
	background: #000 !important;
}

.fdm-pod-page *,
.fdm-pod-page *::before,
.fdm-pod-page *::after { box-sizing: border-box; }
.fdm-pod-wrap {
	max-width: 1080px;
	margin: 0 auto;
	padding-left: 48px;
	padding-right: 48px;
}
.fdm-pod-page :where(h1, h2, h3, h4, p) { margin: 0; padding: 0; }
.fdm-pod-page ::selection { background: var(--swgp-gold); color: var(--swgp-gold-ink); }

/* ---- Host theme chrome, single episode only ----
 * Everything below is gated on the body class the module adds to single
 * episodes (see FDM_Podcast_Single::body_class), so it can never reach another
 * page on the site. Divi prints its blog furniture around the content: the post
 * title a second time, a "by Author | Date" byline, and a reserved sidebar
 * column that squeezes the episode into a narrow left column. The byline is
 * also switched off at the source in PHP; this is the belt to that pair of
 * braces, and it covers themes that are not Divi. */
body.fdm-pod-single :is(.entry-title, .post-meta) { display: none !important; }
body.fdm-pod-single .et_post_meta_wrapper:has(> :is(.entry-title, .post-meta)) { display: none !important; }
body.fdm-pod-single .et_post_meta_wrapper { padding: 0 !important; margin: 0 !important; }

body.fdm-pod-single #left-area {
	width: 100% !important;
	max-width: none !important;
	padding: 0 !important;
	float: none !important;
}
body.fdm-pod-single #sidebar { display: none !important; }
body.fdm-pod-single #main-content .container {
	width: 100% !important;
	max-width: none !important;
	padding: 0 !important;
}
/* Divi paints the sidebar divider as a full height pseudo element on the
 * container. With no sidebar there is nothing to divide. */
body.fdm-pod-single #main-content .container::before { display: none !important; }
body.fdm-pod-single :is(article.et_pb_post, .entry-content) {
	padding: 0 !important;
	margin: 0 !important;
	background: transparent !important;
}

/* Share and related-post widgets injected by other plugins, which land directly
 * under the content and break the page in half. Episodes carry their own
 * subscribe row, so none of these belong here. */
body.fdm-pod-single :is(
	.sharedaddy,
	.jp-relatedposts,
	.et_social_inline,
	.et_social_inline_top,
	.et_social_inline_bottom,
	.et_social_mobile_button,
	.a2a_kit,
	.addtoany_share_save_container,
	.heateor_sss_sharing_container,
	.heateor_sss_sharing_ul,
	.sharethis-inline-share-buttons,
	.essb_links
) { display: none !important; }

/* ---- Hero band ----
 * A wash rather than a flat fill, so the top of the page reads as a band the
 * title sits inside instead of type floating on black. Gold bleeds in from the
 * upper left and fades out well before the player. */
.fdm-pod-hero {
	position: relative;
	overflow: hidden;
	background:
		radial-gradient(118% 96% at 8% -10%, rgba(228, 175, 84, 0.16) 0%, rgba(228, 175, 84, 0.05) 38%, rgba(228, 175, 84, 0) 66%),
		linear-gradient(180deg, #0d0c0a 0%, #060606 62%, var(--swgp-black) 100%);
	border-bottom: 1px solid var(--swgp-line-soft);
}
.fdm-pod-hero::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -1px;
	height: 1px;
	background: linear-gradient(90deg, var(--swgp-line-gold) 0%, rgba(228, 175, 84, 0) 42%);
	pointer-events: none;
}
.fdm-pod-hero__inner {
	position: relative;
	/* Clearance under the site's fixed header before the eyebrow starts. */
	padding-top: 132px;
	padding-bottom: 76px;
}
.fdm-pod-hero__meta {
	display: flex;
	align-items: center;
	gap: 16px;
	flex-wrap: wrap;
}

/* ---- Eyebrow: gold tick + mono label ---- */
.fdm-pod-eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 14px;
	font-family: var(--font-mono);
	font-weight: 500;
	font-size: 15px;
	letter-spacing: 0.28em;
	text-transform: uppercase;
	color: var(--swgp-gold);
}
.fdm-pod-eyebrow__tick {
	width: 11px;
	height: 11px;
	background: var(--swgp-gold);
	flex: none;
}

/* ---- Episode number chip ---- */
.fdm-pod-chip {
	display: inline-flex;
	align-items: center;
	padding: 6px 14px;
	border: 1px solid var(--swgp-line-gold-soft);
	border-radius: 999px;
	background: rgba(228, 175, 84, 0.08);
	font-family: var(--font-mono);
	font-weight: 500;
	font-size: 11.5px;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: var(--swgp-gold);
	white-space: nowrap;
}

.fdm-pod-title {
	margin: 26px 0 0 !important;
	font-family: var(--font-sans);
	font-weight: 700;
	font-size: clamp(40px, 5.2vw, 64px);
	line-height: 1.02;
	letter-spacing: -0.04em;
	color: var(--swgp-white);
	text-wrap: balance;
}
.fdm-pod-guest {
	margin: 20px 0 0 !important;
	font-family: var(--font-mono);
	font-size: 13px;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: var(--swgp-gold);
}
.fdm-pod-summary {
	margin: 24px 0 0 !important;
	max-width: 720px;
	font-weight: 300;
	font-size: 19px;
	line-height: 1.58;
	color: var(--swgp-text-soft);
}

/* ---- Body band ----
 * Sections carry their own top margin; the first one, whichever it turns out to
 * be, is pinned flush to the band so a missing player never leaves a hole. */
.fdm-pod-main { padding: 60px 0 96px; }
.fdm-pod-main > .fdm-pod-wrap > :first-child { margin-top: 0 !important; }

/* ---- Player ---- */
.fdm-pod-player {
	margin-top: 42px;
	border: 1px solid var(--swgp-line-gold-soft);
	border-radius: 16px;
	overflow: hidden;
	background: var(--swgp-charcoal-2);
	aspect-ratio: 16 / 9;
	box-shadow: 0 26px 60px rgba(0, 0, 0, 0.55);
}
.fdm-pod-player iframe {
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
}
.fdm-pod-player--empty {
	aspect-ratio: auto;
	padding: 52px 40px;
	text-align: center;
}

/* ---- Labels shared by the player fallback and the notes ---- */
.fdm-pod-label {
	font-family: var(--font-mono);
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.28em;
	text-transform: uppercase;
	color: var(--swgp-gold);
}
.fdm-pod-note {
	margin: 14px auto 0 !important;
	max-width: 520px;
	font-weight: 300;
	font-size: 16px;
	line-height: 1.55;
	color: var(--swgp-text-soft);
}

/* ---- Episode notes ---- */
.fdm-pod-notes { margin-top: 64px; }
.fdm-pod-notes__body {
	margin-top: 18px;
	max-width: 760px;
	font-weight: 300;
	font-size: 18px;
	line-height: 1.68;
	color: var(--swgp-text-soft);
}
.fdm-pod-notes__body :where(p, ul, ol, blockquote) { margin: 0 0 1.15em; }
.fdm-pod-notes__body :where(p, li):last-child { margin-bottom: 0; }
.fdm-pod-notes__body :where(strong, b) { font-weight: 600; color: var(--swgp-white); }
.fdm-pod-notes__body :where(em, i) {
	font-family: var(--font-serif);
	font-style: italic;
	color: var(--swgp-gold-light);
}
.fdm-pod-notes__body :where(h2, h3, h4) {
	margin: 1.6em 0 0.5em !important;
	font-weight: 700;
	letter-spacing: -0.02em;
	color: var(--swgp-white);
}
.fdm-pod-notes__body :where(h2) { font-size: 28px; }
.fdm-pod-notes__body :where(h3) { font-size: 22px; }
.fdm-pod-notes__body :where(h4) { font-size: 19px; }
.fdm-pod-notes__body :where(a) {
	color: var(--swgp-gold);
	text-decoration: underline;
	text-underline-offset: 3px;
	text-decoration-thickness: 1px;
	/* Auto-linked notes show the raw URL as the label, and some run long
	 * (Amazon product links especially). Break them rather than letting one
	 * unbreakable string push the column wider than the page. */
	overflow-wrap: anywhere;
}
.fdm-pod-notes__body :where(a:hover) { color: var(--swgp-gold-light); }
.fdm-pod-notes__body :where(ul, ol) { padding-left: 1.3em; }
.fdm-pod-notes__body :where(blockquote) {
	padding-left: 22px;
	border-left: 2px solid var(--swgp-line-gold);
	font-family: var(--font-serif);
	font-style: italic;
	font-size: 21px;
	color: var(--swgp-white);
}
.fdm-pod-notes__body :where(img) { max-width: 100%; height: auto; border-radius: 12px; }

/* ---- Chapters ----
 * Two columns while there is room, because a chapter list is usually long and a
 * single column of short rows leaves the page half empty. Each row is a jump
 * link into the video at that timestamp. */
.fdm-pod-chapters { margin-top: 60px; }
.fdm-pod-chapters__list {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
	gap: 6px;
	margin-top: 20px;
	max-width: 920px;
}
.fdm-pod-chapter {
	display: flex;
	align-items: baseline;
	gap: 16px;
	padding: 13px 16px;
	border: 1px solid transparent;
	border-radius: 12px;
	background: rgba(255, 255, 255, 0.03);
	text-decoration: none !important;
	transition: background 200ms ease, border-color 200ms ease, transform 160ms cubic-bezier(0.22, 0.61, 0.36, 1);
}
a.fdm-pod-chapter:hover {
	background: rgba(228, 175, 84, 0.09);
	border-color: var(--swgp-line-gold-soft);
	transform: translateX(3px);
}
.fdm-pod-chapter__time {
	flex: none;
	font-family: var(--font-mono);
	font-weight: 500;
	font-size: 13px;
	letter-spacing: 0.08em;
	font-variant-numeric: tabular-nums;
	color: var(--swgp-gold);
}
.fdm-pod-chapter__label {
	font-family: var(--font-sans);
	font-weight: 300;
	font-size: 16.5px;
	line-height: 1.4;
	color: var(--swgp-white);
}
a.fdm-pod-chapter:hover .fdm-pod-chapter__label { color: var(--swgp-white); }

/* ---- Action row ---- */
.fdm-pod-actions {
	display: flex;
	align-items: center;
	gap: 18px;
	flex-wrap: wrap;
	margin-top: 56px;
	padding-top: 34px;
	border-top: 1px solid var(--swgp-line-soft);
}
/* The platform links travel together, so they wrap as one group instead of
 * dropping a lone service onto its own line. */
.fdm-pod-actions__links {
	display: flex;
	align-items: center;
	gap: 6px;
	flex-wrap: wrap;
}
/* Tighter than a standalone button so the whole subscribe line holds one row
 * next to the primary call to action. */
.fdm-pod-actions__links .fdm-pod-btn--ghost { padding-left: 16px; padding-right: 16px; }
.fdm-pod-actions__label {
	font-family: var(--font-mono);
	font-size: 12px;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: var(--swgp-text-muted);
	margin-right: 6px;
}
.fdm-pod-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	font-family: var(--font-mono);
	font-weight: 500;
	font-size: 14px;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	padding: 13px 26px;
	border-radius: 999px;
	text-decoration: none !important;
	white-space: nowrap;
	transition: transform 140ms cubic-bezier(0.22, 0.61, 0.36, 1), filter 220ms ease, background 220ms ease, color 220ms ease;
}
.fdm-pod-btn--primary {
	background: var(--swgp-gold);
	color: var(--swgp-gold-ink);
	border: 1px solid var(--swgp-gold);
}
.fdm-pod-btn--primary:hover {
	color: var(--swgp-gold-ink);
	filter: brightness(1.06);
	transform: translateY(-2px);
}
.fdm-pod-btn--outline {
	background: transparent;
	color: var(--swgp-gold);
	border: 1px solid var(--swgp-line-gold);
}
.fdm-pod-btn--outline:hover {
	color: var(--swgp-gold);
	background: rgba(228, 175, 84, 0.10);
	transform: translateY(-2px);
}
.fdm-pod-btn--ghost {
	background: transparent;
	color: var(--swgp-white);
	border: 1px solid transparent;
}
.fdm-pod-btn--ghost:hover {
	color: var(--swgp-white);
	background: rgba(228, 175, 84, 0.10);
}
.fdm-pod-btn:active { transform: scale(0.98); }

/* ---- Back link ---- */
.fdm-pod-back { margin-top: 40px !important; }
.fdm-pod-back a {
	font-family: var(--font-mono);
	font-size: 12px;
	letter-spacing: 0.24em;
	text-transform: uppercase;
	color: var(--swgp-text-muted);
	text-decoration: none;
	transition: color 200ms ease;
}
.fdm-pod-back a:hover { color: var(--swgp-gold); }

/* ---- More episodes band ---- */
.fdm-pod-more {
	background: linear-gradient(180deg, #050505 0%, #0a0908 100%);
	border-top: 1px solid var(--swgp-line-soft);
	padding: 78px 0 92px;
}
.fdm-pod-more .fdm-pod-grid-wrap { margin-top: 26px; }
/* Three across on purpose: the auto-fit default would leave the third card
 * stranded on a second row inside this narrower column. */
.fdm-pod-more /* Coming Soon placeholders: same footprint as a real card, dimmed and
   inert, so an early catalogue still reads as a full row. */
.fdm-pod-card--soon {
	border-style: dashed;
	background: transparent;
	cursor: default;
	pointer-events: none;
}
.fdm-pod-card--soon:hover { transform: none; box-shadow: none; }
.fdm-pod-card--soon .fdm-pod-card__media {
	background: radial-gradient(ellipse 120% 130% at 50% 120%, rgba(176, 116, 48, 0.16), transparent 70%), #0c0b09;
	display: flex;
	align-items: center;
	justify-content: center;
}
.fdm-pod-card--soon .fdm-pod-card__soon-label {
	font-family: var(--font-mono);
	font-size: 12px;
	letter-spacing: 0.28em;
	text-transform: uppercase;
	color: var(--swgp-gold);
}
.fdm-pod-card--soon .fdm-pod-card__title { color: rgba(255, 255, 255, 0.45); }
.fdm-pod-card--soon .fdm-pod-card__guest { color: rgba(255, 255, 255, 0.28); }

.fdm-pod-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }

/* ═══ Recent episodes grid ═══════════════════════════════════ */

.fdm-pod-grid-wrap {
	font-family: var(--font-sans);
	-webkit-font-smoothing: antialiased;
}
.fdm-pod-grid-wrap *,
.fdm-pod-grid-wrap *::before,
.fdm-pod-grid-wrap *::after { box-sizing: border-box; }

.fdm-pod-grid__heading {
	margin: 0 0 26px !important;
	font-family: var(--font-sans);
	font-weight: 700;
	font-size: clamp(30px, 3.2vw, 44px);
	line-height: 1.05;
	letter-spacing: -0.035em;
	color: var(--swgp-white);
}

.fdm-pod-grid {
	display: grid;
	/* Fixed three-up tiles, not auto-fit: auto-fit collapses unused tracks,
	 * so a single episode would stretch across the whole row and read as one
	 * giant card instead of a tile. */
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 22px;
}

.fdm-pod-card {
	display: block;
	text-decoration: none !important;
	border: 1px solid var(--swgp-line-gold-soft);
	border-radius: 16px;
	overflow: hidden;
	background: var(--swgp-charcoal-2);
	transform: translateY(0);
	transition: transform 200ms ease, border-color 250ms ease, box-shadow 250ms ease;
}
.fdm-pod-card:hover {
	transform: translateY(-4px);
	border-color: rgba(228, 175, 84, 0.6);
	box-shadow: 0 16px 38px rgba(0, 0, 0, 0.45);
}

.fdm-pod-card__media {
	position: relative;
	display: block;
	aspect-ratio: 16 / 9;
	background: #0f0f0f;
	overflow: hidden;
}
.fdm-pod-card__media img {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
	margin: 0;
	border: 0;
	border-radius: 0;
}

.fdm-pod-card__badge {
	position: absolute;
	top: 12px;
	left: 12px;
	display: inline-flex;
	align-items: center;
	padding: 6px 12px;
	border-radius: 999px;
	background: rgba(0, 0, 0, 0.72);
	border: 1px solid var(--swgp-line-gold-soft);
	font-family: var(--font-mono);
	font-weight: 500;
	font-size: 11px;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: var(--swgp-gold);
	backdrop-filter: blur(4px);
	-webkit-backdrop-filter: blur(4px);
}

.fdm-pod-card__play {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 58px;
	height: 58px;
	border-radius: 50%;
	background: rgba(0, 0, 0, 0.55);
	border: 1px solid rgba(255, 255, 255, 0.6);
	display: flex;
	align-items: center;
	justify-content: center;
	backdrop-filter: blur(4px);
	-webkit-backdrop-filter: blur(4px);
	transition: background 200ms ease, border-color 200ms ease, transform 200ms ease;
}
.fdm-pod-card__play > span {
	width: 0;
	height: 0;
	margin-left: 4px;
	border-style: solid;
	border-width: 9px 0 9px 15px;
	border-color: transparent transparent transparent #fff;
	transition: border-color 200ms ease;
}
.fdm-pod-card:hover .fdm-pod-card__play {
	background: var(--swgp-gold);
	border-color: var(--swgp-gold);
	transform: translate(-50%, -50%) scale(1.06);
}
.fdm-pod-card:hover .fdm-pod-card__play > span {
	border-left-color: var(--swgp-gold-ink);
}

.fdm-pod-card__body {
	display: block;
	padding: 20px 22px 24px;
}
.fdm-pod-card__title {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	font-family: var(--font-sans);
	font-weight: 700;
	font-size: 19px;
	line-height: 1.3;
	letter-spacing: -0.015em;
	color: var(--swgp-white);
}
.fdm-pod-card__guest {
	display: block;
	margin-top: 10px;
	font-family: var(--font-mono);
	font-size: 12px;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--swgp-gold);
}

/* Admin-only empty state. */
.fdm-pod-grid-hint {
	font-family: 'DM Mono', ui-monospace, Menlo, monospace;
	font-size: 12px;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.5);
	border: 1px dashed rgba(228, 175, 84, 0.35);
	border-radius: 12px;
	padding: 18px 22px;
}

/* ═══ Responsive ═════════════════════════════════════════════ */

@media (max-width: 900px) {
	.fdm-pod-wrap { padding-left: 32px; padding-right: 32px; }
	.fdm-pod-hero__inner { padding-top: 112px; padding-bottom: 60px; }
	.fdm-pod-main { padding: 48px 0 80px; }
	.fdm-pod-more { padding: 64px 0 76px; }
	.fdm-pod-chapters__list { grid-template-columns: 1fr; }
	.fdm-pod-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.fdm-pod-more .fdm-pod-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
	.fdm-pod-wrap { padding-left: 22px; padding-right: 22px; }
	.fdm-pod-hero__inner { padding-top: 96px; padding-bottom: 48px; }
	.fdm-pod-hero__meta { gap: 12px; }
	.fdm-pod-main { padding: 38px 0 64px; }
	.fdm-pod-more { padding: 52px 0 62px; }
	.fdm-pod-title { font-size: 34px; }
	.fdm-pod-eyebrow { font-size: 12px; letter-spacing: 0.22em; }
	.fdm-pod-chip { font-size: 10.5px; padding: 5px 12px; }
	.fdm-pod-summary { font-size: 17px; margin-top: 20px !important; }
	.fdm-pod-notes { margin-top: 48px; }
	.fdm-pod-notes__body { font-size: 16.5px; }
	.fdm-pod-chapters { margin-top: 46px; }
	.fdm-pod-chapter { padding: 12px 14px; gap: 12px; }
	.fdm-pod-chapter__label { font-size: 15.5px; }
	.fdm-pod-player { border-radius: 14px; box-shadow: 0 16px 34px rgba(0, 0, 0, 0.5); }
	.fdm-pod-actions { gap: 10px; margin-top: 44px; }
	.fdm-pod-actions__label { margin-right: 0; }
	.fdm-pod-btn { white-space: normal; text-align: center; font-size: 13px; padding: 12px 20px; }
	.fdm-pod-grid,
	.fdm-pod-more .fdm-pod-grid { grid-template-columns: 1fr; gap: 16px; }
	.fdm-pod-card__title { font-size: 17.5px; }
}