/* The /podcast/ hub + histories (class-umh-podcast-hub.php). Brand tokens (umh-tokens.css) with fallbacks, as podcast.css;
   dark mode comes from the tokens. The maize "+" badge is the only member mark. */
.umh-podhub {
	--h-ink: var(--umh-ink, #111a24);
	--h-ink2: var(--umh-ink-2, #38475a);
	--h-muted: var(--umh-muted, #6a7686);
	--h-label: var(--umh-label, #8a6a00);
	--h-rule: var(--umh-rule, #dfe3e8);
	--h-paper: var(--umh-paper, #fff);
	--h-tint: var(--umh-tint, #f6f7f9);
	--h-navy: var(--umh-navy, #00274c);
	--h-maize: var(--umh-maize, #ffcb05);
	--h-ui: var(--umh-font-ui, system-ui, -apple-system, "Segoe UI", sans-serif);
	--h-text: var(--umh-font-text, Georgia, serif);
	color: var(--h-ink);
	font-family: var(--h-ui);
	max-width: 820px;
	overflow-wrap: anywhere;
}
.umh-podhub * { box-sizing: border-box; }
.umh-podhub a { color: inherit; text-decoration-color: var(--h-maize); text-underline-offset: 3px; }
.umh-podhub a:hover { text-decoration-thickness: 2px; }
.umh-podhub button, .umh-podhub input, .umh-podhub select { font: inherit; color: inherit; }
.umh-podhub :focus-visible { outline: none; box-shadow: var(--umh-focus, 0 0 0 3px #ffcb05); border-radius: 3px; }
.umh-podhub [hidden] { display: none !important; }
.umh-podhub .umh-plus-badge { display: inline-flex; align-items: center; justify-content: center; width: 15px; height: 15px; margin-left: 7px; border-radius: 3px; background: #ffcb05; color: #00274c; font: 800 12px/1 Arial, sans-serif; vertical-align: 2px; }

.umh-podhub-h { margin: 0 0 1rem; }
.umh-podhub-k, .umh-podhub-lbl, .umh-podhub-epk { font-size: var(--umh-fs-label, .72rem); font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--h-label); margin: 0 0 .35rem; }
.umh-podhub-dek { font-family: var(--h-text); font-size: var(--umh-fs-item, 1.1rem); line-height: 1.45; color: var(--h-ink2); margin: 0 0 .75rem; }
.umh-podhub-hmeta { color: var(--h-muted); font-size: var(--umh-fs-data, .9rem); margin: .25rem 0 0; }

.umh-podhub-subs { display: flex; flex-wrap: wrap; gap: .4rem .9rem; align-items: center; margin: .25rem 0 1.25rem; font-size: var(--umh-fs-data, .9rem); }
.umh-podhub-subs .umh-podhub-lbl { margin: 0; }

.umh-podhub-sec { border-top: var(--umh-rule-heavy, 2px solid var(--h-ink)); padding-top: .75rem; margin: 1.75rem 0 0; scroll-margin-top: 80px; }
.umh-podhub-h2 { font-size: var(--umh-fs-section, 1.25rem); line-height: 1.25; margin: 0 0 .35rem; font-weight: 800; }
.umh-podhub-h3 { font-size: var(--umh-fs-item, 1.05rem); line-height: 1.3; margin: 0 0 .35rem; font-weight: 700; }
.umh-podhub-sub { color: var(--h-ink2); line-height: 1.5; margin: 0 0 .9rem; }
.umh-podhub-dek2 { font-family: var(--h-text); line-height: 1.5; color: var(--h-ink2); margin: 0 0 .6rem; }
.umh-podhub-desc { display: block; color: var(--h-muted); font-size: var(--umh-fs-data, .88rem); line-height: 1.45; margin-top: .15rem; }
.umh-podhub-more { margin: .6rem 0 0; font-size: var(--umh-fs-data, .92rem); }
.umh-podhub-more a { font-weight: 600; }
.umh-podhub-chip { display: inline-block; font-style: normal; font-size: var(--umh-fs-label, .7rem); font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--h-ink2); background: var(--h-tint); border: 1px solid var(--h-rule); border-radius: 3px; padding: .05rem .35rem; }

.umh-podhub-btn { display: inline-flex; align-items: center; min-height: 44px; padding: .5rem 1rem; border: 0; border-radius: 4px; background: var(--h-navy); color: #fff !important; font-weight: 700; text-decoration: none !important; cursor: pointer; }
.umh-podhub-btn.is-ghost { background: transparent; color: var(--h-ink) !important; border: 1px solid var(--h-rule); }

/* latest */
.umh-podhub-ep { margin: .25rem 0 .9rem; }
.umh-podhub-ch { list-style: none; margin: .5rem 0 .75rem; padding: 0; columns: 2 18rem; column-gap: 1.5rem; }
.umh-podhub-ch li { break-inside: avoid; padding: .3rem 0; border-bottom: 1px solid var(--h-rule); }
.umh-podhub-ch a { text-decoration: none; display: block; }
.umh-podhub-t { font-variant-numeric: tabular-nums; color: var(--h-muted); font-size: var(--umh-fs-meta, .85rem); margin-right: .35rem; }

/* clips */
.umh-podhub-clips { list-style: none; margin: 0; padding: 0; display: grid; gap: .75rem; grid-template-columns: repeat(auto-fill, minmax(min(100%, 330px), 1fr)); }
.umh-podhub-clip { background: var(--h-tint); border: 1px solid var(--h-rule); border-radius: 6px; padding: .8rem .9rem; display: flex; flex-direction: column; gap: .35rem; }
.umh-podhub-clip .umh-podhub-chip { align-self: flex-start; }
.umh-podhub-q { font-family: var(--h-text); font-size: var(--umh-fs-item, 1.02rem); line-height: 1.45; margin: 0; }
.umh-podhub-by { color: var(--h-muted); font-size: var(--umh-fs-meta, .85rem); margin: 0; }
.umh-podhub-acts { display: flex; flex-wrap: wrap; gap: .25rem .9rem; align-items: center; font-size: var(--umh-fs-data, .88rem); margin-top: .2rem; }
.umh-podhub-play { display: inline-flex; align-items: center; gap: .35rem; min-height: 36px; padding: .3rem .8rem; border-radius: 18px; border: 0; background: var(--h-maize); color: #00274c !important; font-weight: 700; text-decoration: none !important; cursor: pointer; }
.umh-podhub-play.is-playing { background: var(--h-navy); color: #fff !important; }
.umh-podhub-spk { font-weight: 600; color: var(--h-ink2); }

/* search */
.umh-podhub-form { margin: 0 0 .75rem; }
.umh-podhub-row { display: flex; gap: .5rem; }
.umh-podhub-row input[type=search] { flex: 1; min-width: 0; min-height: 44px; padding: .5rem .75rem; border: 1px solid var(--h-rule); border-radius: 4px; background: var(--h-paper); }
.umh-podhub-filters { margin-top: .5rem; }
.umh-podhub-filters summary { cursor: pointer; font-weight: 600; min-height: 36px; display: flex; align-items: center; }
.umh-podhub-fgrid { display: grid; gap: .6rem .9rem; grid-template-columns: repeat(auto-fill, minmax(min(100%, 200px), 1fr)); padding: .5rem 0; }
.umh-podhub-fgrid label { display: flex; flex-direction: column; gap: .2rem; font-size: var(--umh-fs-meta, .82rem); color: var(--h-muted); }
.umh-podhub-fgrid input, .umh-podhub-fgrid select { min-height: 40px; padding: .35rem .5rem; border: 1px solid var(--h-rule); border-radius: 4px; background: var(--h-paper); color: var(--h-ink); width: 100%; }
.umh-podhub-count { font-weight: 600; margin: .5rem 0; }
.umh-podhub-count.is-err { color: #a3261b; }
.umh-podhub-res, .umh-podhub-tlist { list-style: none; margin: 0; padding: 0; }
.umh-podhub-item { padding: .75rem 0; border-bottom: 1px solid var(--h-rule); }
.umh-podhub-rows { list-style: none; margin: .35rem 0 0; padding: 0; }
.umh-podhub-rows > li { padding: .45rem 0 .45rem .8rem; border-left: 3px solid var(--h-maize); margin: .35rem 0; }
.umh-podhub-chl { margin: 0; font-weight: 600; }
.umh-podhub-x { font-family: var(--h-text); line-height: 1.5; margin: .2rem 0; color: var(--h-ink2); }
.umh-podhub-x mark { background: rgba(255, 203, 5, .45); color: inherit; padding: 0 .1em; }
.umh-podhub-note { color: var(--h-ink2); margin: 0 0 .25rem; font-style: italic; }

/* histories */
.umh-podhub-names { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: .4rem; }
.umh-podhub-names a { display: inline-flex; align-items: center; gap: .4rem; min-height: 40px; padding: .35rem .75rem; border: 1px solid var(--h-rule); border-radius: 20px; text-decoration: none; font-weight: 600; }
.umh-podhub-names a span { color: var(--h-muted); font-weight: 400; font-size: var(--umh-fs-meta, .85rem); }
.umh-podhub-namesearch { margin: 1rem 0 0; max-width: 420px; }
.umh-podhub-namesearch label { display: block; font-weight: 700; font-size: var(--umh-fs-data, .9rem); margin: 0 0 6px; }
.umh-podhub-namesearch input { display: block; width: 100%; min-height: 44px; box-sizing: border-box; padding: 8px 12px; border: 1px solid var(--h-rule); border-radius: 6px; background: var(--umh-paper, #fff); color: var(--umh-ink, #111a24); font: inherit; }
.umh-podhub-namemore { margin: .6rem 0 0; }
.umh-podhub-namemore summary { display: inline-flex; align-items: center; min-height: 40px; cursor: pointer; font-weight: 700; font-size: var(--umh-fs-data, .9rem); }
.umh-podhub-namemore .umh-podhub-names { margin-top: .4rem !important; }
.umh-podhub-tools { display: flex; flex-wrap: wrap; gap: .6rem 1rem; align-items: center; margin: 1rem 0 .25rem; }
.umh-podhub-seg { display: inline-flex; border: 1px solid var(--h-rule); border-radius: 4px; overflow: hidden; }
.umh-podhub-seg button { min-height: 40px; padding: .3rem .9rem; border: 0; background: transparent; cursor: pointer; font-weight: 600; }
.umh-podhub-seg button.is-on { background: var(--h-ink); color: var(--h-paper); }
.umh-podhub-season2 { margin-top: 1.25rem; }
.umh-podhub-empty { color: var(--h-muted); }

/* every episode */
.umh-podhub-season { border-bottom: 1px solid var(--h-rule); }
.umh-podhub-season summary { cursor: pointer; font-weight: 700; min-height: 44px; display: flex; align-items: center; gap: .5rem; }
.umh-podhub-season summary span { color: var(--h-muted); font-weight: 400; font-size: var(--umh-fs-data, .88rem); }
.umh-podhub-eps { list-style: none; margin: 0 0 .75rem; padding: 0; }
.umh-podhub-eps li { display: flex; gap: .75rem; padding: .45rem 0; border-top: 1px solid var(--h-rule); }
.umh-podhub-eps li > div { min-width: 0; }
.umh-podhub-n { flex: none; width: 2.4rem; text-align: right; font-variant-numeric: tabular-nums; color: var(--h-muted); font-weight: 700; }
.umh-podhub-eps b { display: block; font-weight: 600; line-height: 1.35; }
.umh-podhub-d { display: block; color: var(--h-muted); font-size: var(--umh-fs-meta, .85rem); margin-top: .1rem; }

@media (max-width: 600px) {
	.umh-podhub-row { flex-wrap: wrap; }
	.umh-podhub-row .umh-podhub-btn { flex: 1 0 100%; justify-content: center; }
	.umh-podhub-ch { columns: 1; }
}

/* the theme's article lists and headings (numbers, bullets, capitals) stay off our lists and titles */
.umh-podhub :is(.umh-podhub-tlist, .umh-podhub-res, .umh-podhub-rows, .umh-podhub-clips, .umh-podhub-ch, .umh-podhub-names, .umh-podhub-eps) { list-style: none !important; margin-left: 0 !important; padding-left: 0 !important; }
.umh-podhub :is(.umh-podhub-tlist, .umh-podhub-res, .umh-podhub-rows, .umh-podhub-clips, .umh-podhub-ch, .umh-podhub-names, .umh-podhub-eps) > li { list-style: none !important; margin-left: 0 !important; }
.umh-podhub :is(.umh-podhub-tlist, .umh-podhub-res, .umh-podhub-rows, .umh-podhub-clips, .umh-podhub-ch, .umh-podhub-names, .umh-podhub-eps) > li::before { content: none !important; }
.umh-podhub :is(.umh-podhub-h2, .umh-podhub-h3) { text-transform: none !important; letter-spacing: normal !important; font-family: var(--umh-font-display, var(--h-ui)); color: var(--h-ink); }
.umh-podhub .umh-podhub-rows > li { padding-left: .8rem !important; margin: .35rem 0 !important; }

/* "Games discussed" (UMH_Podcast::games_line): each game's Preview / Recap first, the lead product */
.umh-podhub .umh-pod-games { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 14px; margin: 0 0 .9rem; font-size: var(--umh-fs-data, .9rem); }
.umh-podhub .umh-pod-lbl { font-size: var(--umh-fs-label, .72rem); font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--h-label); margin: 0; }
.umh-podhub .umh-pod-gm { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.umh-podhub .umh-pod-gm em { font-style: normal; color: var(--h-muted); font-size: var(--umh-fs-meta, .82rem); }
.umh-podhub .umh-pod-gm a { font-size: var(--umh-fs-meta, .8rem); font-weight: 700; text-decoration: none; border-radius: 4px; padding: 2px 9px; border: 1px solid var(--h-rule); color: var(--h-ink); }
.umh-podhub .umh-pod-gm a.umh-pod-gl-preview, .umh-podhub .umh-pod-gm a.umh-pod-gl-recap { background: var(--h-navy); border-color: var(--h-navy); color: #fff; }
html[data-umh-theme="dark"] .umh-podhub .umh-pod-gm a.umh-pod-gl-preview, html[data-umh-theme="dark"] .umh-podhub .umh-pod-gm a.umh-pod-gl-recap { background: var(--h-maize); border-color: var(--h-maize); color: #00274c; }
html[data-umh-theme="dark"] .umh-podhub .umh-podhub-btn { background: var(--h-maize); color: #00274c !important; }
@media (max-width: 600px) { .umh-podhub .umh-pod-gm, .umh-podhub .umh-pod-gm b { flex-basis: 100%; } }

/* the hub's tabs: a sticky bar that swaps panels (podcast-hub.js; the Locker house pattern) */
.umh-podhub-stick { position: sticky; top: var(--podh-top, 0px); z-index: 30; background: var(--h-paper); margin: .25rem 0 0; border-bottom: 1px solid var(--h-rule); }
.umh-podhub.is-stuck .umh-podhub-stick { box-shadow: 0 6px 12px -10px rgba(0, 39, 76, .45); }
.umh-podhub-tabs { display: flex; gap: 2px; overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.umh-podhub-tabs::-webkit-scrollbar { display: none; }
.umh-podhub a.umh-podhub-tab { flex: none; display: inline-flex; align-items: center; min-height: 44px; padding: 0 12px; font-weight: 600; font-size: 15px; color: var(--h-muted); text-decoration: none; border-bottom: 3px solid transparent; white-space: nowrap; }
.umh-podhub a.umh-podhub-tab:hover { color: var(--h-ink); }
.umh-podhub a.umh-podhub-tab.is-on { color: var(--h-ink); border-bottom-color: var(--h-ink); }
.umh-podhub a.umh-podhub-tab .umh-plus-badge { margin-left: 5px; }
.umh-podhub-panel { padding-top: .25rem; outline: none; scroll-margin-top: calc(var(--podh-top, 0px) + 56px); }
.umh-podhub-panel > .umh-podhub-sec:first-child, .umh-podhub-panel > .umh-podhub-subs:first-child + .umh-podhub-sec { border-top: 0; margin-top: .75rem; }
.umh-podhub-panel > .umh-podhub-subs:first-child { margin-top: 1rem; }
.umh-podhub-receipts { margin: 1rem 0 0; font-size: var(--umh-fs-ui, .95rem); }
.umh-podhub-receipts a { font-weight: 700; }
.umh-podhub.js-tabs:not(.is-tabbed) .umh-podhub-panel + .umh-podhub-panel { display: none; }
@media (max-width: 600px) {
	.umh-podhub-stick { margin-left: -16px; margin-right: -16px; padding: 0 8px; }
	.umh-podhub a.umh-podhub-tab { padding: 0 9px; font-size: 14px; }
}
.umh-podhub .umh-podhub-panel:focus, .umh-podhub .umh-podhub-panel:focus-visible { box-shadow: none; outline: none; }

/* ---- histories v2 (owner, Oct 21: a clean timeline, newest first, only real takes) ---- */
/* the theme styles p / blockquote inside #content-main by ID: these carry the same weight */
:is(#content-main, html) .umh-podhub-hist .umh-podhub-season2 { margin: 0 0 1.25rem; }
:is(#content-main, html) .umh-podhub-hist .umh-podhub-season2 > .umh-podhub-h2 { font-size: var(--umh-fs-ui, 1rem); letter-spacing: .04em; text-transform: uppercase; color: var(--h-muted); border-bottom: 2px solid var(--h-ink); padding-bottom: .3rem; margin: 0 0 .25rem; }
:is(#content-main, html) .umh-podhub-hist .umh-podhub-item { padding: .85rem 0 .9rem; border-bottom: 1px solid var(--h-rule); }
:is(#content-main, html) .umh-podhub-ek { margin: 0 0 .2rem; font-size: var(--umh-fs-meta, .8rem); color: var(--h-muted); line-height: 1.4; }
:is(#content-main, html) .umh-podhub-ek a { color: var(--h-ink2); font-weight: 600; }
:is(#content-main, html) .umh-podhub .umh-podhub-rows { margin: .2rem 0 0; }
:is(#content-main, html) .umh-podhub .umh-podhub-rows > li.umh-podhub-take { position: relative; border-left: 0; padding: .35rem 0 .45rem !important; margin: 0 !important; }
:is(#content-main, html) .umh-podhub-q2 { margin: 0 0 .35rem; padding: 0 0 0 .8rem; border: 0; border-left: 3px solid var(--h-maize); background: none; quotes: none; }
:is(#content-main, html) .umh-podhub-q2::before, :is(#content-main, html) .umh-podhub-q2::after { content: none; }
:is(#content-main, html) .umh-podhub-q2 p { margin: 0; font-family: var(--h-text); font-size: var(--umh-fs-ui, 1rem); line-height: 1.55; color: var(--h-ink2); font-style: normal; }
:is(#content-main, html) .umh-podhub-by2 { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; margin: 0; font-size: var(--umh-fs-meta, .8rem); color: var(--h-muted); }
:is(#content-main, html) .umh-podhub-by2 b { color: var(--h-ink2); font-weight: 700; }
:is(#content-main, html) .umh-podhub-by2 a { color: var(--h-muted); text-decoration: none; }
:is(#content-main, html) .umh-podhub-by2 a:hover { color: var(--h-ink); text-decoration: underline; }
:is(#content-main, html) .umh-podhub-pl { display: inline-flex; align-items: center; gap: 6px; background: var(--h-navy); color: #fff !important; border: 0; border-radius: 999px; padding: 3px 11px 3px 9px; font-size: var(--umh-fs-meta, .78rem); font-weight: 800; cursor: pointer; }
:is(#content-main, html) .umh-podhub-pl .umh-pod-ico { width: 0; height: 0; border-left: 8px solid var(--h-maize); border-top: 5px solid transparent; border-bottom: 5px solid transparent; margin: 0; background: none; }
:is(#content-main, html) .umh-podhub-pl.is-on .umh-pod-ico { width: 8px; height: 8px; border: 0; background: var(--h-maize); }
:is(#content-main, html) .umh-podhub-take.is-loading .umh-podhub-pl { opacity: .6; }
:is(#content-main, html) .umh-podhub-bar { position: absolute; left: 0; bottom: 0; height: 2px; width: calc(var(--cp, 0) * 100%); background: var(--h-maize); }
:is(#content-main, html) .umh-podhub-more2 { margin: .3rem 0 0; font-size: var(--umh-fs-meta, .82rem); font-weight: 700; }
:is(#content-main, html) .umh-podhub-also { margin: .6rem 0 0; font-size: var(--umh-fs-meta, .82rem); color: var(--h-muted); line-height: 1.6; }
:is(#content-main, html) .umh-podhub-also span { font-weight: 700; color: var(--h-ink2); margin-right: 4px; }
:is(#content-main, html) .umh-podhub-tlist.is-preview .umh-podhub-item { padding: .65rem 0; border-bottom: 1px solid var(--h-rule); }
html[data-umh-theme="dark"] :is(#content-main, body) .umh-podhub-pl { background: var(--h-maize); color: #00274c !important; }
html[data-umh-theme="dark"] :is(#content-main, body) .umh-podhub-pl .umh-pod-ico { border-left-color: #00274c; }
html[data-umh-theme="dark"] :is(#content-main, body) .umh-podhub-pl.is-on .umh-pod-ico { background: #00274c; }

/* ---- hub v2 (Oct 21 review): Listen / Clips / Ask & search / Players ---- */
:is(#content-main, html) .umh-podhub-recent { margin-top: 1.5rem; }
:is(#content-main, html) .umh-podhub-rlist { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--h-rule); }
:is(#content-main, html) .umh-podhub-rlist > li { margin: 0; padding: .7rem 0; border-bottom: 1px solid var(--h-rule); list-style: none; }
:is(#content-main, html) .umh-podhub-rlist .umh-podhub-h3 { margin: 0 0 .15rem; font-size: var(--umh-fs-item, 1.02rem); line-height: 1.3; }
:is(#content-main, html) .umh-podhub-rdek { margin: 0; font-size: var(--umh-fs-data, .9rem); line-height: 1.45; color: var(--h-ink2); }
:is(#content-main, html) .umh-podhub-ex { list-style: none; margin: .25rem 0 1.25rem; padding: 0; display: grid; gap: 6px; }
:is(#content-main, html) .umh-podhub-ex > li { margin: 0; padding: .55rem .8rem; background: var(--h-tint); border-radius: 6px; font-size: var(--umh-fs-ui, .95rem); color: var(--h-ink); list-style: none; }
:is(#content-main, html) .umh-podhub-ex > li::before { content: "“"; color: var(--h-label); font-weight: 800; margin-right: 2px; }
:is(#content-main, html) .umh-podhub-pcards { list-style: none; margin: 0 0 .75rem; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 10px; }
:is(#content-main, html) .umh-podhub-pcards > li { margin: 0; list-style: none; }
:is(#content-main, html) .umh-podhub-pcards a { display: flex; flex-direction: column; gap: 4px; height: 100%; padding: .75rem .85rem; border: 1px solid var(--h-rule); border-top: 3px solid var(--h-maize); border-radius: 6px; text-decoration: none; background: var(--h-paper); }
:is(#content-main, html) .umh-podhub-pcards a:hover { border-color: var(--h-ink); border-top-color: var(--h-maize); }
:is(#content-main, html) .umh-podhub-pcards b { font-size: var(--umh-fs-item, 1.02rem); color: var(--h-ink); }
:is(#content-main, html) .umh-podhub-pmeta { margin-top: auto; font-size: var(--umh-fs-label, .75rem); color: var(--h-muted); }
:is(#content-main, html) .umh-podhub-chip { font-style: normal; font-size: var(--umh-fs-label, .72rem); color: var(--h-muted); font-weight: 600; }
:is(#content-main, html) .umh-podhub-hist .umh-podhub-tools { margin-bottom: 1.25rem; }