/*
 * Game-story pages (UMH_Game_Story, Oct 15, 2026): At The Buzzer (the final-score story) and the Open Thread (the game-day
 * hub). Loaded only under the brand (body.umh-brand), so tokens only; dark mode follows them. Rules, not boxes; maize only
 * for the one action (the Open Thread's "Join the conversation" before and during the game).
 */
body.umh-brand .umh-gs-strip,
body.umh-brand .umh-gs {
	font-family: var(--umh-font-ui);
	color: var(--umh-ink);
	box-sizing: border-box;
}
body.umh-brand .umh-gs *, body.umh-brand .umh-gs-strip * { box-sizing: border-box; }
/* the theme's #content-main / prose rules (ul padding, li margins, p fonts) carry an id: these resets need the weight */
body.umh-brand #content-main .umh-gs :is(h2, p, ul, li),
body.umh-brand .umh-gs :is(h2, p, ul, li),
body.umh-brand .umh-gs-strip p { margin: 0; padding: 0; list-style: none; }
body.umh-brand #content-main .umh-gs li::before, body.umh-brand #content-main .umh-gs li::marker { content: none; }
body.umh-brand .umh-gs a, body.umh-brand .umh-gs-strip a { color: inherit; text-decoration: none; box-shadow: none; }
body.umh-brand .umh-gs a:focus-visible { outline: 2px solid var(--umh-navy); outline-offset: 2px; }

/* ---------- the strip above the headline ---------- */
body.umh-brand .umh-gs-strip {
	width: 100%;
	margin: 0 0 18px;
	padding: 10px 0 12px;
	border-top: var(--umh-rule-heavy);
	border-bottom: var(--umh-rule-thin);
}
body.umh-brand #post-header.umh-gs-has-strip { display: flex; flex-direction: column; }
body.umh-brand #post-header.umh-gs-has-strip .post-head-cat { display: none; }
body.umh-brand .umh-gs-strip__k {
	display: flex; flex-wrap: wrap; gap: 4px 12px; align-items: center;
	color: var(--umh-ink);
	font: 800 var(--umh-fs-label)/1.2 var(--umh-font-ui);
	letter-spacing: .1em; text-transform: uppercase;
}
body.umh-brand .umh-gs-strip__k span + span { color: var(--umh-label); font-weight: 700; }
body.umh-brand .umh-gs-strip.is-live .umh-gs-strip__k span:first-child { display: inline-flex; align-items: center; gap: 7px; }
body.umh-brand .umh-gs-strip.is-live .umh-gs-strip__k span:first-child::before {
	content: ""; width: 9px; height: 9px; border-radius: 50%; background: var(--umh-maize); box-shadow: 0 0 0 2px var(--umh-navy);
	animation: umh-gs-pulse 1.6s ease-in-out infinite;
}
@keyframes umh-gs-pulse { 50% { opacity: .35; } }
@media (prefers-reduced-motion: reduce) { body.umh-brand .umh-gs-strip.is-live .umh-gs-strip__k span:first-child::before { animation: none; } }
body.umh-brand .umh-gs-strip__score {
	margin-top: 6px !important;
	color: var(--umh-ink);
	font: 800 var(--umh-fs-h2)/1.1 var(--umh-font-display);
	font-variation-settings: "wdth" var(--umh-wdth-h2);
	font-variant-numeric: tabular-nums;
}
body.umh-brand .umh-gs-strip__meta {
	margin-top: 4px !important;
	color: var(--umh-ink-2);
	font: 500 var(--umh-fs-small)/1.4 var(--umh-font-ui);
}
body.umh-brand .umh-gs-strip__rec { font-weight: 700; color: var(--umh-ink); white-space: nowrap; }
body.umh-brand .umh-gs-strip__rec::before { content: "·"; margin: 0 6px; color: var(--umh-muted); font-weight: 400; }

/* ---------- blocks around the post's text ---------- */
body.umh-brand .umh-gs-before { margin: 0 0 26px; }
body.umh-brand .umh-gs-after { margin: 30px 0 8px; }
body.umh-brand .umh-gs-after > * + *, body.umh-brand .umh-gs-hub > * + * { margin-top: 26px; }
body.umh-brand .umh-gs-before > * + * { margin-top: 22px; }
body.umh-brand .umh-gs-h {
	padding: 10px 0 8px !important;
	border-top: var(--umh-rule-heavy);
	color: var(--umh-ink);
	font: 800 var(--umh-fs-label)/1.2 var(--umh-font-ui) !important;
	letter-spacing: .1em; text-transform: uppercase;
}

