/* The UM Hoops Podcast companion (class-umh-podcast.php). Brand tokens (umh-tokens.css) with fallbacks, so it reads
   right with the brand switch off too; dark mode comes from the tokens. */
.umh-pod {
	--p-ink: var(--umh-ink, #111a24);
	--p-ink2: var(--umh-ink-2, #38475a);
	--p-muted: var(--umh-muted, #6a7686);
	--p-label: var(--umh-label, #8a6a00);
	--p-rule: var(--umh-rule, #dfe3e8);
	--p-rule2: var(--umh-rule-2, #eef0f3);
	--p-paper: var(--umh-paper, #fff);
	--p-tint: var(--umh-tint, #f6f7f9);
	--p-navy: var(--umh-navy, #00274c);
	--p-maize: var(--umh-maize, #ffcb05);
	--p-ui: var(--umh-font-ui, system-ui, -apple-system, "Segoe UI", sans-serif);
	--p-text: var(--umh-font-text, Georgia, serif);
	--p-display: var(--umh-font-display, var(--p-ui));
	margin: 2.25rem 0 1rem;
	color: var(--p-ink);
	font-family: var(--p-ui);
	max-width: 760px;
	clear: both;
}
.umh-pod * { box-sizing: border-box; }
.umh-pod a { color: inherit; text-decoration-color: var(--p-maize); text-underline-offset: 3px; }
.umh-pod a:hover { text-decoration-thickness: 2px; }
.umh-pod button { font: inherit; color: inherit; }
.umh-pod :focus-visible { outline: none; box-shadow: var(--umh-focus, 0 0 0 3px #ffcb05); }

.umh-pod-draft { background: #fff3cd; color: #5c4600; border-left: 4px solid #e0a800; padding: .6rem .9rem; font-size: var(--umh-fs-data, .9rem); margin: 0 0 1rem; }
.umh-pod-draft a { font-weight: 700; }

.umh-pod-h { border-top: var(--umh-rule-heavy, 2px solid var(--p-ink)); padding-top: .75rem; }
.umh-pod-k, .umh-pod-lbl { font-size: var(--umh-fs-label, .72rem); font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--p-label); margin: 0 0 .35rem; }
.umh-pod-dek { font-family: var(--p-text); font-size: var(--umh-fs-item, 1.15rem); line-height: 1.45; color: var(--p-ink2); margin: 0 0 1rem; }

/* player */
.umh-pod-player { display: flex; gap: 14px; align-items: center; background: var(--p-navy); color: #fff; border-radius: 8px; padding: 12px; margin: 0 0 .75rem; }
.umh-pod-art { width: 84px; height: 84px; border-radius: 6px; flex: none; object-fit: cover; }
.umh-pod-ctl { display: flex; gap: 12px; align-items: center; flex: 1; min-width: 0; flex-wrap: wrap; }
.umh-pod-play { width: 52px; height: 52px; border-radius: 50%; border: 0; background: var(--p-maize); cursor: pointer; flex: none; display: grid; place-items: center; }
.umh-pod-ico { width: 0; height: 0; border-left: 16px solid var(--p-navy); border-top: 10px solid transparent; border-bottom: 10px solid transparent; margin-left: 4px; }
.umh-pod-play.is-on .umh-pod-ico { width: 16px; height: 18px; border: 0; margin: 0; background: linear-gradient(90deg, var(--p-navy) 0 35%, transparent 35% 65%, var(--p-navy) 65%); }
.umh-pod-bar { flex: 1; min-width: 160px; }
.umh-pod-now { font-weight: 700; font-size: var(--umh-fs-ui, .95rem); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 4px; }
.umh-pod-seek { width: 100%; accent-color: var(--p-maize); margin: 0; }
.umh-pod-time { display: flex; justify-content: space-between; font-size: var(--umh-fs-label, .75rem); color: #c9d5e2; font-variant-numeric: tabular-nums; }
.umh-pod-tools { display: flex; gap: 6px; }
.umh-pod-btn { background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.25); color: #fff; border-radius: 4px; padding: 5px 9px; font-size: var(--umh-fs-meta, .8rem); font-weight: 700; cursor: pointer; font-variant-numeric: tabular-nums; }
.umh-pod-btn:hover { background: rgba(255,255,255,.22); }

.umh-pod-subs { display: flex; flex-wrap: wrap; gap: 6px 8px; align-items: center; margin: 0 0 1.25rem; }
.umh-pod-subs .umh-pod-lbl { margin: 0 4px 0 0; }
.umh-pod-subs a { font-size: var(--umh-fs-meta, .82rem); font-weight: 600; border: 1px solid var(--p-rule); border-radius: 999px; padding: 3px 11px; text-decoration: none; }
.umh-pod-subs a:hover { border-color: var(--p-ink); }

.umh-pod ol, .umh-pod ul { margin-left: 0 !important; padding-left: 0 !important; }
.umh-pod li { list-style: none; }

.umh-pod-sec { margin: 0 0 2rem; scroll-margin-top: 72px; }
.umh-pod-h2 { font-family: var(--p-display); font-size: var(--umh-fs-section, 1.35rem); line-height: 1.2; font-weight: 800; margin: 0 0 .75rem; padding: 0; border: 0; color: var(--p-ink); text-transform: none; letter-spacing: 0; }
.umh-pod-h3 { font-size: var(--umh-fs-meta, .78rem); font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--p-muted); margin: 1.25rem 0 .5rem; }
.umh-pod-p { font-family: var(--p-text); font-size: var(--umh-fs-item, 1.05rem); line-height: 1.6; margin: 0 0 .8rem; color: var(--p-ink); }
.umh-pod-note { font-size: var(--umh-fs-meta, .82rem); color: var(--p-muted); margin: -.25rem 0 .75rem; }

/* timestamps */
.umh-pod-t { background: var(--p-tint); border: 1px solid var(--p-rule); border-radius: 4px; padding: 1px 7px; font-size: var(--umh-fs-meta, .78rem); font-weight: 700; font-variant-numeric: tabular-nums; cursor: pointer; color: var(--p-ink2); white-space: nowrap; }
.umh-pod-t:hover { border-color: var(--p-ink); color: var(--p-ink); }

/* chapters */
.umh-pod-ch { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--p-rule); }
.umh-pod-ch li { display: grid; grid-template-columns: 4.6rem 1fr; gap: 10px; padding: .6rem 0; border-bottom: 1px solid var(--p-rule2); margin: 0; }
.umh-pod-ch li > button { justify-self: start; align-self: start; margin-top: 2px; }
.umh-pod-ch b { display: block; font-size: var(--umh-fs-ui, 1rem); line-height: 1.3; }
.umh-pod-ch span { display: block; color: var(--p-muted); font-size: var(--umh-fs-data, .9rem); line-height: 1.4; margin-top: 2px; }
.umh-pod-ch li.is-now { background: linear-gradient(90deg, var(--p-tint), transparent); }
.umh-pod-ch li.is-now b::before { content: "Now playing · "; color: var(--p-label); font-size: var(--umh-fs-label, .72rem); letter-spacing: .06em; text-transform: uppercase; }

.umh-pod-topics { list-style: none; display: flex; flex-wrap: wrap; gap: 6px; margin: .25rem 0 0; padding: 0; }
.umh-pod-topics li { background: var(--p-tint); border-radius: 3px; padding: 2px 9px; font-size: var(--umh-fs-meta, .8rem); font-weight: 600; color: var(--p-ink2); margin: 0; }

/* pull quotes */
.umh-pod-quotes { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.umh-pod-quotes li { border-left: 4px solid var(--p-maize); padding: .2rem 0 .2rem 1rem; margin: 0; }
.umh-pod-quotes p { font-family: var(--p-text); font-size: var(--umh-fs-item, 1.08rem); line-height: 1.5; margin: 0 0 .35rem; }
.umh-pod-qby { display: flex; gap: 10px; align-items: center; font-size: var(--umh-fs-meta, .85rem); font-weight: 700; color: var(--p-ink2); }

/* funnel */
.umh-pod-plus { display: flex; gap: 14px; align-items: center; justify-content: space-between; flex-wrap: wrap; background: var(--p-tint); border-left: 4px solid var(--p-navy); padding: .8rem 1rem; margin: 0 0 1.5rem; }
.umh-pod-plus p { margin: 0; flex: 1 1 320px; font-size: var(--umh-fs-ui, .95rem); line-height: 1.45; }
.umh-pod-join { background: var(--p-maize); color: #00274c !important; font-weight: 800; text-decoration: none; border-radius: 4px; padding: .5rem 1rem; white-space: nowrap; }
.umh-pod .umh-cap { margin: 0 0 2rem; }

/* transcript */
.umh-pod-search { display: flex; gap: 10px; align-items: center; margin: 0 0 .75rem; }
.umh-pod-search input { flex: 1; max-width: 420px; font: inherit; padding: .5rem .7rem; border: 1px solid var(--p-rule); border-radius: 4px; background: var(--p-paper); color: var(--p-ink); }
.umh-pod-search span { font-size: var(--umh-fs-meta, .85rem); color: var(--p-muted); }
.umh-pod-tr { border-top: 1px solid var(--p-rule); }
.umh-pod-para { display: grid; grid-template-columns: 4.6rem 1fr; gap: 0 10px; padding: .5rem 0; border-bottom: 1px solid var(--p-rule2); }
.umh-pod-para > button { grid-row: span 2; justify-self: start; align-self: start; margin-top: 3px; }
.umh-pod-spk { font-size: var(--umh-fs-meta, .8rem); text-transform: uppercase; letter-spacing: .06em; color: var(--p-label); }
.umh-pod-para p { grid-column: 2; margin: 0; font-family: var(--p-text); font-size: var(--umh-fs-ui, 1rem); line-height: 1.6; color: var(--p-ink); }
.umh-pod-para.is-now { background: linear-gradient(90deg, var(--p-tint), transparent); }
.umh-pod-tr:not(.is-open) .umh-pod-para.is-more { display: none; }
.umh-pod-tr.is-search .umh-pod-para { display: none; }
.umh-pod-tr.is-search .umh-pod-para.is-hit { display: grid; }
.umh-pod mark { background: var(--p-maize); color: #111; padding: 0 1px; }
.umh-pod-more { margin-top: .75rem; background: var(--p-paper); border: 1px solid var(--p-ink); border-radius: 4px; padding: .5rem 1rem; font-weight: 700; cursor: pointer; }
.umh-pod-gate { margin-top: 1rem; }

@media (max-width: 600px) {
	.umh-pod-player { flex-wrap: wrap; padding: 10px; }
	.umh-pod-art { width: 56px; height: 56px; }
	.umh-pod-ctl { gap: 10px; }
	.umh-pod-bar { order: 3; flex-basis: 100%; }
	.umh-pod-tools { margin-left: auto; }
	/* tap targets (launch review, Oct 23, 2026: the player buttons were 28px tall): 44px on phones, the desktop look unchanged */
	.umh-pod-btn { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; padding: 0 10px; }
	.umh-pod-ch li, .umh-pod-para { grid-template-columns: 3.9rem 1fr; }
	.umh-pod-dek { font-size: var(--umh-fs-item, 1.05rem); }
}
@media (prefers-reduced-motion: reduce) { .umh-pod * { scroll-behavior: auto !important; } }

/* theme-proofing: the theme styles post-body p / li by ID (#mvp-content-main …), which beats our classes; the
   companion sits inside the post body, so its own colours and list resets win here */
:is(#umh-pod, #umh-pod-wh) p, :is(#umh-pod, #umh-pod-wh) li, :is(#umh-pod, #umh-pod-wh) span, :is(#umh-pod, #umh-pod-wh) b, :is(#umh-pod, #umh-pod-wh) h2, :is(#umh-pod, #umh-pod-wh) h3 { color: inherit; }
:is(#umh-pod, #umh-pod-wh) li, :is(#umh-pod, #umh-pod-wh) ul, :is(#umh-pod, #umh-pod-wh) ol { margin-left: 0 !important; }
:is(#umh-pod, #umh-pod-wh) li::before { content: none; }
:is(#umh-pod, #umh-pod-wh) .umh-pod-k, :is(#umh-pod, #umh-pod-wh) .umh-pod-lbl, :is(#umh-pod, #umh-pod-wh) .umh-pod-spk { color: var(--p-label); }
:is(#umh-pod, #umh-pod-wh) .umh-pod-dek, :is(#umh-pod, #umh-pod-wh) .umh-pod-qby, :is(#umh-pod, #umh-pod-wh) .umh-pod-topics li { color: var(--p-ink2); }
:is(#umh-pod, #umh-pod-wh) .umh-pod-p, :is(#umh-pod, #umh-pod-wh) .umh-pod-para p, :is(#umh-pod, #umh-pod-wh) .umh-pod-quotes p, :is(#umh-pod, #umh-pod-wh) .umh-pod-gt, :is(#umh-pod, #umh-pod-wh) .umh-pod-plus p, :is(#umh-pod, #umh-pod-wh) .umh-pod-h2 { color: var(--p-ink); }
:is(#umh-pod, #umh-pod-wh) .umh-pod-note, :is(#umh-pod, #umh-pod-wh) .umh-pod-ch span, :is(#umh-pod, #umh-pod-wh) .umh-pod-ents span, :is(#umh-pod, #umh-pod-wh) .umh-pod-gt span, :is(#umh-pod, #umh-pod-wh) .umh-pod-h3, :is(#umh-pod, #umh-pod-wh) .umh-pod-search span { color: var(--p-muted); }
:is(#umh-pod, #umh-pod-wh) .umh-pod-player, :is(#umh-pod, #umh-pod-wh) .umh-pod-player * { color: #fff; }
:is(#umh-pod, #umh-pod-wh) .umh-pod-time span { color: #c9d5e2; }
:is(#umh-pod, #umh-pod-wh) .umh-pod-draft { color: #5c4600; }
:is(#umh-pod, #umh-pod-wh) .umh-pod-quotes li { padding-left: 1rem; }

/* per-chapter links */
:is(#umh-pod, #umh-pod-wh) .umh-pod-seg { margin: .35rem 0 0; font-size: var(--umh-fs-meta, .85rem); line-height: 1.5; color: var(--p-ink2); }
:is(#umh-pod, #umh-pod-wh) .umh-pod-seg a { font-weight: 700; color: var(--p-ink); }
:is(#umh-pod, #umh-pod-wh) .umh-pod-seg i { font-style: normal; color: var(--p-muted); padding: 0 2px; }
@media (max-width: 600px) {
			}

:is(#umh-pod, #umh-pod-wh) .umh-pod-drift { font-size: var(--umh-fs-meta, .8rem); color: var(--p-muted); margin: -.4rem 0 .75rem; }

/* ---- podcast companion expansion (plan T2, Oct 20, 2026) ---- */
/* player tools: previous / next chapter icons */
:is(#umh-pod, #umh-pod-wh) .umh-pod-btn svg { display: block; }
:is(#umh-pod, #umh-pod-wh) .umh-pod-tools { flex-wrap: nowrap; }

/* the current chapter row: a thin progress fill along its top */
.umh-pod-ch li { position: relative; }
:is(#umh-pod, #umh-pod-wh) .umh-pod-prog { position: absolute; left: 0; top: -1px; height: 2px; width: calc(var(--p, 0) * 100%); background: var(--p-maize); display: none; }
:is(#umh-pod, #umh-pod-wh) .umh-pod-ch li.is-now .umh-pod-prog { display: block; }
:is(#umh-pod, #umh-pod-wh) .umh-pod-copy { margin-top: .35rem; background: none; border: 0; padding: 0; font-size: var(--umh-fs-meta, .78rem); font-weight: 700; color: var(--p-muted); cursor: pointer; text-decoration: underline; text-decoration-color: var(--p-rule); text-underline-offset: 3px; }
:is(#umh-pod, #umh-pod-wh) .umh-pod-copy:hover { color: var(--p-ink); }

/* Worth hearing */
:is(#umh-pod, #umh-pod-wh) .umh-pod-wh { margin: 0 0 1.75rem; }
:is(#umh-pod, #umh-pod-wh) .umh-pod-clips { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 12px; margin: 0; padding: 0; }
:is(#umh-pod, #umh-pod-wh) .umh-pod-clip { position: relative; display: flex; flex-direction: column; gap: .4rem; margin: 0; padding: .8rem .9rem .75rem; background: var(--p-paper); border: 1px solid var(--p-rule); border-top: 3px solid var(--p-maize); border-radius: 6px; }
:is(#umh-pod, #umh-pod-wh) .umh-pod-clip.is-playing { border-color: var(--p-navy); border-top-color: var(--p-maize); }
:is(#umh-pod, #umh-pod-wh) .umh-pod-clip-k { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; margin: 0; font-size: var(--umh-fs-label, .75rem); color: var(--p-muted); }
:is(#umh-pod, #umh-pod-wh) .umh-pod-kind { display: inline-block; font-size: var(--umh-fs-label, .68rem); font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--p-label); background: var(--p-tint); border-radius: 3px; padding: 1px 6px; }
:is(#umh-pod, #umh-pod-wh) .umh-pod-clip-at { font-variant-numeric: tabular-nums; color: var(--p-muted); }
:is(#umh-pod, #umh-pod-wh) .umh-pod-clip-q { margin: 0; padding: 0; border: 0; quotes: none; background: none; }
:is(#umh-pod, #umh-pod-wh) .umh-pod-clip-q::before, :is(#umh-pod, #umh-pod-wh) .umh-pod-clip-q::after { content: none; }
:is(#umh-pod, #umh-pod-wh) .umh-pod-clip-q p { margin: 0; font-family: var(--p-text); font-size: var(--umh-fs-item, 1.02rem); line-height: 1.5; color: var(--p-ink); font-style: normal; }
:is(#umh-pod, #umh-pod-wh) .umh-pod-clip-by { margin: 0; font-size: var(--umh-fs-meta, .85rem); line-height: 1.4; color: var(--p-ink2); }
:is(#umh-pod, #umh-pod-wh) .umh-pod-clip-by b { display: block; color: var(--p-ink); }
:is(#umh-pod, #umh-pod-wh) .umh-pod-clip-by span { display: block; color: var(--p-muted); }
:is(#umh-pod, #umh-pod-wh) .umh-pod-clip-act { position: relative; display: flex; gap: 10px; align-items: center; margin-top: auto; padding-top: .35rem; }
:is(#umh-pod, #umh-pod-wh) .umh-pod-cplay { display: inline-flex; align-items: center; gap: 7px; background: var(--p-navy); color: #fff; border: 0; border-radius: 999px; padding: 6px 14px 6px 11px; font-size: var(--umh-fs-meta, .85rem); font-weight: 800; cursor: pointer; }
:is(#umh-pod, #umh-pod-wh) .umh-pod-cplay small { font-weight: 600; color: #c9d5e2; font-variant-numeric: tabular-nums; font-size: var(--umh-fs-meta, .78rem); }
:is(#umh-pod, #umh-pod-wh) .umh-pod-cplay .umh-pod-ico { border-left: 10px solid var(--p-maize); border-top: 6px solid transparent; border-bottom: 6px solid transparent; margin: 0; }
:is(#umh-pod, #umh-pod-wh) .umh-pod-cplay.is-on .umh-pod-ico { width: 10px; height: 10px; border: 0; background: var(--p-maize); }
html[data-umh-theme="dark"] :is(#umh-pod, #umh-pod-wh) .umh-pod-cplay { background: var(--p-maize); color: #00274c; }
html[data-umh-theme="dark"] :is(#umh-pod, #umh-pod-wh) .umh-pod-cplay small { color: #00274c; }
html[data-umh-theme="dark"] :is(#umh-pod, #umh-pod-wh) .umh-pod-cplay .umh-pod-ico { border-left-color: #00274c; }
html[data-umh-theme="dark"] :is(#umh-pod, #umh-pod-wh) .umh-pod-cplay.is-on .umh-pod-ico { background: #00274c; }
:is(#umh-pod, #umh-pod-wh) .umh-pod-share { font-size: var(--umh-fs-meta, .82rem); font-weight: 700; color: var(--p-ink2); }
:is(#umh-pod, #umh-pod-wh) .umh-pod-clip-bar { position: absolute; left: 0; bottom: -.75rem; height: 3px; width: calc(var(--cp, 0) * 100%); background: var(--p-maize); border-radius: 0 2px 2px 0; }

/* the phone mini-bar (shown by podcast.js once the player scrolls away while an episode is going) */
.umh-pod-mini { display: none; }
@media (max-width: 600px) {
	.umh-pod-mini:not([hidden]) { display: flex; gap: 10px; align-items: center; position: fixed; left: 8px; right: 8px; bottom: calc(8px + env(safe-area-inset-bottom, 0px)); z-index: 9990; background: var(--umh-navy, #00274c); color: #fff; border-radius: 10px; padding: 8px 10px; box-shadow: 0 6px 20px rgba(0,0,0,.25); font-family: var(--umh-font-ui, system-ui, sans-serif); }
	.umh-pod-mini .umh-pod-play { width: 44px; height: 44px; border-radius: 50%; border: 0; background: var(--umh-maize, #ffcb05); display: grid; place-items: center; flex: none; cursor: pointer; }
	.umh-pod-mini .umh-pod-ico { width: 0; height: 0; border-left: 12px solid #00274c; border-top: 8px solid transparent; border-bottom: 8px solid transparent; margin-left: 3px; }
	.umh-pod-mini .umh-pod-play.is-on .umh-pod-ico { width: 12px; height: 14px; border: 0; margin: 0; background: linear-gradient(90deg, #00274c 0 35%, transparent 35% 65%, #00274c 65%); }
	.umh-pod-mini-ch { flex: 1; min-width: 0; font-size: var(--umh-fs-meta, .85rem); font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #fff; }
	.umh-pod-mini .umh-pod-btn { background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.25); color: #fff; border-radius: 4px; padding: 5px 9px; font-size: var(--umh-fs-meta, .8rem); font-weight: 700; cursor: pointer; }
	:is(#umh-pod, #umh-pod-wh) .umh-pod-tools { gap: 4px; }
	:is(#umh-pod, #umh-pod-wh) .umh-pod-btn { padding: 5px 7px; }
	:is(#umh-pod, #umh-pod-wh) .umh-pod-clips { grid-template-columns: 1fr; }
}

/* the clip page (/podcast/clip/<id>/) */
.umh-pod-cp-wrap { width: 100%; }
.umh-pod-cp-area { max-width: 760px; margin: 0 auto; padding: 1.5rem 16px 2rem; float: none; }
/* the theme leaves #post-area content-box: width 100% + this padding ran 32px past a phone screen (launch review, Oct 23, 2026) */
#post-area.umh-pod-cp-area { box-sizing: border-box; max-width: calc(760px + 32px); }   /* the same 760px column on desktop */
#umh-pod.umh-pod-cp { margin: 0 auto; }
:is(#umh-pod, #umh-pod-wh) .umh-pod-cp-fig { margin: .5rem 0 1rem; padding: 0; }
:is(#umh-pod, #umh-pod-wh) .umh-pod-cp-q { margin: 0 0 .9rem; padding: 0 0 0 1.1rem; border: 0; border-left: 5px solid var(--p-maize); background: none; quotes: none; }
:is(#umh-pod, #umh-pod-wh) .umh-pod-cp-q::before, :is(#umh-pod, #umh-pod-wh) .umh-pod-cp-q::after { content: none; }
:is(#umh-pod, #umh-pod-wh) .umh-pod-cp-q p { margin: 0; font-family: var(--p-text); font-size: clamp(1.3rem, 4.2vw, 1.8rem); line-height: 1.4; color: var(--p-ink); font-style: normal; }
:is(#umh-pod, #umh-pod-wh) .umh-pod-cp-by { display: grid; gap: 2px; font-size: var(--umh-fs-data, .92rem); color: var(--p-muted); }
:is(#umh-pod, #umh-pod-wh) .umh-pod-cp-by b { font-size: var(--umh-fs-item, 1.05rem); color: var(--p-ink); }
:is(#umh-pod, #umh-pod-wh) .umh-pod-cp-by span { color: var(--p-muted); }
:is(#umh-pod, #umh-pod-wh) .umh-pod-cp .umh-pod-clip { border-top-width: 1px; padding: .6rem .8rem 1rem; margin: 0 0 1rem; }
:is(#umh-pod, #umh-pod-wh) .umh-pod-cp-ep { display: flex; flex-wrap: wrap; gap: 6px 12px; align-items: baseline; margin: 0 0 1rem; font-size: var(--umh-fs-data, .9rem); }
:is(#umh-pod, #umh-pod-wh) .umh-pod-cp-go { font-weight: 800; }
:is(#umh-pod, #umh-pod-wh) .umh-pod-cp-ep span { color: var(--p-muted); }
:is(#umh-pod, #umh-pod-wh) .umh-pod-sharebar { display: flex; flex-wrap: wrap; gap: 6px 8px; align-items: center; margin: 0 0 1.5rem; }
:is(#umh-pod, #umh-pod-wh) .umh-pod-sharebar .umh-pod-lbl { margin: 0 4px 0 0; }
:is(#umh-pod, #umh-pod-wh) .umh-pod-sb { font-size: var(--umh-fs-meta, .82rem); font-weight: 700; border: 1px solid var(--p-rule); border-radius: 999px; padding: 3px 11px; text-decoration: none; background: var(--p-paper); color: var(--p-ink); cursor: pointer; }
:is(#umh-pod, #umh-pod-wh) .umh-pod-sb[hidden] { display: none; }
:is(#umh-pod, #umh-pod-wh) .umh-pod-sb:hover { border-color: var(--p-ink); }
:is(#umh-pod, #umh-pod-wh) .umh-pod-cp-more ul { margin: 0 0 .75rem; padding: 0; border-top: 1px solid var(--p-rule); }
:is(#umh-pod, #umh-pod-wh) .umh-pod-cp-more li { margin: 0; padding: .5rem 0; border-bottom: 1px solid var(--p-rule2); line-height: 1.35; }
:is(#umh-pod, #umh-pod-wh) .umh-pod-cp-more li a { font-weight: 700; }
:is(#umh-pod, #umh-pod-wh) .umh-pod-cp-more li span { display: block; color: var(--p-muted); font-size: var(--umh-fs-meta, .82rem); }
:is(#umh-pod, #umh-pod-wh) .umh-pod-cp-full a { font-weight: 800; }

/* ---- v2 (owner review, Oct 21): one reading order, clips that play in place ---- */
.umh-pod-wall { margin: 0; max-width: none; }
.umh-pod-in-hub { margin: .75rem 0 0; max-width: none; }
:is(#umh-pod, #umh-pod-wh) .umh-pod-h2 { font-size: var(--umh-fs-item, 1.2rem); text-transform: none; letter-spacing: 0; }
:is(#umh-pod, #umh-pod-wh) .umh-pod-notes .umh-pod-p:last-of-type { margin-bottom: .6rem; }
:is(#umh-pod, #umh-pod-wh) .umh-pod-seg { font-size: var(--umh-fs-meta, .82rem); }

/* resume sits in the player's time row */
:is(#umh-pod, #umh-pod-wh) .umh-pod-time { align-items: center; gap: 8px; }
:is(#umh-pod, #umh-pod-wh) .umh-pod-resume { background: none; border: 0; padding: 0; font-size: var(--umh-fs-label, .75rem); font-weight: 700; color: var(--p-maize); cursor: pointer; text-decoration: underline; text-underline-offset: 3px; }
:is(#umh-pod, #umh-pod-wh) .umh-pod-resume span { color: inherit; }
:is(#umh-pod, #umh-pod-wh) .umh-pod-resume[hidden] { display: none; }

/* chapters: "Copy link" shows on hover / focus (always on touch screens) */
@media (hover: hover) {
	:is(#umh-pod, #umh-pod-wh) .umh-pod-ch .umh-pod-copy { position: absolute; right: 0; top: .6rem; margin: 0; opacity: 0; transition: opacity .12s; }
	:is(#umh-pod, #umh-pod-wh) .umh-pod-ch li > div { padding-right: 5.5rem; }
	:is(#umh-pod, #umh-pod-wh) .umh-pod-ch li:hover .umh-pod-copy, :is(#umh-pod, #umh-pod-wh) .umh-pod-ch .umh-pod-copy:focus-visible { opacity: 1; }
}

/* games discussed: quiet text links at the bottom */
:is(#umh-pod, #umh-pod-wh) .umh-pod-games { margin: 0 0 1.25rem; padding-top: .9rem; border-top: 1px solid var(--p-rule); }
:is(#umh-pod, #umh-pod-wh) .umh-pod-games .umh-pod-lbl { margin: 0 0 .4rem; }
:is(#umh-pod, #umh-pod-wh) .umh-pod-games ul { display: flex; flex-wrap: wrap; gap: 4px 22px; margin: 0; padding: 0; }
:is(#umh-pod, #umh-pod-wh) .umh-pod-games li { margin: 0; font-size: var(--umh-fs-ui, .95rem); }
:is(#umh-pod, #umh-pod-wh) .umh-pod-games a { font-weight: 700; color: var(--p-ink); }
:is(#umh-pod, #umh-pod-wh) .umh-pod-games em { font-style: normal; font-size: var(--umh-fs-meta, .85rem); color: var(--p-muted); margin-left: 4px; }

/* the transcript: closed until asked for */
:is(#umh-pod, #umh-pod-wh) .umh-pod-trx > summary { cursor: pointer; list-style: none; display: flex; align-items: center; gap: 8px; }
:is(#umh-pod, #umh-pod-wh) .umh-pod-trx > summary::-webkit-details-marker { display: none; }
:is(#umh-pod, #umh-pod-wh) .umh-pod-trx > summary::before { content: "+"; display: inline-grid; place-items: center; width: 1.4rem; height: 1.4rem; border: 1px solid var(--p-rule); border-radius: 4px; font-size: var(--umh-fs-ui, 1rem); color: var(--p-ink2); }
:is(#umh-pod, #umh-pod-wh) .umh-pod-trx[open] > summary::before { content: "−"; }
:is(#umh-pod, #umh-pod-wh) .umh-pod-more-l { margin: .6rem 0 0; font-size: var(--umh-fs-data, .9rem); font-weight: 700; }

/* a clip that is starting: the button pulses until the audio plays */
:is(#umh-pod, #umh-pod-wh) .umh-pod-clip.is-loading .umh-pod-cplay { animation: umh-pod-wait 1s ease-in-out infinite; }
@keyframes umh-pod-wait { 50% { opacity: .55; } }
:is(#umh-pod, #umh-pod-wh) a.umh-pod-kind { text-decoration: none; }

/* the clip bar at the bottom of the screen (podcast.js; every width) */
.umh-pod-cbar { position: fixed; left: 50%; transform: translateX(-50%); bottom: calc(12px + env(safe-area-inset-bottom, 0px)); z-index: 9991; width: min(640px, calc(100% - 16px)); display: flex; gap: 10px; align-items: center; background: var(--umh-navy, #00274c); color: #fff; border-radius: 10px; padding: 8px 10px 10px; box-shadow: 0 8px 24px rgba(0,0,0,.28); font-family: var(--umh-font-ui, system-ui, sans-serif); overflow: hidden; }
.umh-pod-cbar[hidden] { display: none; }
.umh-pod-cbar button { font: inherit; cursor: pointer; }
.umh-pod-cbar-go { width: 38px; height: 38px; border-radius: 50%; border: 0; background: var(--umh-maize, #ffcb05); display: grid; place-items: center; flex: none; }
.umh-pod-cbar-go .umh-pod-ico { width: 0; height: 0; border-left: 12px solid #00274c; border-top: 8px solid transparent; border-bottom: 8px solid transparent; margin-left: 3px; }
.umh-pod-cbar-go.is-on .umh-pod-ico { width: 12px; height: 12px; border: 0; margin: 0; background: #00274c; }
.umh-pod-cbar-txt { flex: 1; min-width: 0; line-height: 1.25; }
.umh-pod-cbar-txt b, .umh-pod-cbar-txt span { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #fff; }
.umh-pod-cbar-txt b { font-size: var(--umh-fs-meta, .85rem); }
.umh-pod-cbar-txt span { font-size: var(--umh-fs-meta, .8rem); color: #c9d5e2; }
.umh-pod-cbar-more { background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.3); color: #fff; border-radius: 999px; padding: 6px 12px; font-size: var(--umh-fs-meta, .8rem); font-weight: 800; white-space: nowrap; }
.umh-pod-cbar-more:hover { background: rgba(255,255,255,.22); }
.umh-pod-cbar-more[hidden] { display: none; }
.umh-pod-cbar-x { background: none; border: 0; color: #c9d5e2; font-size: var(--umh-fs-section, 1.4rem); line-height: 1; padding: 0 4px; }
.umh-pod-cbar-x:hover { color: #fff; }
.umh-pod-cbar-p { position: absolute; left: 0; bottom: 0; height: 3px; width: calc(var(--cp, 0) * 100%); background: var(--umh-maize, #ffcb05); }
.umh-pod-cbar :focus-visible { outline: none; box-shadow: 0 0 0 3px #ffcb05; }
@media (max-width: 600px) { .umh-pod-cbar-more { padding: 6px 10px; } }
@media (prefers-reduced-motion: reduce) { :is(#umh-pod, #umh-pod-wh) .umh-pod-clip.is-loading .umh-pod-cplay { animation: none; } }

/* ---- Oct 21 review: card layout, headline, folds ---- */
:is(#umh-pod, #umh-pod-wh) .umh-pod-clips { align-items: start; }
:is(#umh-pod, #umh-pod-wh) .umh-pod-clip-act { margin-top: .15rem; }
:is(#umh-pod, #umh-pod-wh) .umh-pod-clip-err { margin: .35rem 0 0; font-size: 13px; color: #b32d2e; }
:is(#umh-pod, #umh-pod-wh) .umh-pod-clip-err a { color: inherit; text-decoration: underline; }
:is(#umh-pod, #umh-pod-wh) .umh-pod-clip-at a { color: var(--p-ink2); font-weight: 700; text-decoration: none; }
:is(#umh-pod, #umh-pod-wh) .umh-pod-clip-at a:hover { text-decoration: underline; }
:is(#umh-pod, #umh-pod-wh) .umh-pod-clip.is-fold { display: none; }
:is(#umh-pod, #umh-pod-wh) .umh-pod-unfold { margin: .75rem 0 0; background: var(--p-paper); border: 1px solid var(--p-ink); border-radius: 999px; padding: .4rem 1rem; font-size: var(--umh-fs-meta, .85rem); font-weight: 800; cursor: pointer; color: var(--p-ink); }
:is(#umh-pod, #umh-pod-wh) .umh-pod-unfold.is-phone { display: none; }
@media (max-width: 600px) {
	:is(#umh-pod, #umh-pod-wh) .umh-pod-ch li.is-fold-m { display: none; }
	:is(#umh-pod, #umh-pod-wh) .umh-pod-unfold.is-phone { display: inline-block; }
	:is(#umh-pod, #umh-pod-wh) .umh-pod-ch li { grid-template-columns: 3.4rem 1fr; gap: 8px; }
}
#umh-pod .umh-pod-cp-hl { font-family: var(--p-display); font-size: clamp(1.4rem, 4vw, 2rem); line-height: 1.15; font-weight: 800; margin: .25rem 0 .75rem; color: var(--p-ink); }
#umh-pod.umh-pod-cp .umh-pod-clip { border: 0; background: none; padding: 0; margin: 0 0 .75rem; }
#umh-pod.umh-pod-cp .umh-pod-cplay { font-size: var(--umh-fs-ui, 1rem); padding: 10px 20px 10px 16px; }
/* phones: the clip play pills and the clip page's share chips are 44px tap targets too */
@media (max-width: 600px) { :is(#umh-pod, #umh-pod-wh) .umh-pod-cplay, #umh-pod.umh-pod-cp .umh-pod-sb { min-height: 44px; } #umh-pod.umh-pod-cp .umh-pod-sb:not([hidden]) { display: inline-flex; align-items: center; padding: 0 14px; } }
#umh-pod .umh-pod-cp-ep { display: block; }
#umh-pod .umh-pod-cp-ep span { display: block; color: var(--p-muted); font-size: var(--umh-fs-meta, .85rem); margin-bottom: .2rem; }