/**
 * Podcast landing and episode pages — the designer's layout (2026-11-05) in
 * Katie's brand: Merriweather and Montserrat only, the KTT palette only, flat.
 * Everything is scoped under .ktt-pod. Tabs, filters and "Show more" are CSS
 * (radio buttons and checkboxes) because WP Rocket delays scripts on live.
 */

.ktt-pod {
	--ktt-teal-50: #F0F7F9;
	--ktt-teal-100: #D7E8ED;
	--ktt-teal-200: #A5CCD5;
	--ktt-teal-300: #84BCC9;
	--ktt-teal-500: #1F7F95;
	--ktt-teal-700: #155F70;
	--ktt-teal-900: #20343A;
	--ktt-red: #B4453A;
	--ktt-red-bg: #FDF4F3;
	--ktt-caption: #4A5F66;
	--ktt-radius: 4px;
	--ktt-radius-box: 8px;
	--ktt-font-read: 'Merriweather', Georgia, serif;
	--ktt-font-ui: 'Montserrat', Arial, Helvetica, sans-serif;
	color: var(--ktt-teal-900);
	font-family: var(--ktt-font-ui);
	font-size: 16px;
	line-height: 1.6;
	overflow-x: clip;
}

.ktt-pod *,
.ktt-pod *::before,
.ktt-pod *::after {
	box-sizing: border-box;
}

.ktt-pod-main {
	display: block;
	width: 100%;
}

/* Full-width bands even inside the theme's page container. */
.ktt-pod-band,
.ktt-pod-section,
.ktt-pod-reviews {
	width: 100vw;
	margin-left: calc(50% - 50vw);
}

.ktt-pod-wrap {
	max-width: 1140px;
	margin: 0 auto;
	padding: 0 20px;
}

.ktt-pod p {
	margin: 0 0 12px;
}

.ktt-pod a {
	color: var(--ktt-teal-500);
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}

.ktt-pod a:hover {
	color: var(--ktt-teal-700);
}

.ktt-pod a:focus-visible,
.ktt-pod label:focus-visible,
#ktt-pod-watch:focus-visible ~ .ktt-pod-tabs label[for="ktt-pod-watch"],
#ktt-pod-listen:focus-visible ~ .ktt-pod-tabs label[for="ktt-pod-listen"],
#ktt-pod-transcript-all:focus-visible ~ .ktt-pod-transcript__open,
#ktt-pod-more:focus-visible ~ .ktt-pod-more-btn,
.ktt-pod button:focus-visible {
	outline: 2px solid var(--ktt-teal-300);
	outline-offset: 2px;
}