/* rows: "Coming next" / "After the game" */
body.umh-brand .umh-gs-rows li { border-bottom: var(--umh-rule-thin); }
body.umh-brand .umh-gs-row a, body.umh-brand .umh-gs-row.is-coming {
	display: grid; grid-template-columns: 9.5em minmax(0, 1fr) auto; gap: 4px 14px; align-items: baseline;
	padding: 11px 0 !important;
}
body.umh-brand .umh-gs-row a::after { content: "›"; color: var(--umh-muted); font-size: var(--umh-fs-item); line-height: 1; }
body.umh-brand .umh-gs-row__k { color: var(--umh-label); font: 700 var(--umh-fs-label)/1.3 var(--umh-font-ui); letter-spacing: var(--umh-track-label); text-transform: uppercase; }
body.umh-brand .umh-gs-row__t { color: var(--umh-ink); font: 700 var(--umh-fs-ui)/1.35 var(--umh-font-ui); }
body.umh-brand .umh-gs-row a:hover .umh-gs-row__t { text-decoration: underline; text-underline-offset: 3px; }
body.umh-brand .umh-gs-row.is-lead .umh-gs-row__t { font: 800 var(--umh-fs-h3)/1.2 var(--umh-font-display); font-variation-settings: "wdth" var(--umh-wdth-h2); }
body.umh-brand .umh-gs-row.is-coming .umh-gs-row__k { color: var(--umh-muted); }
body.umh-brand .umh-gs-row.is-coming .umh-gs-row__t { color: var(--umh-muted); font-weight: 500; font-style: italic; }
body.umh-brand .umh-gs-row .umh-plus-badge { margin-left: 4px; }

/* the Preview, leading the Open Thread before tip */
body.umh-brand .umh-gs-preview {
	display: block;
	padding: 10px 0 14px;
	border-top: var(--umh-rule-heavy);
	border-bottom: var(--umh-rule-thin);
}
body.umh-brand .umh-gs-preview__k { display: block; color: var(--umh-label); font: 700 var(--umh-fs-label)/1.3 var(--umh-font-ui); letter-spacing: var(--umh-track-label); text-transform: uppercase; }
body.umh-brand .umh-gs-preview__t { display: block; margin-top: 6px; color: var(--umh-ink); font: 800 var(--umh-fs-h3)/1.15 var(--umh-font-display); font-variation-settings: "wdth" var(--umh-wdth-h2); }
body.umh-brand .umh-gs-preview__d { display: block; margin-top: 6px; color: var(--umh-ink-2); font: 400 var(--umh-fs-read)/1.45 var(--umh-font-text); }
body.umh-brand .umh-gs-preview:hover .umh-gs-preview__t { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 4px; }

/* game-day links: one line of text links */
body.umh-brand .umh-gs-links ul { display: flex; flex-wrap: wrap; gap: 0 22px; border-bottom: var(--umh-rule-thin); }
body.umh-brand .umh-gs-links li { flex: 0 0 auto; }
body.umh-brand .umh-gs-links a {
	display: flex; align-items: center; min-height: 44px; padding-right: 18px;
	color: var(--umh-ink); font: 700 var(--umh-fs-ui)/1.2 var(--umh-font-ui);
}
body.umh-brand .umh-gs-links a::after { content: "›"; margin-left: 6px; color: var(--umh-muted); font-weight: 400; font-size: var(--umh-fs-item); }
body.umh-brand .umh-gs-links a:hover { text-decoration: underline; text-underline-offset: 3px; }
body.umh-brand .umh-gs-hub > .umh-gs-links { margin-top: 0; }

/* the forum game thread */
body.umh-brand .umh-gs-forum { padding-top: 10px; border-top: var(--umh-rule-heavy); }
body.umh-brand .umh-gs-hub .umh-gs-forum, body.umh-brand .umh-gs-before .umh-gs-forum { border-top: 0; padding-top: 0; }
body.umh-brand .umh-gs-forum__k { color: var(--umh-ink) !important; font: 800 var(--umh-fs-label)/1.3 var(--umh-font-ui) !important; letter-spacing: .1em !important; text-transform: uppercase; }
body.umh-brand .umh-gs-forum__n { margin-left: 8px; color: var(--umh-muted); font-weight: 600; letter-spacing: .02em; text-transform: none; font-size: var(--umh-fs-small); }
body.umh-brand .umh-gs-forum__list { margin-top: 8px !important; }
body.umh-brand .umh-gs-forum__list li { padding: 7px 0 !important; border-bottom: var(--umh-rule-thin); font: 400 var(--umh-fs-ui)/1.45 var(--umh-font-ui); color: var(--umh-ink-2); }
body.umh-brand .umh-gs-forum__who { color: var(--umh-ink); font-weight: 700; }
/* most-liked replies (owner, Oct 29, 2026): "· most liked" on the heading line; each reply = name + words, its like count
   right in a quiet column */
