/**
 * Skylit dev cache — pattern: tff-home-podcast-latest
 * Auto-generated on save_post. Do not hand-edit.
 */

.tff-podcast {
		background: var(--color-white);
		padding-bottom: var(--padding-96);
		}
		.tff-podcast-latest .tff-podcast__featured {
		max-width: 100%;
		width: 100%;
		box-sizing: border-box;
		}
		.tff-podcast-latest .tff-podcast__sidebar__inner {
		display: flex;
		flex-direction: column;
		flex: 1;
		min-height: 0;
		gap: var(--gap-24);
		width: 100%;
		}
		.tff-podcast-latest .tff-podcast__sidebar-slot-2 {
		flex: 0 0 auto;
		}
		/* Section header layout/typography from global .tff-section-header__* */
		.tff-podcast__header {
		overflow-x: hidden;
		background: linear-gradient(
		180deg,
		var(--antique-white-lin-grad) 0%,
		rgba(245, 243, 238, 0) 100%
		);
		contain: layout style;
		}
		@media (min-width: 960px) {
		.tff-podcast__header .tff-section-header__inner {
		padding-top: var(--padding-96);
		padding-bottom: var(--padding-48);
		}
		}
		.tff-podcast__divider {
		width: 100px;
		height: 0;
		margin: 0;
		border: none;
		border-top: var(--border-width-1) solid var(--absolute-black-gradient);
		flex-shrink: 0;
		}
		.tff-podcast__content {
		display: flex;
		flex-direction: column;
		gap: var(--gap-24);
		padding: 0 var(--padding-24);
		}
		/* Desktop: featured 2/3, sidebar 1/3 – sidebar height via @container query */
		@media (min-width: 960px) {
		.tff-podcast-latest .tff-podcast__featured {
		max-width: 60vw;
		}
		.tff-podcast__content {
		flex-direction: row;
		align-items: stretch;
		gap: var(--gap-96);
		}
		.tff-podcast__featured {
		flex: 2 0 0%;
		min-width: 0;
		display: flex;
		flex-direction: column;
		gap: var(--gap-48);
		}
		/* Sidebar as container: sized by flex stretch (its contents), so no height collapse */
		.tff-podcast__sidebar {
		flex: 1 1 0%;
		min-width: 0;
		display: flex;
		flex-direction: column;
		min-height: 0;
		container-type: size;
		container-name: podcast;
		}
		.tff-podcast__sidebar .tff-podcast__episode-list {
		flex: 1 1 auto;
		min-height: 0;
		overflow-y: auto;
		}
		@container podcast (min-height: 1px) {
		.tff-podcast__episode-list {
		flex: 1 1 auto;
		min-height: 0;
		overflow-y: auto;
		}
		}
		}
		@media (max-width: 959px) {
		.tff-podcast__featured {
		flex: 1;
		min-width: 0;
		display: flex;
		flex-direction: column;
		gap: var(--gap-48);
		}
		}
		.tff-podcast__actions {
		display: flex;
		flex-direction: row;
		gap: 0;
		width: fit-content;
		flex-wrap: wrap;
		margin-top: 2rem;
		}
		.tff-podcast__actions .tff-btn + .tff-btn {
		margin-left: -1px;
		}
		.tff-card {
		display: flex;
		flex-direction: column;
		gap: var(--gap-16);
		background: var(--color-white);
		min-width: 0;
		border: 0;
		}
		.tff-card--featured .tff-card__link {
		display: flex;
		flex-direction: column;
		gap: var(--gap-16);
		min-width: 0;
		text-decoration: none;
		color: inherit;
		}
		.tff-podcast__featured .tff-card--featured .tff-card__link::after {
		content: none !important;
		display: none !important;
		}
		.tff-card__image-placeholder {
		position: relative;
		width: 100%;
		aspect-ratio: 16 / 9;
		min-height: 200px;
		background: var(--antique-white-60);
		overflow: hidden;
		}
		.tff-card__image-placeholder img {
		width: 100%;
		height: inherit;
		min-height: 100%;
		object-fit: cover;
		object-position: center;
		display: block;
		}
		.tff-card__content {
		display: flex;
		flex-direction: column;
		gap: var(--gap-16);
		padding: 0;
		}
		.tff-card__badges {
		display: flex;
		gap: var(--gap-16);
		justify-content: space-between;
		flex-wrap: wrap;
		padding: 0;
		}
		.tff-badge {
		font-family: var(--tag-font-family);
		font-size: var(--tag-font-size);
		font-weight: var(--tag-font-weight);
		background: none;
		color: var(--absolute-black-gradient);
		padding: 0;
		}
		.tff-badge--red {
		background: none;
		color: var(--infrared-red);
		text-transform: uppercase;
		}
		.tff-card__title {
		font-family: var(--h3-font-family);
		font-size: var(--h3);
		font-weight: var(--h3-font-weight);
		line-height: var(--h3-line-height);
		color: var(--absolute-black-gradient);
		margin: 0;
		}
		.tff-card__excerpt {
		font-family: var(--card-excerpt-font-family);
		font-size: var(--card-excerpt);
		font-weight: var(--card-excerpt-font-weight);
		line-height: 150%;
		color: var(--absolute-black-gradient);
		margin: 0;
		}
		.tff-podcast__featured .tff-card.tff-card--featured {
		position: relative;
		overflow: hidden;
		text-decoration: none;
		color: inherit;
		}
		.tff-podcast__featured .tff-card.tff-card--featured:hover {
		text-decoration: none;
		color: inherit;
		}
		.tff-podcast__featured .tff-card.tff-card--featured::after {
		content: "";
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		top: auto;
		width: 100%;
		height: var(--border-width-1);
		min-height: var(--border-width-1);
		display: block;
		background: var(--infrared-red);
		box-sizing: border-box;
		opacity: 0;
		transition: opacity 0.2s ease;
		pointer-events: none;
		z-index: 2;
		}
		.tff-podcast__featured .tff-card.tff-card--featured:hover::after {
		opacity: 1;
		}
		.tff-card--featured .tff-card__excerpt {
		font-family: var(--card-excerpt-font-family);
		font-size: var(--lead-paragraph);
		font-weight: var(--card-excerpt-font-weight);
		line-height: 150%;
		}
		.tff-card__tags {
		font-family: var(--tag-font-family);
		font-size: var(--tag-font-size);
		font-weight: 200;
		font-style: normal;
		color: var(--absolute-black-gradient);
		margin: 0;
		padding: 0;
		list-style: none;
		display: flex;
		flex-wrap: wrap;
		gap: 0;
		}
		.tff-card__tags li + li::before {
		content: ", ";
		}
		.tff-podcast__sidebar {
		width: 100%;
		display: flex;
		flex-direction: column;
		min-height: 0;
		overflow: hidden;
		}
		.tff-podcast__episode-list {
		display: flex;
		flex-direction: column;
		gap: var(--gap-48);
		align-items: stretch;
		padding: var(--padding-64) 0;
		overflow-y: auto;
		overflow-x: hidden;
		-webkit-mask-image: linear-gradient(
		to bottom,
		transparent 0%,
		black 10%,
		black 90%,
		transparent 100%
		);
		mask-image: linear-gradient(
		to bottom,
		transparent 0%,
		black 10%,
		black 90%,
		transparent 100%
		);
		-webkit-mask-size: 100% 100%;
		mask-size: 100% 100%;
		-webkit-mask-repeat: no-repeat;
		mask-repeat: no-repeat;
		}
		@media (min-width: 960px) {
		.tff-podcast__episode-list {
		flex: 1;
		min-height: 0;
		gap: var(--gap-64);
		}
		}
		@media (max-width: 959px) {
		.tff-podcast__episode-list {
		max-height: 50vh;
		}
		}
		.tff-podcast__episode-list .tff-card-mini {
		width: 100%;
		}
		.tff-card-mini {
		position: relative;
		display: block;
		height: 11rem;
		min-height: fit-content;
		max-height: 11rem;
		color: inherit;
		background: none;
		border: 0;
		overflow: hidden;
		}
		.tff-card-mini__link {
		display: block;
		min-height: 100%;
		box-sizing: border-box;
		text-decoration: none;
		color: inherit;
		padding-bottom: 2rem;
		}
		.tff-card-mini__link:hover {
		text-decoration: none;
		color: inherit;
		}
		.tff-mini-actions {
		position: relative;
		display: flex;
		flex-direction: row;
		justify-content: flex-end;
		gap: 0;
		padding-top: var(--gap-16);
		padding-bottom: var(--gap-12);
		padding-left: 0;
		padding-right: 0;
		}
		.tff-podcast__sidebar .tff-mini-actions {
		padding-bottom: 0;
		}
		.tff-mini-actions .tff-btn {
		padding-top: var(--gap-8);
		padding-bottom: var(--gap-8);
		}
		.tff-mini-actions .tff-btn--icon-only span {
		display: none;
		}
		.tff-mini-actions .tff-btn:hover::after {
		bottom: 6px;
		}
		.tff-mini-actions::after {
		content: "";
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		top: auto;
		width: 100%;
		height: var(--border-width-1);
		min-height: var(--border-width-1);
		display: block;
		background: var(--infrared-red);
		box-sizing: border-box;
		}
		.tff-card-mini .tff-mini-actions {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 1;
		transform: translateY(100%);
		transition: transform 0.2s ease;
		}
		.tff-card-mini:hover .tff-mini-actions {
		transform: translateY(0);
		}
		.tff-card-mini .tff-btn--icon-only .tff-btn__text {
		position: absolute;
		width: 1px;
		height: 1px;
		padding: 0;
		margin: -1px;
		overflow: hidden;
		clip: rect(0, 0, 0, 0);
		white-space: nowrap;
		border: 0;
		}
		.tff-card-mini__badges {
		display: flex;
		gap: var(--gap-10);
		justify-content: space-between;
		flex-wrap: wrap;
		margin-bottom: var(--gap-10);
		}
		.tff-card-mini__title {
		font-family: var(--h4-font-family);
		font-size: var(--h4);
		font-weight: var(--h4-font-weight);
		line-height: var(--h2-line-height);
		color: var(--absolute-black-gradient);
		margin: 0 0 var(--gap-10);
		display: -webkit-box;
		-webkit-line-clamp: 2;
		line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		}
		.tff-card-mini__excerpt {
		font-family: var(--card-excerpt-font-family);
		font-size: var(--card-excerpt-small);
		font-weight: var(--card-excerpt-font-weight);
		line-height: var(--card-excerpt-line-height);
		color: var(--graphite-gray);
		margin: 0 0 var(--gap-10);
		display: -webkit-box;
		-webkit-line-clamp: 2;
		line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		}
		.tff-card-mini .tff-card__tags {
		font-size: clamp(0.65rem, 0.1vw + 0.6rem, 0.75rem);
		}