/* Visually hidden, still there for keyboards and screen readers. */
.ktt-pod-sr {
	position: absolute !important;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* ── Type ─────────────────────────────────────────────────────────────────── */

/*
 * The style guide's headings: Merriweather 400 (H3 and H4 700), teal-black,
 * sentence case as typed. The theme styles headings inside page content with
 * its own font, weight and Title Case (".post-content h1" and similar), which
 * beat plain ".ktt-pod" rules, so these start with "body .ktt-pod" to win.
 */
body .ktt-pod h1,
body .ktt-pod h2,
body .ktt-pod h3,
body .ktt-pod h4,
body .ktt-pod .ktt-pod-title,
body .ktt-pod .ktt-pod-h2,
body .ktt-pod .ktt-pod-newest__title {
	font-family: var(--ktt-font-read);
	font-weight: 400;
	font-style: normal;
	color: var(--ktt-teal-900);
	line-height: 1.25;
	letter-spacing: 0;
	text-transform: none;
	text-wrap: balance;
	margin: 0 0 12px;
}

/* Episode title: a post title. */
body .ktt-pod .ktt-pod-title {
	font-size: 34px;
}

/* Landing page title. */
body .ktt-pod .ktt-pod-title--big {
	font-size: 50px;
	line-height: 1.2;
	margin-bottom: 8px;
}

body .ktt-pod .ktt-pod-h2,
body .ktt-pod h2 {
	font-size: 30px;
}

/* Newest episode: a tile title. */
body .ktt-pod .ktt-pod-newest__title {
	font-size: 26px;
	line-height: 1.2;
}

body .ktt-pod h3,
body .ktt-pod .ktt-pod-card h2 {
	font-size: 22px;
	font-weight: 700;
	line-height: 1.3;
}

body .ktt-pod h4 {
	font-size: 18px;
	font-weight: 700;
	line-height: 1.35;
}

.ktt-pod-label {
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 1.2px;
	text-transform: uppercase;
	color: var(--ktt-caption);
	margin: 0 0 8px;
}

/*
 * The reading parts are the article, so Merriweather 16px at 1.8 (the lead
 * paragraph 20px). Everything people scan or click stays Montserrat.
 */
body .ktt-pod .ktt-pod-lead,
body .ktt-pod .ktt-pod-intro,
body .ktt-pod .ktt-pod-notes,
body .ktt-pod .ktt-pod-notes p,
body .ktt-pod .ktt-pod-notes li,
body .ktt-pod .ktt-pod-steps li,
body .ktt-pod .ktt-pod-transcript__box p,
body .ktt-pod .ktt-pod-host__text p {
	font-family: var(--ktt-font-read);
	font-size: 16px;
	line-height: 1.8;
	color: var(--ktt-teal-900);
}

body .ktt-pod .ktt-pod-intro {
	font-size: 20px;
}

.ktt-pod-small {
	display: block;
	font-size: 12px;
	color: var(--ktt-caption);
}

/* ── Buttons, badges, pills, chips ────────────────────────────────────────── */

.ktt-pod .ktt-pod-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 13px 29px;
	border: 1px solid var(--ktt-teal-500);
	border-radius: var(--ktt-radius);
	background: var(--ktt-teal-500);
	color: #fff;
	font-family: var(--ktt-font-ui);
	font-size: 16px;
	font-weight: 600;
	line-height: 1.2;
	text-transform: uppercase;
	text-decoration: none;
	cursor: pointer;
}

.ktt-pod .ktt-pod-btn:hover {
	background: var(--ktt-teal-700);
	border-color: var(--ktt-teal-700);
	color: #fff;
}

.ktt-pod .ktt-pod-btn--outline {
	background: #fff;
	color: var(--ktt-teal-500);
	font-size: 14px;
	padding: 11px 22px;
}

.ktt-pod .ktt-pod-btn--outline:hover {
	background: var(--ktt-teal-50);
	color: var(--ktt-teal-700);
}

.ktt-pod .ktt-pod-btn--white {
	background: #fff;
	border-color: #fff;
	color: var(--ktt-teal-500);
}

.ktt-pod .ktt-pod-btn--white:hover {
	background: var(--ktt-teal-50);
	border-color: var(--ktt-teal-50);
	color: var(--ktt-teal-700);
}

.ktt-pod-badge {
	display: inline-block;
	padding: 3px 10px;
	border-radius: var(--ktt-radius);
	background: var(--ktt-teal-500);
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	vertical-align: middle;
}

.ktt-pod-meta {
	font-size: 13px;
	color: var(--ktt-caption);
	margin-bottom: 8px;
}

.ktt-pod-pill {
	display: inline-block;
	padding: 2px 10px;
	border-radius: var(--ktt-radius);
	background: var(--ktt-teal-100);
	color: var(--ktt-teal-900);
	font-size: 12px;
	font-weight: 600;
	white-space: nowrap;
}

.ktt-pod-num {
	flex: 0 0 auto;
	display: inline-grid;
	place-items: center;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: var(--ktt-teal-500);
	color: #fff;
	font-size: 14px;
	font-weight: 700;
}

/* ── Hero bands ───────────────────────────────────────────────────────────── */

.ktt-pod-hero {
	background: var(--ktt-teal-100);
	padding: 48px 0;
}

.ktt-pod-hero__grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 300px;
	gap: 48px;
	align-items: center;
}