body.umh-brand .umh-gs-forum__list li.has-likes { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: baseline; column-gap: 16px; }
body.umh-brand .umh-gs-forum__likes { color: var(--umh-muted); font: 600 var(--umh-fs-small, 13px)/1.45 var(--umh-font-ui); white-space: nowrap; font-variant-numeric: tabular-nums; text-align: right; min-width: 3ch; }
body.umh-brand .umh-gs-forum__act { margin-top: 12px !important; }
body.umh-brand .umh-gs-btn {
	display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 20px;
	border: 2px solid var(--umh-ink); border-radius: var(--umh-radius-control);
	color: var(--umh-ink) !important; font: 700 var(--umh-fs-ui)/1.2 var(--umh-font-ui);
}
body.umh-brand .umh-gs-btn:hover { background: var(--umh-tint); }
body.umh-brand .umh-gs-btn.is-primary { border-color: var(--umh-maize); background: var(--umh-maize); color: var(--umh-navy) !important; }

/* the email box after the story */
body.umh-brand .umh-gs-cap { padding-top: 0; }

/* where to watch (the Locker plugin's block, re-skinned to the tokens; its own rules carry two id selectors) */
body.umh-brand .umh-gs-watch .umh-lk-w2w:not(#\9):not(#\9):not(#\9) { margin: 0; padding: 0; border-top: 0; font-family: var(--umh-font-ui); }
body.umh-brand .umh-gs-watch .umh-lk-w2w:not(#\9):not(#\9):not(#\9) .umh-lk-w2w-k { display: none; }
body.umh-brand .umh-gs-watch .umh-lk-w2w:not(#\9):not(#\9):not(#\9) .umh-lk-w2w-l { font: 400 var(--umh-fs-ui)/1.4 var(--umh-font-ui); color: var(--umh-ink-2); }
body.umh-brand .umh-gs-watch .umh-lk-w2w:not(#\9):not(#\9):not(#\9) .umh-lk-w2w-a { border: 2px solid var(--umh-ink); border-radius: var(--umh-radius-control); background: transparent; color: var(--umh-ink); font: 700 var(--umh-fs-ui)/1.2 var(--umh-font-ui); }
body.umh-brand .umh-gs-watch .umh-lk-w2w:not(#\9):not(#\9):not(#\9) .umh-lk-w2w-a span { color: var(--umh-muted); font: 400 var(--umh-fs-meta)/1.25 var(--umh-font-ui); }
body.umh-brand .umh-gs-watch .umh-lk-w2w:not(#\9):not(#\9):not(#\9) .umh-lk-w2w-a.is-app { background: transparent; color: var(--umh-ink); }
body.umh-brand .umh-gs-watch .umh-lk-w2w:not(#\9):not(#\9):not(#\9) .umh-lk-w2w-a:hover { background: var(--umh-tint); border-color: var(--umh-ink); }
body.umh-brand .umh-gs-watch .umh-lk-w2w:not(#\9):not(#\9):not(#\9) .umh-lk-w2w-ftc { color: var(--umh-muted); font: 400 var(--umh-fs-meta)/1.4 var(--umh-font-ui); }
body.umh-brand .umh-gs-more { margin-top: 12px !important; }
body.umh-brand .umh-gs-more a { color: var(--umh-ink); font: 700 var(--umh-fs-ui)/1.3 var(--umh-font-ui); text-decoration: underline !important; text-underline-offset: 3px; }

@media (max-width: 599px) {
	body.umh-brand .umh-gs-row a, body.umh-brand .umh-gs-row.is-coming { grid-template-columns: minmax(0, 1fr) auto; }
	body.umh-brand .umh-gs-row__k { grid-column: 1; }
	body.umh-brand .umh-gs-row__t { grid-column: 1; }
	body.umh-brand .umh-gs-row a::after { grid-column: 2; grid-row: 1 / span 2; align-self: center; }
	body.umh-brand .umh-gs-links ul { gap: 0; }
	body.umh-brand .umh-gs-links li { flex: 1 1 50%; border-bottom: var(--umh-rule-thin); }
	body.umh-brand .umh-gs-links ul { border-bottom: 0; }
	body.umh-brand .umh-gs-btn { width: 100%; }
}