/* Plain text, so teal-black: teal is only for things you can click. */
.ktt-pod-byline {
	color: var(--ktt-teal-900);
	font-weight: 600;
	margin-bottom: 16px;
}

.ktt-pod-intro {
	max-width: 620px;
}

.ktt-pod-buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin: 20px 0;
}

.ktt-pod-cover {
	display: block;
	width: 100%;
	height: auto;
	border-radius: var(--ktt-radius-box);
}

.ktt-pod-cover--small {
	width: 120px;
	flex: 0 0 120px;
}

.ktt-pod-listen-on {
	display: flex;
	flex-wrap: wrap;
	gap: 6px 14px;
	font-size: 13px;
	margin: 10px 0 0;
}

.ktt-pod-listen-on span {
	color: var(--ktt-caption);
}

.ktt-pod-hero__art .ktt-pod-listen-on {
	justify-content: center;
}

.ktt-pod-hero--episode {
	padding: 28px 0 36px;
}

.ktt-pod-back {
	display: inline-block;
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 18px;
}

.ktt-pod-hero__row {
	display: flex;
	gap: 28px;
	align-items: flex-start;
}

/* ── Search ───────────────────────────────────────────────────────────────── */

.ktt-pod-search {
	display: flex;
	max-width: 480px;
	border: 1px solid var(--ktt-teal-200);
	border-radius: var(--ktt-radius);
	background: #fff;
}

.ktt-pod-search--browse {
	max-width: none;
	margin-bottom: 18px;
}

.ktt-pod-search input[type="search"] {
	flex: 1 1 auto;
	min-width: 0;
	border: 0;
	background: transparent;
	padding: 12px 14px;
	font-family: var(--ktt-font-ui);
	font-size: 16px;
	color: var(--ktt-teal-900);
}

.ktt-pod-search input[type="search"]::placeholder {
	color: var(--ktt-caption);
}

.ktt-pod-search button {
	border: 0;
	background: transparent;
	padding: 0 14px;
	cursor: pointer;
}

.ktt-pod-search svg {
	width: 22px;
	height: 22px;
	fill: var(--ktt-teal-500);
}

/* ── Reviews ──────────────────────────────────────────────────────────────── */

.ktt-pod-reviews {
	padding: 32px 0;
	border-bottom: 1px solid var(--ktt-teal-100);
	background: #fff;
}

.ktt-pod-reviews__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 32px;
}

.ktt-pod-review {
	margin: 0;
}

.ktt-pod-stars {
	color: var(--ktt-teal-500);
	letter-spacing: 2px;
	margin-bottom: 6px;
}

.ktt-pod-review blockquote {
	margin: 0 0 6px;
	padding: 0;
	border: 0;
	font-family: var(--ktt-font-read);
	font-style: italic;
	font-size: 16px;
	line-height: 1.5;
}

.ktt-pod-review figcaption {
	font-size: 12px;
	color: var(--ktt-caption);
}

.ktt-pod-reviews__all {
	margin: 20px 0 0;
	font-size: 14px;
	font-weight: 600;
}

/* ── Sections ─────────────────────────────────────────────────────────────── */

.ktt-pod-section {
	padding: 56px 0;
	background: #fff;
}

.ktt-pod-lead {
	max-width: 640px;
	margin-bottom: 24px;
}

.ktt-pod-foundations,
.ktt-pod-list {
	list-style: none;
	margin: 0;
	padding: 0;
	border: 1px solid var(--ktt-teal-100);
	border-radius: var(--ktt-radius-box);
	background: #fff;
}

.ktt-pod-foundations li {
	display: flex;
	gap: 18px;
	align-items: center;
	padding: 18px 22px;
	border-top: 1px solid var(--ktt-teal-100);
}

.ktt-pod-foundations li:first-child {
	border-top: 0;
}

.ktt-pod-foundations__text {
	flex: 1 1 auto;
	min-width: 0;
}

.ktt-pod-foundations__text a {
	display: block;
	font-size: 17px;
	font-weight: 700;
	text-decoration: none;
}

.ktt-pod-foundations__text span {
	display: block;
	font-size: 14px;
}

.ktt-pod-foundations__meta {
	flex: 0 0 auto;
	text-align: right;
	font-size: 12px;
	color: var(--ktt-caption);
	line-height: 1.6;
}

.ktt-pod-continue {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	align-items: center;
	justify-content: space-between;
	margin-top: 28px;
	padding: 22px 24px;
	border-radius: var(--ktt-radius-box);
	background: var(--ktt-teal-50);
}

.ktt-pod-continue p {
	margin: 0;
}

.ktt-pod-continue__title {
	font-weight: 700;
}

/* ── Browse ───────────────────────────────────────────────────────────────── */

.ktt-pod-browse-band {
	background: var(--ktt-teal-50);
	padding: 56px 0;
}

.ktt-pod-newest {
	display: flex;
	flex-wrap: wrap;
	gap: 20px 32px;
	align-items: center;
	justify-content: space-between;
	margin: 24px 0 32px;
	padding: 28px;
	border: 1px solid var(--ktt-teal-100);
	border-radius: var(--ktt-radius-box);
	background: #fff;
}

.ktt-pod-newest > div {
	flex: 1 1 420px;
}

.ktt-pod-newest p:last-child {
	margin-bottom: 0;
}

.ktt-pod-browse__title {
	font-weight: 700;
	margin-bottom: 12px;
}

.ktt-pod-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 8px;
}

.ktt-pod-chip {
	display: inline-block;
	padding: 8px 16px;
	border: 1px solid var(--ktt-teal-200);
	border-radius: 999px;
	background: #fff;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
}

.ktt-pod-chip:hover {
	background: var(--ktt-teal-50);
}

.ktt-pod-sort {
	text-align: right;
	font-size: 13px;
	margin-bottom: 16px;
}

.ktt-pod-found {
	font-size: 14px;
}

.ktt-pod-list li {
	display: grid;
	grid-template-columns: 70px minmax(0, 1fr) auto 160px;
	gap: 16px;
	align-items: center;
	padding: 14px 22px;
	border-top: 1px solid var(--ktt-teal-100);
}

.ktt-pod-list li:first-child {
	border-top: 0;
}

.ktt-pod-row__label {
	font-size: 13px;
	font-weight: 700;
	color: var(--ktt-caption);
	white-space: nowrap;
}

.ktt-pod-row__title {
	font-weight: 600;
}

.ktt-pod-row__meta {
	text-align: right;
	font-size: 13px;
	color: var(--ktt-caption);
}

.ktt-pod-more-btn {
	display: none !important;
	margin: 24px auto 0;
}

.ktt-pod-browse {
	text-align: left;
}

.ktt-pod-browse .ktt-pod-more-btn {
	width: max-content;
}

/* Chips: the checked radio colours its chip and filters the rows. */
#ktt-pod-f-all:checked ~ .ktt-pod-chips label[for="ktt-pod-f-all"],
#ktt-pod-f-start:checked ~ .ktt-pod-chips label[for="ktt-pod-f-start"],
#ktt-pod-f-chase:checked ~ .ktt-pod-chips label[for="ktt-pod-f-chase"],
#ktt-pod-f-southwest:checked ~ .ktt-pod-chips label[for="ktt-pod-f-southwest"],
#ktt-pod-f-booking-flights:checked ~ .ktt-pod-chips label[for="ktt-pod-f-booking-flights"],
#ktt-pod-f-more-programs:checked ~ .ktt-pod-chips label[for="ktt-pod-f-more-programs"],
#ktt-pod-f-airport-perks:checked ~ .ktt-pod-chips label[for="ktt-pod-f-airport-perks"],
#ktt-pod-f-changed:checked ~ .ktt-pod-chips label[for="ktt-pod-f-changed"] {
	background: var(--ktt-teal-500);
	border-color: var(--ktt-teal-500);
	color: #fff;
}

.ktt-pod-filter:focus-visible ~ .ktt-pod-chips {
	outline: 2px solid var(--ktt-teal-300);
	outline-offset: 4px;
}

#ktt-pod-f-start:checked ~ .ktt-pod-list li:not(.ktt-pod-f-start),
#ktt-pod-f-chase:checked ~ .ktt-pod-list li:not(.ktt-pod-f-chase),
#ktt-pod-f-southwest:checked ~ .ktt-pod-list li:not(.ktt-pod-f-southwest),
#ktt-pod-f-booking-flights:checked ~ .ktt-pod-list li:not(.ktt-pod-f-booking-flights),
#ktt-pod-f-more-programs:checked ~ .ktt-pod-list li:not(.ktt-pod-f-more-programs),
#ktt-pod-f-airport-perks:checked ~ .ktt-pod-list li:not(.ktt-pod-f-airport-perks),
#ktt-pod-f-changed:checked ~ .ktt-pod-list li:not(.ktt-pod-f-changed) {
	display: none;
}

/* "Show more": with All chosen, rows past the fifth wait for the button. */
#ktt-pod-f-all:checked ~ #ktt-pod-more:not(:checked) ~ .ktt-pod-list .ktt-pod-extra {
	display: none;
}

#ktt-pod-f-all:checked ~ #ktt-pod-more:not(:checked) ~ .ktt-pod-more-btn {
	display: flex !important;
}

/* ── Host ─────────────────────────────────────────────────────────────────── */

.ktt-pod-host__grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: 48px;
	align-items: center;
}

.ktt-pod-host__photo img {
	display: block;
	width: 100%;
	height: auto;
}

.ktt-pod-arrow {
	font-weight: 600;
}

/* ── Free-guide band and card ─────────────────────────────────────────────── */

.ktt-pod-band.ktt-pod-read {
	background: var(--ktt-teal-500);
	color: #fff;
	padding: 44px 0;
}

.ktt-pod-read__inner {
	display: flex;
	flex-wrap: wrap;
	gap: 20px 40px;
	align-items: center;
	justify-content: space-between;
}

.ktt-pod-read__text {
	flex: 1 1 420px;
}

body .ktt-pod .ktt-pod-read h2 {
	color: #fff;
}

.ktt-pod-read p {
	color: #fff;
	margin: 0;
}

.ktt-pod-read__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	align-items: center;
}

.ktt-pod .ktt-pod-read__blog {
	color: #fff;
	font-weight: 600;
}

.ktt-pod .ktt-pod-read__blog:hover {
	color: var(--ktt-teal-50);
}

aside.ktt-pod-read {
	background: var(--ktt-teal-500);
	border-color: var(--ktt-teal-500);
}

body .ktt-pod aside.ktt-pod-read h2 {
	font-size: 22px;
}

aside.ktt-pod-read .ktt-pod-read__actions {
	margin-top: 14px;
}

/* ── Episode page ─────────────────────────────────────────────────────────── */

.ktt-pod-episode__body {
	padding-top: 28px;
	padding-bottom: 56px;
}

/* The update note: the brand's warning look (pale red, brick-red bar). */
.ktt-pod-note {
	display: flex;
	gap: 14px;
	align-items: flex-start;
	margin-bottom: 20px;
	padding: 18px 22px;
	border-left: 4px solid var(--ktt-red);
	background: var(--ktt-red-bg);
}

.ktt-pod-note__icon {
	flex: 0 0 22px;
	width: 22px;
	height: 22px;
	fill: var(--ktt-red);
	margin-top: 1px;
}

.ktt-pod-note p {
	margin: 0;
	font-size: 15px;
}

.ktt-pod-note .ktt-pod-note__title {
	font-weight: 700;
	margin-bottom: 4px;
}

/* Watch / Listen. */
.ktt-pod-media {
	margin-bottom: 36px;
	border: 1px solid var(--ktt-teal-100);
	border-radius: var(--ktt-radius-box);
	overflow: hidden;
	background: var(--ktt-teal-50);
}

.ktt-pod-tabs {
	display: flex;
	background: var(--ktt-teal-50);
	border-bottom: 1px solid var(--ktt-teal-100);
}

.ktt-pod-tabs label {
	padding: 12px 20px;
	font-size: 14px;
	font-weight: 600;
	color: var(--ktt-caption);
	border-bottom: 3px solid transparent;
	cursor: pointer;
}

#ktt-pod-watch:checked ~ .ktt-pod-tabs label[for="ktt-pod-watch"],
#ktt-pod-listen:checked ~ .ktt-pod-tabs label[for="ktt-pod-listen"] {
	color: var(--ktt-teal-500);
	border-bottom-color: var(--ktt-teal-500);
	background: #fff;
}

.ktt-pod-panel {
	display: none;
}

#ktt-pod-watch:checked ~ .ktt-pod-panel--watch,
#ktt-pod-listen:checked ~ .ktt-pod-panel--listen,
.ktt-pod-media--single .ktt-pod-video,
.ktt-pod-media--single .ktt-pod-audio {
	display: block;
}

.ktt-pod-video {
	position: relative;
	aspect-ratio: 16 / 9;
	max-width: 100%;
	background: var(--ktt-teal-900);
}

.ktt-pod-video iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

.ktt-pod-audio {
	padding: 28px 24px;
	background: #fff;
}

.ktt-pod-audio audio {
	display: block;
	width: 100%;
}

.ktt-pod-episode__grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 300px;
	gap: 48px;
	align-items: start;
}

.ktt-pod-episode__main > section {
	margin-bottom: 36px;
}

.ktt-pod-steps {
	padding: 26px 28px;
	border-radius: var(--ktt-radius-box);
	background: var(--ktt-teal-50);
}

.ktt-pod-steps ol,
.ktt-pod-chapters ol,
.ktt-pod-links ul,
.ktt-pod-related ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.ktt-pod-steps li {
	display: flex;
	gap: 14px;
	align-items: flex-start;
	margin-bottom: 14px;
}

.ktt-pod-steps li:last-child {
	margin-bottom: 0;
}

.ktt-pod-steps .ktt-pod-num {
	width: 28px;
	height: 28px;
	font-size: 13px;
}

.ktt-pod-links ul {
	border: 1px solid var(--ktt-teal-100);
	border-radius: var(--ktt-radius-box);
}

.ktt-pod-links li {
	padding: 14px 18px;
	border-top: 1px solid var(--ktt-teal-100);
}

.ktt-pod-links li:first-child {
	border-top: 0;
}

.ktt-pod-links a {
	font-weight: 600;
}

.ktt-pod-chapters li {
	display: grid;
	grid-template-columns: 60px minmax(0, 1fr);
	gap: 12px;
	padding: 4px 0;
}

.ktt-pod-time {
	font-weight: 700;
	font-variant-numeric: tabular-nums;
}

/* Transcript: the opening, then everything once "Read the full transcript" is pressed. */
.ktt-pod-transcript__box {
	padding: 18px 20px;
	border: 1px solid var(--ktt-teal-100);
	border-radius: var(--ktt-radius-box);
	margin-bottom: 14px;
}

.ktt-pod-transcript__box p:last-child {
	margin-bottom: 0;
}

.ktt-pod-transcript__full {
	display: none;
}

.ktt-pod-transcript__preview {
	max-height: 130px;
	overflow: hidden;
	-webkit-mask-image: linear-gradient(#000 55%, transparent);
	mask-image: linear-gradient(#000 55%, transparent);
}

#ktt-pod-transcript-all:checked ~ .ktt-pod-transcript__preview,
#ktt-pod-transcript-all:checked ~ .ktt-pod-transcript__open {
	display: none;
}

#ktt-pod-transcript-all:checked ~ .ktt-pod-transcript__full {
	display: block;
}

/* Side column. */
.ktt-pod-card {
	margin-bottom: 20px;
	padding: 22px 24px;
	border: 1px solid var(--ktt-teal-100);
	border-radius: var(--ktt-radius-box);
	background: #fff;
}

.ktt-pod-fits__text {
	font-size: 15px;
}

.ktt-pod-steps-bar {
	display: flex;
	gap: 5px;
	margin-bottom: 16px;
}

.ktt-pod-steps-bar span {
	flex: 1 1 0;
	height: 5px;
	border-radius: 3px;
	background: var(--ktt-teal-100);
}

.ktt-pod-steps-bar span.is-done {
	background: var(--ktt-teal-500);
}

.ktt-pod-progress {
	height: 8px;
	margin-bottom: 16px;
	border-radius: 4px;
	background: var(--ktt-teal-100);
	overflow: hidden;
}

.ktt-pod-progress span {
	display: block;
	height: 100%;
	background: var(--ktt-teal-500);
}

.ktt-pod .ktt-pod-next,
.ktt-pod .ktt-pod-prev {
	display: block;
	padding: 14px 16px;
	margin-top: 10px;
	border: 1px solid var(--ktt-teal-100);
	border-radius: var(--ktt-radius-box);
	text-decoration: none;
	font-weight: 700;
}

.ktt-pod .ktt-pod-next {
	background: var(--ktt-teal-500);
	border-color: var(--ktt-teal-500);
	color: #fff;
}

.ktt-pod .ktt-pod-next:hover {
	background: var(--ktt-teal-700);
	color: #fff;
}

.ktt-pod-next .ktt-pod-label {
	color: #fff;
}

.ktt-pod-next .ktt-pod-label,
.ktt-pod-prev .ktt-pod-label {
	display: block;
	margin-bottom: 4px;
}

.ktt-pod-related li {
	margin-top: 12px;
}

.ktt-pod-related a {
	font-weight: 700;
	text-decoration: none;
}

/* ── Phones ───────────────────────────────────────────────────────────────── */

@media (max-width: 900px) {
	.ktt-pod-hero__grid,
	.ktt-pod-host__grid,
	.ktt-pod-episode__grid {
		grid-template-columns: minmax(0, 1fr);
		gap: 32px;
	}

	.ktt-pod-hero__art {
		max-width: 280px;
	}

	.ktt-pod-reviews__grid {
		grid-template-columns: minmax(0, 1fr);
		gap: 20px;
	}
}

@media (max-width: 600px) {
	body .ktt-pod .ktt-pod-title {
		font-size: 28px;
	}

	body .ktt-pod .ktt-pod-title--big {
		font-size: 34px;
	}

	body .ktt-pod .ktt-pod-h2,
	body .ktt-pod h2 {
		font-size: 26px;
	}

	body .ktt-pod .ktt-pod-newest__title {
		font-size: 22px;
	}

	body .ktt-pod h3,
	body .ktt-pod .ktt-pod-card h2,
	body .ktt-pod aside.ktt-pod-read h2 {
		font-size: 20px;
	}

	body .ktt-pod .ktt-pod-intro {
		font-size: 18px;
	}

	.ktt-pod-hero__row {
		flex-direction: column;
		gap: 16px;
	}

	.ktt-pod-cover--small {
		width: 96px;
		flex-basis: auto;
	}

	.ktt-pod-list li {
		grid-template-columns: minmax(0, 1fr) auto;
		gap: 4px 12px;
		padding: 14px 16px;
	}

	.ktt-pod-row__label {
		grid-column: 1 / -1;
	}

	.ktt-pod-row__meta {
		grid-column: 1 / -1;
		text-align: left;
	}

	.ktt-pod-foundations li {
		padding: 16px;
		gap: 14px;
	}

	.ktt-pod-foundations__meta {
		display: none;
	}

	.ktt-pod-sort {
		text-align: left;
	}

	.ktt-pod-newest,
	.ktt-pod-steps {
		padding: 20px;
	}
}