/* Youth Talks Editions: styles for the parts the plugin renders inside the Oxygen Edition template.
   Layout, section colours and headings live in Oxygen (classes starting yt-). This file covers shortcode output,
   decorations and the Forminator forms. */

:root {
	--yt-maroon: #7C1301;
	--yt-red: #DA4314;
	--yt-orange: #FD602F;
	--yt-lime: #E5E744;
	--yt-caramel: #9F6A34;
	--yt-cream: #FCF2E6;
	--yt-sand: #EFE1CE;
	--yt-line: #EBDCC8;
	--yt-ink: #4A1708;
	--yt-white: #FFFFFF;
	--yt-muted: #F3C9B8;
	--yt-wrong: #FFD9CB;
	--yt-good: #2F6B2A;   /* right answer: white text on it is 6.3:1 */
	--yt-bad: #B3290C;    /* wrong answer: white text on it is 5.9:1 */
	--yt-card-text: #3B3B3B;
	/* Daily Bible Wordle: Wordle's colours, warmed to sit with the brand */
	--yt-wordle-right: #669B54;
	--yt-wordle-close: #C3A23F;
	--yt-wordle-miss: #7D7672;
	--yt-wordle-empty: #E3D8CC;
	--yt-wordle-filled: #9C928B;
	--yt-wordle-key: #EAE0D4;
	--yt-display: "Bricolage Grotesque", system-ui, sans-serif;
	--yt-body: "DM Sans", system-ui, sans-serif;
	--yt-script: "Covered By Your Grace", cursive;
}

.yt-edition :focus-visible,
.yt-cards :focus-visible,
.yt-form :focus-visible {
	outline: 3px solid var(--yt-lime);
	outline-offset: 3px;
}

/* Script accent words inside headings. Colour/size come from --yt-accent / --yt-accent-size on the heading. */
.yt-accent {
	font-family: var(--yt-script);
	font-weight: 400;
	font-size: var(--yt-accent-size, 1.15em);
	letter-spacing: 0;
	text-transform: none;
	line-height: 1;
	color: var(--yt-accent, var(--yt-red));
}

/* Rich text (lesson, real talk, highlight). */
.yt-prose > :first-child { margin-top: 0; }
.yt-prose > :last-child { margin-bottom: 0; }
.yt-prose p { margin: 0 0 18px; }
.yt-prose h3 {
	margin: 32px 0 14px;
	font-family: var(--yt-display);
	font-weight: 800;
	font-size: 28px;
	line-height: 1.15;
	color: var(--yt-maroon);
}
.yt-prose ol,
.yt-prose ul {
	margin: 0 0 18px;
	padding-left: 26px;
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.yt-prose strong { color: var(--yt-strong, var(--yt-maroon)); }
.yt-prose a { color: inherit; text-decoration: underline; }

/* Decorations */
.yt-hero-title::before {
	content: "";
	display: inline-block;
	width: 0.8em;
	height: 0.8em;
	margin-right: 0.15em;
	vertical-align: -0.06em;
	background-color: var(--yt-lime);
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M20 2a18 18 0 1 0 9.6 33.2L38 38l-3-7.8A18 18 0 0 0 20 2z' fill='%23E5E744'/%3E%3C/svg%3E") no-repeat center / contain;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M20 2a18 18 0 1 0 9.6 33.2L38 38l-3-7.8A18 18 0 0 0 20 2z' fill='%23E5E744'/%3E%3C/svg%3E") no-repeat center / contain;
}
.yt-deco-squiggle {
	position: absolute;
	right: -4%;
	bottom: 10px;
	width: 60%;
	height: 240px;
	pointer-events: none;
	background-color: var(--yt-orange);
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 560 260' preserveAspectRatio='none'%3E%3Cpath d='M0 120 C60 115 90 100 110 70 C125 45 150 55 152 80 C160 160 170 230 185 230 C200 230 210 100 225 60 C240 20 255 40 265 120 C275 200 285 230 305 230 C330 230 330 180 335 60 C338 0 360 0 375 50 C390 100 400 140 430 160 C460 180 490 185 560 185' fill='none' stroke='%23FD602F' stroke-width='14' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center / 100% 100%;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 560 260' preserveAspectRatio='none'%3E%3Cpath d='M0 120 C60 115 90 100 110 70 C125 45 150 55 152 80 C160 160 170 230 185 230 C200 230 210 100 225 60 C240 20 255 40 265 120 C275 200 285 230 305 230 C330 230 330 180 335 60 C338 0 360 0 375 50 C390 100 400 140 430 160 C460 180 490 185 560 185' fill='none' stroke='%23FD602F' stroke-width='14' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center / 100% 100%;
}
.yt-deco-star {
	flex: 0 0 auto;
	width: 120px;
	height: 120px;
	background-color: var(--yt-maroon);
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1.5l2.2 7.3 7.3 2.2-7.3 2.2L12 20.5l-2.2-7.3L2.5 11l7.3-2.2z' fill='%237C1301'/%3E%3C/svg%3E") no-repeat center / contain;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1.5l2.2 7.3 7.3 2.2-7.3 2.2L12 20.5l-2.2-7.3L2.5 11l7.3-2.2z' fill='%237C1301'/%3E%3C/svg%3E") no-repeat center / contain;
}
.yt-deco-bars {
	width: 200px;
	height: 100px;
	background-color: var(--yt-cream);
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 110'%3E%3Cg stroke='%23FCF2E6' stroke-width='10' stroke-linecap='round'%3E%3Cline x1='10' y1='40' x2='10' y2='70'/%3E%3Cline x1='36' y1='22' x2='36' y2='88'/%3E%3Cline x1='62' y1='6' x2='62' y2='104'/%3E%3Cline x1='88' y1='28' x2='88' y2='82'/%3E%3Cline x1='114' y1='44' x2='114' y2='66'/%3E%3Cline x1='140' y1='18' x2='140' y2='92'/%3E%3Cline x1='166' y1='4' x2='166' y2='106'/%3E%3Cline x1='192' y1='30' x2='192' y2='80'/%3E%3C/g%3E%3C/svg%3E") no-repeat center / contain;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 110'%3E%3Cg stroke='%23FCF2E6' stroke-width='10' stroke-linecap='round'%3E%3Cline x1='10' y1='40' x2='10' y2='70'/%3E%3Cline x1='36' y1='22' x2='36' y2='88'/%3E%3Cline x1='62' y1='6' x2='62' y2='104'/%3E%3Cline x1='88' y1='28' x2='88' y2='82'/%3E%3Cline x1='114' y1='44' x2='114' y2='66'/%3E%3Cline x1='140' y1='18' x2='140' y2='92'/%3E%3Cline x1='166' y1='4' x2='166' y2='106'/%3E%3Cline x1='192' y1='30' x2='192' y2='80'/%3E%3C/g%3E%3C/svg%3E") no-repeat center / contain;
}
.yt-deco-checker {
	width: 100%;
	height: 100px;
	background: conic-gradient(transparent 0 25%, var(--yt-maroon) 0 50%, transparent 0 75%, var(--yt-maroon) 0) 0 0 / 100px 100px;
}

/* Luke: hides behind a card and peeks out from one edge */
/* Luke sits below everything else in the spot (z-index -1 inside an isolated spot),
   so any card in the spot covers him, however the card is styled. */
.yt-luke-spot { position: relative; isolation: isolate; }
.yt-luke {
	position: absolute;
	z-index: -1;
	width: 100px;
	height: 102px;
	padding: 0;
	border: 0;
	background: transparent;
	cursor: pointer;
	transition: transform 460ms cubic-bezier(0.34, 1.56, 0.64, 1);
}
.yt-luke img { display: block; width: 100px; height: auto; }
.yt-reduce-motion .yt-luke { transition: none; }
/* Luke at the edges of the screen (fixed, above the page, below the popup) */
.yt-luke.yt-luke--edge { position: fixed; z-index: 9990; top: 40%; }
.yt-luke--edge-left { left: 0; }
.yt-luke--edge-right { right: 0; }
.yt-luke--edge-left img { transform: scaleX(-1); } /* waving arm towards the page */
.yt-luke--edge:not(.is-out) { pointer-events: none; }

.yt-luke-popup {
	position: fixed;
	inset: 0;
	z-index: 99999;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px;
	background: rgba(60, 10, 0, 0.6);
}
.yt-luke-popup__card {
	width: 100%;
	max-width: 440px;
	box-sizing: border-box;
	padding: 32px 28px;
	border-radius: 32px;
	background: var(--yt-cream);
	color: var(--yt-maroon);
	text-align: center;
	font-family: var(--yt-body);
}
.yt-luke-popup__luke { display: block; width: 200px; max-width: 70%; height: auto; margin: -20px auto 0; }
.yt-luke-popup__title { margin: 12px 0 4px; font-family: var(--yt-script); font-weight: 400; font-size: 56px; line-height: 1; color: var(--yt-red); }
.yt-luke-popup__text { margin: 0 0 22px; font-size: 18px; line-height: 1.5; }
.yt-luke-popup__actions { display: flex; flex-direction: column; gap: 10px; }
.yt-luke-popup__row { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.yt-luke-popup__row .yt-btn { padding: 0 8px; }
.yt-luke-popup__close {
	margin-top: 6px;
	min-height: 48px;
	border: 0;
	background: transparent;
	color: var(--yt-maroon);
	font: 700 16px/1 var(--yt-body);
	text-decoration: underline;
	cursor: pointer;
}

.yt-luke-panel {
	display: flex;
	flex-wrap: wrap;
	gap: 32px;
	align-items: center;
	padding: 40px 36px;
	border-radius: 36px;
	background: var(--yt-maroon);
	color: var(--yt-cream);
	font-family: var(--yt-body);
}
.yt-luke-panel__art { flex: 0 0 auto; width: 190px; display: flex; justify-content: center; }
.yt-luke-panel__luke { width: 190px; max-width: 100%; height: auto; }
.yt-luke-panel__body { flex: 1 1 420px; min-width: 0; }
.yt-luke-panel__eyebrow { margin: 0 0 8px; font-size: 15px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--yt-muted); }
.yt-luke-panel__found { margin: 0 0 6px; font-family: var(--yt-script); font-weight: 400; font-size: clamp(40px, 5vw, 58px); line-height: 1; color: var(--yt-lime); }
.yt-luke-panel__title { margin: 0 0 6px; font-family: var(--yt-display); font-weight: 800; font-size: clamp(30px, 4vw, 44px); line-height: 1.05; color: var(--yt-orange); }
.yt-luke-panel__text { margin: 0 0 6px; font-size: 17px; line-height: 1.5; }
.yt-luke-panel__count { margin: 14px 0 0; font-size: 18px; }
.yt-luke-panel__count strong { font-family: var(--yt-display); font-weight: 800; font-size: 34px; color: var(--yt-orange); }
.yt-luke-panel__note { margin: 4px 0 22px; font-size: 14px; color: var(--yt-muted); }
.yt-luke-panel__count { margin-bottom: 22px; }
.yt-luke-panel__actions,
.yt-luke-panel__links { display: flex; flex-wrap: wrap; gap: 10px; }
.yt-luke-panel__links { margin-top: 10px; }
.yt-luke-panel__links .yt-btn { min-height: 44px; padding: 0 18px; font-size: 15px; }

/* Editor-only notes for parts later versions add */
.yt-pending {
	padding: 16px 20px;
	border: 2px dashed currentColor;
	border-radius: 20px;
	font: 700 15px/1.4 var(--yt-body);
	opacity: 0.8;
}

/* Buttons used by shortcodes */
.yt-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 50px;
	padding: 0 22px;
	border: 2px solid transparent;
	border-radius: 999px;
	font: 700 16px/1 var(--yt-body);
	text-decoration: none;
	cursor: pointer;
	transition: background-color 0.2s, color 0.2s;
}
.yt-btn--outline { border-color: var(--yt-maroon); color: var(--yt-maroon); background: transparent; }
.yt-btn--outline:hover { background: var(--yt-maroon); color: var(--yt-cream); }
.yt-btn--cream { background: var(--yt-cream); color: var(--yt-maroon); min-height: 56px; padding: 0 28px; font-size: 19px; }
.yt-btn--cream[aria-pressed="true"] { background: var(--yt-lime); }
.yt-btn--outline-white { border-color: var(--yt-white); color: var(--yt-white); min-height: 56px; padding: 0 28px; font-size: 19px; }
.yt-btn--outline-white:hover { background: var(--yt-white); color: var(--yt-red); }

/* Lists (ingredients, steps) */
.yt-list { margin: 0; padding-left: 22px; display: flex; flex-direction: column; gap: 8px; font-size: 18px; }

/* Tags (youth highlight) */
.yt-tags { display: flex; flex-wrap: wrap; gap: 8px; }
.yt-tag {
	display: inline-flex;
	align-items: center;
	min-height: 40px;
	padding: 0 16px;
	border-radius: 999px;
	background: var(--yt-maroon);
	color: var(--yt-cream);
	font-weight: 700;
	font-size: 15px;
}

/* Images */
.yt-img { display: block; width: 100%; height: auto; }
.yt-img--round { aspect-ratio: 1 / 1; object-fit: cover; border-radius: 999px; }
.yt-img--food { aspect-ratio: 4 / 3; object-fit: cover; border-radius: 28px; }

.yt-gallery { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.yt-gallery img { display: block; width: 100%; height: 100%; object-fit: cover; }
.yt-gallery__main { grid-column: span 2; aspect-ratio: 16 / 10; border-radius: 26px; }
.yt-gallery__thumb { aspect-ratio: 1 / 1; border-radius: 22px; }
.yt-gallery--2 .yt-gallery__thumb { grid-column: span 2; aspect-ratio: 16 / 10; }

/* Words of Wisdom cards */
.yt-wisdom-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 20px; }
.yt-wisdom-grid > .yt-luke-spot > .yt-wisdom-card { height: 100%; box-sizing: border-box; }
.yt-wisdom-card { padding: 28px; border-radius: 28px; background: var(--yt-white); border: 2px solid var(--yt-line); }
.yt-wisdom-card__num { font-family: var(--yt-display); font-stretch: 75%; font-weight: 800; font-size: 54px; line-height: 1; color: var(--yt-orange); }
.yt-wisdom-card__title { margin: 8px 0; font-family: var(--yt-display); font-weight: 800; font-size: 24px; line-height: 1.15; color: var(--yt-maroon); }
.yt-wisdom-card__text { margin: 0; font-size: 17px; line-height: 1.55; }

/* Creative Corner */
.yt-creative-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 24px; }
.yt-creative-item { margin: 0; }
.yt-creative-item__img { display: block; width: 100%; aspect-ratio: 4 / 5; object-fit: cover; border-radius: 28px; background: var(--yt-red); }
.yt-creative-item__poem {
	aspect-ratio: 4 / 5;
	box-sizing: border-box;
	overflow: auto;
	padding: 24px;
	border-radius: 28px;
	background: var(--yt-caramel);
	color: var(--yt-cream);
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-family: var(--yt-script);
	font-size: 26px;
	line-height: 1.4;
}
.yt-creative-item__label { margin-top: 12px; font-family: var(--yt-display); font-weight: 800; font-size: 22px; color: var(--yt-maroon); }

/* Poll and "did you complete it?" */
.yt-poll__q { margin: 0 0 14px; font-family: var(--yt-display); font-weight: 800; font-size: 24px; line-height: 1.15; color: var(--yt-maroon); }
.yt-poll__options { display: flex; flex-direction: column; gap: 10px; }
.yt-poll__options--row { flex-direction: row; flex-wrap: wrap; }
.yt-choice {
	min-height: 52px;
	padding: 0 22px;
	border: 2px solid var(--yt-maroon);
	border-radius: 999px;
	background: transparent;
	color: var(--yt-maroon);
	font: 700 18px/1.2 var(--yt-body);
	text-align: left;
	cursor: pointer;
}
.yt-choice[aria-pressed="true"] { background: var(--yt-maroon); color: var(--yt-cream); }
.yt-choice--orange { min-height: 50px; border-color: var(--yt-orange); color: var(--yt-cream); font-size: 17px; }
.yt-choice--orange[aria-pressed="true"] { background: var(--yt-orange); color: var(--yt-maroon); }
.yt-poll__reply { margin: 16px 0 0; font-size: 17px; line-height: 1.5; }

.yt-last-week { max-width: 720px; margin: 40px auto 0; padding: 28px; background: var(--yt-maroon); color: var(--yt-cream); border-radius: 28px; text-align: left; }
.yt-last-week__eyebrow { margin: 0 0 4px; font-size: 14px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--yt-muted); }
.yt-last-week__text { margin: 0 0 16px; font-family: var(--yt-display); font-weight: 800; font-size: 22px; line-height: 1.3; }
.yt-last-week__q { margin: 0 0 12px; font-size: 18px; font-weight: 700; color: inherit; }

/* 5-finger prayer */
.yt-fingers__buttons { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 18px; }
.yt-finger {
	min-height: 46px;
	padding: 0 16px;
	border: 2px solid var(--yt-cream);
	border-radius: 999px;
	background: transparent;
	color: var(--yt-cream);
	font: 700 16px/1 var(--yt-body);
	cursor: pointer;
}
.yt-finger[aria-pressed="true"] { background: var(--yt-cream); color: var(--yt-maroon); }
.yt-finger-panel { background: var(--yt-cream); color: var(--yt-maroon); border-radius: 24px; padding: 24px; }
.yt-finger-panel[hidden] { display: none; }
.yt-finger-panel__step { display: block; margin-bottom: 8px; font-family: var(--yt-display); font-size: 22px; }
.yt-finger-panel__prayer { margin: 0; font-family: var(--yt-script); font-size: 26px; line-height: 1.4; }

/* More buttons */
.yt-btn--maroon { background: var(--yt-maroon); color: var(--yt-cream); }
.yt-btn--maroon:hover { color: var(--yt-cream); filter: brightness(1.15); }
.yt-btn--orange { background: var(--yt-orange); color: var(--yt-maroon); font-size: 17px; }
.yt-btn--orange:hover { color: var(--yt-maroon); filter: brightness(1.05); }
.yt-btn--lime { background: var(--yt-lime); color: var(--yt-maroon); font-size: 17px; }
.yt-btn--lime:hover { color: var(--yt-maroon); filter: brightness(1.05); }
.yt-btn--outline-cream { border-color: var(--yt-cream); color: var(--yt-cream); background: transparent; }
.yt-btn--outline-cream:hover { background: var(--yt-cream); color: var(--yt-maroon); }
.yt-btn--block { display: flex; width: 100%; min-height: 54px; font-size: 18px; }
.yt-btn--text { min-height: 44px; padding: 0 6px; border: 0; background: transparent; color: var(--yt-maroon); text-decoration: underline; }
.yt-btn:disabled { opacity: 0.45; cursor: not-allowed; }
.yt-challenge-count { margin: 24px 0 0; color: var(--yt-white); font-size: 18px; }
.yt-challenge-count strong { font-family: var(--yt-display); font-weight: 800; font-size: 44px; color: var(--yt-lime); vertical-align: -6px; }

/* Challenge and recipe actions */
.yt-challenge-actions,
.yt-recipe-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.yt-challenge-actions { gap: 12px; justify-content: center; }

/* Edition cards (previous editions, archive, homepage).
   The cards use the site's own Oxygen classes: blog-card, blog-feature-img, topic-pill, font-size--20,
   font-size--24 and text-wrap-balance. Restyle the cards by editing those classes in Oxygen.
   Everything below is wrapped in :where() so it never outranks the Oxygen classes. */
.yt-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 320px), 1fr)); gap: 24px; justify-items: start; }
:where(.yte-card) { display: flex; flex-direction: column; width: 100%; box-sizing: border-box; text-decoration: none; color: var(--yt-card-text); }
:where(.yte-card):hover, :where(.yte-card):focus { color: var(--yt-card-text); text-decoration: none; }
:where(.yte-card__img) { display: block; width: 100%; background-color: var(--yt-red); background-size: cover; background-position: center; background-repeat: no-repeat; }
:where(.yte-card__body) { display: flex; flex-direction: column; gap: 20px; margin-top: 10px; }
:where(.yte-card__meta) { position: relative; z-index: 1; display: flex; flex-direction: row; align-items: flex-end; gap: 20px; width: 100%; box-sizing: border-box; margin-top: -50px; padding-left: 10px; padding-right: 10px; text-align: left; }
:where(.yte-card__date) { transform: rotate(-3deg); }
:where(.yte-card .topic-pill) { display: inline-flex; align-items: center; }
:where(.yte-card__title) { display: block; font-weight: 700; text-transform: capitalize; }
/* 20px between the date/topic row and the title, whatever the theme does with the card */
.yte-card .yte-card__body { display: flex; flex-direction: column; gap: 20px; }
.yte-card .yte-card__text { display: flex; flex-direction: column; gap: 4px; padding: 0 10px; }
.yte-card .yte-card__title { margin: 0; }
.yte-card__number { font-weight: 700; font-size: 14px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--yt-caramel); }
/* Previous editions: 4 across on big screens */
.yt-cards--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); justify-items: stretch; }
.yt-cards--4 .blog-card { max-width: none; }
@media (max-width: 1100px) { .yt-cards--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .yt-cards--4 { grid-template-columns: minmax(0, 1fr); } }

/* Editions page: search, topics, endless list */
.yt-edbrowse { width: 100%; }
.yt-edbrowse__search { position: relative; display: flex; align-items: center; max-width: 640px; margin: 0 0 16px; color: var(--yt-maroon); }
.yt-edbrowse__search .yt-ico { position: absolute; left: 20px; width: 20px; height: 20px; pointer-events: none; }
.yt-edbrowse__search input[type="search"] {
	width: 100%; box-sizing: border-box; min-height: 56px; padding: 0 22px 0 52px; border: 2px solid var(--yt-line); border-radius: 999px;
	background: var(--yt-white); color: var(--yt-ink); font: 400 17px/1.2 var(--yt-body); -webkit-appearance: none; appearance: none;
}
.yt-edbrowse__search input[type="search"]:focus { outline: none; border-color: var(--yt-orange); }
.yt-edbrowse__topics { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 18px; }
.yt-edbrowse__chip {
	min-height: 40px; padding: 0 16px; border: 2px solid var(--yt-orange); border-radius: 999px; background: transparent;
	color: var(--yt-maroon); font: 600 15px/1 var(--yt-body); text-transform: capitalize; cursor: pointer;
}
.yt-edbrowse__chip[aria-pressed="true"] { background: var(--yt-orange); color: var(--yt-maroon); }
.yt-edbrowse__chip:focus-visible { outline: 3px solid var(--yt-maroon); outline-offset: 2px; }
.yt-edbrowse__status { margin: 0 0 22px; font-weight: 700; font-size: 15px; color: var(--yt-caramel); }
.yt-edbrowse.is-loading .yt-cards { opacity: 0.6; transition: opacity 0.2s; }
.yt-edbrowse__more { padding: 28px 0 0; text-align: center; font-weight: 700; color: var(--yt-caramel); }
.yt-edbrowse__more[hidden] { display: none; }

/* Date badge. Used only if the site does not already style .yt-date. */
:where(.yt-date) { position: relative; display: flex; flex-direction: column; align-items: center; width: 112px; box-sizing: border-box; padding: 12px 10px 10px; background: var(--yt-maroon); border-radius: 16px; font-family: var(--yt-display); font-stretch: 75%; font-weight: 800; color: var(--yt-orange); line-height: 0.88; }
:where(.yt-date__month) { font-size: 46px; text-transform: uppercase; }
:where(.yt-date__row) { display: flex; align-items: center; gap: 4px; }
:where(.yt-date__day) { font-size: 44px; }
:where(.yt-date__year) { display: flex; flex-direction: column; font-size: 17px; line-height: 0.95; }
.yt-pagination { margin-top: 32px; display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; font-weight: 700; }
.yt-pagination .page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; padding: 0 12px; border-radius: 999px; color: var(--yt-maroon); text-decoration: none; }
.yt-pagination .current { background: var(--yt-maroon); color: var(--yt-cream); }

/* -------------------------------------------------------------------------
   Forminator forms (set each form's Design Style to "None" so these rules lead)
   --yt-f-label / --yt-f-input-bg / --yt-f-input-border / --yt-f-btn-bg / --yt-f-btn-fg set the colours.
   ---------------------------------------------------------------------- */
.yt-form {
	--yt-f-label: var(--yt-maroon);
	--yt-f-text: var(--yt-maroon);
	--yt-f-input-bg: var(--yt-white);
	--yt-f-input-border: var(--yt-maroon);
	--yt-f-btn-bg: var(--yt-maroon);
	--yt-f-btn-fg: var(--yt-cream);
	--yt-f-done-bg: var(--yt-cream);
	font-family: var(--yt-body);
}
.yt-form--dark { --yt-f-label: var(--yt-cream); --yt-f-input-border: transparent; --yt-f-btn-bg: var(--yt-orange); --yt-f-btn-fg: var(--yt-maroon); }
.yt-form--lime { --yt-f-done-bg: transparent; }

.yt-form .forminator-ui.forminator-custom-form { margin: 0 !important; padding: 0 !important; background: none !important; }
.yt-form .forminator-row { display: flex; flex-wrap: wrap; gap: 12px; margin: 0 0 12px !important; }
.yt-form .forminator-col { flex: 1 1 220px; padding: 0 !important; min-width: 0; }
.yt-form .forminator-field { display: flex; flex-direction: column; gap: 8px; }
.yt-form .forminator-label,
.yt-form .forminator-field > label {
	margin: 0 !important;
	padding: 0 !important;
	font: 700 16px/1.3 var(--yt-body) !important;
	color: var(--yt-f-label) !important;
}
.yt-form .forminator-required { color: inherit !important; }
.yt-form .forminator-description { font-size: 14px !important; color: var(--yt-f-label) !important; opacity: 0.85; }

.yt-form input.forminator-input,
.yt-form select,
.yt-form textarea.forminator-textarea {
	width: 100% !important;
	box-sizing: border-box;
	min-height: 50px;
	padding: 0 18px !important;
	border: 2px solid var(--yt-f-input-border) !important;
	border-radius: 999px !important;
	background: var(--yt-f-input-bg) !important;
	color: var(--yt-f-text) !important;
	font: 500 17px/1.4 var(--yt-body) !important;
	box-shadow: none !important;
}
.yt-form textarea.forminator-textarea { min-height: 120px; padding: 14px 18px !important; border-radius: 22px !important; resize: vertical; }
.yt-form select { appearance: auto; }

.yt-form .forminator-radio,
.yt-form .forminator-checkbox {
	display: flex !important;
	align-items: flex-start;
	gap: 10px;
	margin: 0 0 8px !important;
	font-size: 16px;
	line-height: 1.4;
	color: var(--yt-f-label);
	cursor: pointer;
}
.yt-form .forminator-radio input,
.yt-form .forminator-checkbox input { position: static !important; opacity: 1 !important; width: 20px; height: 20px; margin: 1px 0 0 !important; accent-color: var(--yt-maroon); flex: 0 0 auto; }
.yt-form .forminator-radio-bullet,
.yt-form .forminator-checkbox-box { display: none !important; }

/* Upload: dashed drop box like the design */
.yt-form .forminator-file-upload,
.yt-form .forminator-multi-upload {
	position: relative;
	display: flex !important;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 120px;
	padding: 16px !important;
	border: 2px dashed var(--yt-maroon) !important;
	border-radius: 22px !important;
	background: var(--yt-cream) !important;
	text-align: center;
	color: var(--yt-maroon);
}
.yt-form .forminator-file-upload::before {
	content: "";
	width: 32px;
	height: 32px;
	background-color: var(--yt-maroon);
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237C1301' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 8h3l2-3h6l2 3h3v11H4z'/%3E%3Ccircle cx='12' cy='13' r='3.5'/%3E%3C/svg%3E") no-repeat center / contain;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237C1301' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 8h3l2-3h6l2 3h3v11H4z'/%3E%3Ccircle cx='12' cy='13' r='3.5'/%3E%3C/svg%3E") no-repeat center / contain;
}
.yt-form .forminator-button-upload,
.yt-form .forminator-upload-button {
	min-height: 44px;
	padding: 0 18px !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: var(--yt-maroon) !important;
	color: var(--yt-cream) !important;
	font: 700 15px/1 var(--yt-body) !important;
	cursor: pointer;
}

/* Submit */
.yt-form .forminator-button-submit {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 52px;
	padding: 0 24px !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: var(--yt-f-btn-bg) !important;
	color: var(--yt-f-btn-fg) !important;
	font: 700 18px/1 var(--yt-body) !important;
	box-shadow: none !important;
	cursor: pointer;
}
.yt-form--lime .forminator-button-submit { width: auto; min-height: 46px; font-size: 16px !important; }
.yt-form .forminator-button-submit:hover { filter: brightness(1.06); }

/* Messages */
.yt-form .forminator-error-message,
.yt-form .forminator-field .forminator-error-message { margin-top: 4px; padding: 0 !important; background: none !important; color: var(--yt-wrong) !important; font-weight: 700; font-size: 14px; }
.yt-form--light .forminator-error-message,
.yt-form--lime .forminator-error-message { color: var(--yt-red) !important; }
.yt-form .forminator-response-message:empty,
.yt-form .forminator-response-message[aria-hidden="true"] { display: none !important; }
.yt-form .forminator-response-message { margin: 0 0 12px !important; padding: 16px 20px !important; border: 0 !important; border-radius: 20px !important; background: var(--yt-wrong) !important; color: var(--yt-maroon) !important; font-weight: 700; }
.yt-form .forminator-response-message.forminator-success {
	padding: 22px !important;
	border-radius: 24px !important;
	background: var(--yt-f-done-bg) !important;
	color: var(--yt-maroon) !important;
}
.yt-form .forminator-response-message.forminator-success p:first-child { margin: 0; font-family: var(--yt-script); font-weight: 400; font-size: 36px; line-height: 1; }
.yt-form .forminator-response-message.forminator-success p + p { margin: 8px 0 0; font-weight: 400; font-size: 17px; }
.yt-form .grecaptcha-badge { z-index: 40; }

/* -------------------------------------------------------------------------
   Games (inside the cream activity card)
   ---------------------------------------------------------------------- */
.yt-game { color: var(--yt-maroon); font-family: var(--yt-body); }
.yt-game__intro, .yt-game__meta { margin: 0 0 14px; font-size: 17px; color: var(--yt-ink); }
.yt-game__meta { font-size: 14px; font-weight: 700; letter-spacing: 0.04em; }
.yt-game__h { margin: 18px 0 10px; font-family: var(--yt-display); font-weight: 800; font-size: 22px; line-height: 1.2; color: var(--yt-maroon); }
.yt-game__round + .yt-game__round { margin-top: 24px; padding-top: 20px; border-top: 2px dashed var(--yt-line); }
.yt-game__clues { margin: 0 0 16px; padding-left: 24px; display: flex; flex-direction: column; gap: 8px; font-size: 20px; line-height: 1.45; }
.yt-game__row { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin: 10px 0; }
.yt-game__guess { display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0 0; }
.yt-game__input, .yt-game__blank {
	min-height: 50px;
	padding: 0 18px;
	border: 2px solid var(--yt-maroon);
	border-radius: 999px;
	background: var(--yt-white);
	color: var(--yt-maroon);
	font: 700 17px/1 var(--yt-body);
	box-sizing: border-box;
}
.yt-game__input { flex: 1 1 200px; min-width: 0; }
.yt-game__blank { min-height: 40px; margin: 0 4px; padding: 0 10px; font-size: 16px; width: auto; }
.yt-game__blank.is-good { border-color: var(--yt-good, #2F6B2A); background: var(--yt-good, #2F6B2A); color: #FFFFFF; }
.yt-game__blank.is-bad { border-color: var(--yt-bad, #B3290C); background: #FFFFFF; color: var(--yt-bad, #B3290C); }
.yt-game__blank.is-revealed { border-color: var(--yt-maroon); border-style: dashed; background: var(--yt-white); color: var(--yt-maroon); }
.yt-game__blank[readonly] { cursor: default; }
.yt-game__item .yt-game__row { margin-top: 14px; }
.yt-game__feedback { margin: 12px 0 0; padding: 14px 18px; border-radius: 20px; font-weight: 700; font-size: 17px; }
.yt-game__feedback.is-good { background: var(--yt-good, #2F6B2A); color: #FFFFFF; }
.yt-game__feedback.is-bad { background: var(--yt-bad, #B3290C); color: #FFFFFF; }
.yt-game__list { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 16px; }
.yt-game__item { padding: 16px; border-radius: 22px; background: var(--yt-white); border: 2px solid var(--yt-line); }
.yt-game__item + .yt-game__item { margin-top: 0; }
.yt-game > .yt-game__item { margin-top: 16px; }
.yt-game__letters { margin: 0; font-family: var(--yt-display); font-weight: 800; font-size: 28px; letter-spacing: 0.18em; word-break: break-all; }
.yt-game__emoji { margin: 0; font-size: 40px; line-height: 1.2; }
.yt-game__story { margin: 0 0 16px; font-size: 18px; line-height: 1.6; white-space: pre-line; }
.yt-game__suspects { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 12px; margin-bottom: 16px; }
.yt-game__suspect { padding: 14px; border-radius: 18px; background: var(--yt-white); border: 2px solid var(--yt-line); }
.yt-game__suspect p { margin: 6px 0 0; font-size: 15px; }
.yt-game__options { display: flex; flex-wrap: wrap; gap: 10px; }
.yt-choice.is-matched { background: var(--yt-good, #2F6B2A); border-color: var(--yt-good, #2F6B2A); color: #FFFFFF; }
.yt-choice.is-wrong { background: var(--yt-bad, #B3290C); border-color: var(--yt-bad, #B3290C); color: #FFFFFF; animation: yt-shake 0.4s; }
.yt-game__quiz .yt-choice { padding-top: 12px; padding-bottom: 12px; }
.yt-game__quiz > .yt-btn, .yt-game__quiz > .yt-game__score + .yt-btn { margin-top: 18px; }
.yt-game__quiz .yt-game__options + .yt-game__feedback { margin-top: 16px; }
@keyframes yt-shake { 25% { transform: translateX(-4px); } 75% { transform: translateX(4px); } }
.yt-choice--tile { width: 100%; text-align: left; min-height: 48px; font-size: 16px; }
.yt-game__match { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.yt-game__col { display: flex; flex-direction: column; gap: 8px; }
.yt-game__colhead { margin: 0 0 4px; font-weight: 700; font-size: 14px; letter-spacing: 0.06em; text-transform: uppercase; }
.yt-game__score { font-family: var(--yt-display); font-weight: 800; font-size: 28px; margin: 0 0 12px; }
.yt-game__quiz .yt-game__options { flex-direction: column; }
.yt-game__search { display: flex; flex-wrap: wrap; gap: 20px; align-items: flex-start; }
.yt-game__grid { display: grid; gap: 3px; flex: 1 1 320px; max-width: 520px; user-select: none; }
.yt-game__cell {
	aspect-ratio: 1 / 1;
	padding: 0;
	border: 0;
	border-radius: 6px;
	background: var(--yt-white);
	color: var(--yt-maroon);
	font: 800 clamp(12px, 2.4vw, 18px)/1 var(--yt-display);
	cursor: pointer;
}
.yt-game__cell.is-start { background: var(--yt-orange); }
.yt-game__cell.is-found { background: var(--yt-lime); }
.yt-game__wordlist { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; gap: 8px; flex: 0 1 200px; }
.yt-game__wordlist li { padding: 6px 12px; border-radius: 999px; background: var(--yt-maroon); color: var(--yt-cream); font-weight: 700; font-size: 14px; }
.yt-game__wordlist li.is-found { background: var(--yt-lime); color: var(--yt-maroon); text-decoration: line-through; }
.yt-game__verse { margin: 0; font-size: 20px; line-height: 2.1; }
.yt-game__ref { margin: 6px 0 0; font-weight: 700; font-size: 15px; }
.yt-game__built { min-height: 56px; margin: 0 0 12px; padding: 10px; border: 2px dashed var(--yt-maroon); border-radius: 18px; display: flex; flex-wrap: wrap; gap: 6px; }
.yt-game__bank { display: flex; flex-wrap: wrap; gap: 8px; }
.yt-chip-word { min-height: 42px; padding: 0 14px; border: 2px solid var(--yt-maroon); border-radius: 999px; background: var(--yt-white); color: var(--yt-maroon); font: 700 16px/1 var(--yt-body); cursor: pointer; }
.yt-chip-word.is-placed { background: var(--yt-maroon); color: var(--yt-cream); }
.yt-chip-word:disabled { opacity: 0.3; }
.yt-game__memory { display: grid; grid-template-columns: repeat(auto-fill, minmax(96px, 1fr)); gap: 10px; }
.yt-memory-card {
	aspect-ratio: 3 / 4;
	padding: 8px;
	border: 0;
	border-radius: 16px;
	background: var(--yt-maroon) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M20 2a18 18 0 1 0 9.6 33.2L38 38l-3-7.8A18 18 0 0 0 20 2z' fill='%23FD602F'/%3E%3C/svg%3E") no-repeat center / 40%;
	color: var(--yt-maroon);
	font: 800 18px/1.15 var(--yt-display);
	cursor: pointer;
}
.yt-memory-card__face { visibility: hidden; }
.yt-memory-card.is-open { background: var(--yt-white); }
.yt-memory-card.is-open .yt-memory-card__face { visibility: visible; }
.yt-memory-card.is-matched { background: var(--yt-lime); }
.yt-spot-pair { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 16px; }
.yt-spot { position: relative; margin: 0; cursor: crosshair; }
.yt-spot img { display: block; width: 100%; height: auto; border-radius: 18px; }
.yt-spot figcaption { margin-top: 6px; font-weight: 700; font-size: 14px; }
.yt-spot__mark { position: absolute; aspect-ratio: 1 / 1; transform: translate(-50%, -50%); border: 4px solid var(--yt-lime); border-radius: 50%; box-shadow: 0 0 0 3px var(--yt-maroon); pointer-events: none; min-width: 24px; }
.yt-tot { display: grid; grid-template-columns: 1fr auto 1fr; gap: 10px; align-items: center; margin: 0 0 12px; }
.yt-tot__or { font-family: var(--yt-script); font-size: 26px; }
.yt-tot__btn {
	position: relative;
	overflow: hidden;
	min-height: 64px;
	padding: 10px 16px;
	border: 2px solid var(--yt-maroon);
	border-radius: 20px;
	background: var(--yt-white);
	color: var(--yt-maroon);
	font: 800 18px/1.2 var(--yt-display);
	cursor: pointer;
	--yt-pct: 0%;
}
.yt-tot__btn.has-result::before { content: ""; position: absolute; inset: 0 auto 0 0; width: var(--yt-pct); background: rgba(229, 231, 68, 0.6); transition: width 0.6s; }
.yt-tot__btn[aria-pressed="true"] { background: var(--yt-maroon); color: var(--yt-cream); }
.yt-tot__btn[aria-pressed="true"].has-result::before { background: rgba(253, 96, 47, 0.55); }
.yt-tot__label, .yt-tot__pct { position: relative; display: block; }
.yt-tot__pct { margin-top: 4px; font: 700 13px/1.2 var(--yt-body); }
.yt-answers { margin-top: 20px; padding: 14px 18px; border-radius: 20px; background: var(--yt-sand); color: var(--yt-maroon); }
.yt-answers summary { font-weight: 800; font-family: var(--yt-display); font-size: 18px; cursor: pointer; }
.yt-answers__game { margin: 10px 0 4px; font-size: 13px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; }
.yt-answers ul { margin: 0; padding-left: 20px; display: flex; flex-direction: column; gap: 4px; }
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); white-space: nowrap; }

@media (max-width: 600px) {
	.yt-game__match { grid-template-columns: 1fr; }
	.yt-luke-panel { padding: 28px 22px; }
	.yt-card__topic { left: 136px; padding: 0 18px; font-size: 16px; }
}

/* ------------------------------------------------------------------ Daily Bible Wordle (1.1.0) */
/* The board and keyboard are sized from the screen height so both fit on screen together:
   6 rows of tiles + 3 rows of keys + about 210px for the number, message and spacing. */
.yt-wordle {
	--yt-wordle-gap: 6px;
	--yt-key-h: clamp(38px, 6vh, 54px);
	--yt-tile: clamp(32px, calc((100vh - 210px - 3 * var(--yt-key-h)) / 6), 64px);
	width: 100%; max-width: 520px; margin: 0 auto; font-family: var(--yt-body); color: var(--yt-maroon);
}
@supports (height: 100svh) {
	.yt-wordle {
		--yt-key-h: clamp(38px, 6svh, 54px);
		--yt-tile: clamp(32px, calc((100svh - 210px - 3 * var(--yt-key-h)) / 6), 64px);
	}
}
.yt-wordle :focus-visible { outline: 3px solid var(--yt-orange); outline-offset: 2px; }
.yt-wordle__loading { margin: 0; padding: 40px 0; text-align: center; font-size: 18px; }
.yt-wordle__board { display: flex; flex-direction: column; align-items: center; gap: 10px; scroll-margin: 12px; }
.yt-wordle__number { margin: 0; font-weight: 700; font-size: 14px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--yt-caramel); }
.yt-wordle__grid { display: flex; flex-direction: column; gap: var(--yt-wordle-gap); width: min(100%, calc(var(--yt-wordle-len) * (var(--yt-tile) + var(--yt-wordle-gap)) - var(--yt-wordle-gap))); }
.yt-wordle__row { display: grid; grid-template-columns: repeat(var(--yt-wordle-len), 1fr); gap: var(--yt-wordle-gap); }
.yt-wordle__row.is-shake { animation: yt-shake 0.35s; }
.yt-wordle__tile {
	display: flex; align-items: center; justify-content: center; aspect-ratio: 1 / 1;
	border: 2px solid var(--yt-wordle-empty); border-radius: 12px; background: var(--yt-white);
	font: 800 calc(var(--yt-tile) * 0.48)/1 var(--yt-display); text-transform: uppercase; color: var(--yt-maroon);
	user-select: none;
}
.yt-wordle__tile.is-filled { border-color: var(--yt-wordle-filled); }
.yt-wordle__tile.is-flip { animation: yt-wordle-flip 0.32s ease both; }
.yt-wordle__tile[data-mark="2"] { background: var(--yt-wordle-right); border-color: var(--yt-wordle-right); color: var(--yt-white); }
.yt-wordle__tile[data-mark="1"] { background: var(--yt-wordle-close); border-color: var(--yt-wordle-close); color: var(--yt-white); }
.yt-wordle__tile[data-mark="0"] { background: var(--yt-wordle-miss); border-color: var(--yt-wordle-miss); color: var(--yt-white); }
@keyframes yt-wordle-flip { 0% { transform: rotateX(0); } 50% { transform: rotateX(90deg); } 100% { transform: rotateX(0); } }
.yt-wordle__msg { min-height: 22px; margin: 0; font-weight: 700; font-size: 16px; text-align: center; }
.yt-wordle__keys { display: flex; flex-direction: column; gap: 6px; width: 100%; }
.yt-wordle__keyrow { display: flex; justify-content: center; gap: 5px; }
.yt-wordle__key {
	flex: 1 1 0; max-width: 46px; min-width: 0; height: var(--yt-key-h); padding: 0;
	border: 0; border-radius: 10px; background: var(--yt-wordle-key); color: var(--yt-ink);
	font: 700 16px/1 var(--yt-body); cursor: pointer; touch-action: manipulation;
}
.yt-wordle__key--wide { flex: 1.6 1 0; max-width: 74px; font-size: 13px; }
.yt-wordle__key[data-mark="2"] { background: var(--yt-wordle-right); color: var(--yt-white); }
.yt-wordle__key[data-mark="1"] { background: var(--yt-wordle-close); color: var(--yt-white); }
.yt-wordle__key[data-mark="0"] { background: var(--yt-wordle-miss); color: var(--yt-white); }
.yt-wordle__board.is-done .yt-wordle__keys,
.yt-wordle__board.is-done .yt-wordle__msg { display: none; }
.yt-wordle__result { margin-top: 18px; padding: 24px 20px; border-radius: 24px; background: var(--yt-maroon); color: var(--yt-cream); text-align: center; }
.yt-wordle__verdict { margin: 0; font: 400 40px/1 var(--yt-script); color: var(--yt-lime); }
.yt-wordle__answer { margin: 6px 0 2px; font: 800 44px/1 var(--yt-display); letter-spacing: 0.06em; }
.yt-wordle__ref { margin: 0 0 10px; font-size: 16px; }
.yt-wordle__ref a { color: var(--yt-cream); text-underline-offset: 3px; }
.yt-wordle__count { margin: 0 0 14px; font-size: 15px; color: var(--yt-muted); }
.yt-wordle__stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin: 0 0 18px; }
.yt-wordle__stat { display: flex; flex-direction: column; gap: 2px; }
.yt-wordle__stat strong { font: 800 28px/1 var(--yt-display); }
.yt-wordle__stat span { font-size: 12px; line-height: 1.2; color: var(--yt-muted); }
.yt-wordle__next { margin: 14px 0 0; font-size: 15px; font-variant-numeric: tabular-nums; }
@media (max-width: 380px) {
	.yt-wordle__key { font-size: 14px; }
	.yt-wordle__keyrow { gap: 4px; }
}

/* ------------------------------------------------------------------ Discussions (1.1.0) */
.yt-discussion { width: 100%; font-family: var(--yt-body); color: var(--yt-maroon); }
.yt-discussion :focus-visible { outline: 3px solid var(--yt-orange); outline-offset: 2px; }
.yt-discussion__eyebrow { margin: 0 0 8px; font-weight: 700; font-size: 14px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--yt-red); }
.yt-discussion__question { margin: 0 0 14px; font: 800 clamp(28px, 4.5vw, 48px)/1.05 var(--yt-display); letter-spacing: -0.02em; color: var(--yt-maroon); text-wrap: balance; }
.yt-discussion__intro { margin: 0 0 22px; font-size: 18px; line-height: 1.6; color: var(--yt-ink); }
.yt-discussion__intro p { margin: 0 0 10px; }
.yt-discussion__form { display: flex; flex-direction: column; gap: 10px; margin: 0 0 32px; padding: 20px; border-radius: 24px; background: var(--yt-white); border: 2px solid var(--yt-line); }
.yt-discussion__label { font-weight: 700; font-size: 16px; }
.yt-discussion__form textarea,
.yt-discussion__form input[type="text"] {
	width: 100%; box-sizing: border-box; padding: 14px 16px; border: 2px solid var(--yt-line); border-radius: 16px;
	background: var(--yt-cream); color: var(--yt-ink); font: 400 17px/1.5 var(--yt-body); resize: vertical;
}
.yt-discussion__form textarea:focus,
.yt-discussion__form input[type="text"]:focus { outline: none; border-color: var(--yt-orange); }
.yt-discussion__row { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 12px; }
.yt-discussion__name { flex: 1 1 220px; display: flex; flex-direction: column; gap: 6px; font-size: 14px; font-weight: 700; }
.yt-discussion__hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.yt-discussion__row .yt-btn { flex: 0 0 auto; }
.yt-discussion__note { margin: 0; font-size: 13px; line-height: 1.5; color: var(--yt-caramel); }
.yt-discussion__box { display: flex; flex-direction: column; gap: 6px; }
.yt-discussion__chars { margin: 0; align-self: flex-end; font-size: 13px; font-weight: 500; line-height: 1.3; letter-spacing: normal; text-transform: none; color: var(--yt-caramel); font-variant-numeric: tabular-nums; }
.yt-discussion__status { margin: 0; font-weight: 700; font-size: 15px; }
.yt-discussion__status:empty { display: none; }
.yt-discussion__status.is-ok { color: var(--yt-maroon); }
.yt-discussion__status.is-error { color: var(--yt-red); }
.yt-discussion__closed,
.yt-discussion__empty { margin: 0 0 24px; padding: 16px 20px; border-radius: 18px; background: var(--yt-sand); font-weight: 700; }
.yt-discussion__count { margin: 0 0 12px; font-weight: 700; font-size: 15px; letter-spacing: 0.04em; text-transform: uppercase; color: var(--yt-caramel); }
.yt-discussion__list { display: flex; flex-direction: column; gap: 12px; margin: 0; padding: 0; list-style: none; }
.yt-reply { padding: 18px 20px; border-radius: 22px 22px 22px 6px; background: var(--yt-white); }
.yt-reply:nth-child(3n+2) { background: var(--yt-sand); }
.yt-reply__text { margin: 0 0 10px; font-size: 17px; line-height: 1.55; color: var(--yt-card-text); overflow-wrap: anywhere; }
.yt-reply__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 12px; margin: 0; font-size: 14px; }
.yt-reply__name { font-weight: 700; color: var(--yt-maroon); }
.yt-reply__when { color: var(--yt-caramel); }
.yt-reply__heart {
	margin-left: auto; display: inline-flex; align-items: center; gap: 4px; min-height: 36px; padding: 0 12px;
	border: 2px solid var(--yt-line); border-radius: 999px; background: transparent; color: var(--yt-caramel);
	font: 700 14px/1 var(--yt-body); cursor: pointer;
}
.yt-reply__heart.is-on { border-color: var(--yt-red); background: var(--yt-red); color: var(--yt-white); }
.yt-discussion__more { margin-top: 18px; }

.yt-discussion-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 16px; width: 100%; }
.yt-topic-card {
	display: flex; flex-direction: column; gap: 10px; min-height: 160px; padding: 22px; box-sizing: border-box;
	border-radius: 22px 22px 22px 6px; background: var(--yt-cream); color: var(--yt-maroon); text-decoration: none;
}
.yt-topic-card__date { font-weight: 700; font-size: 13px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--yt-caramel); }
.yt-topic-card__q { font: 800 22px/1.15 var(--yt-display); }
.yt-topic-card__meta { margin-top: auto; font-weight: 700; font-size: 14px; color: var(--yt-red); }
.yt-discussion-list__empty { margin: 0; font-size: 18px; }
.yt-discussion [hidden],
.yt-wordle [hidden] { display: none !important; }
@media (min-width: 992px) {
	.yt-wordle { --yt-wordle-gap: 8px; max-width: 620px; }
	.yt-wordle__key { max-width: 54px; font-size: 17px; }
	.yt-wordle__key--wide { max-width: 86px; font-size: 14px; }
}

/* ------------------------------------------------------------------ Icons (Linearicons Free, the set Oxygen ships; CC BY-SA 4.0) */
.yt-ico { display: inline-block; flex: 0 0 auto; width: 1.1em; height: 1.1em; vertical-align: -0.15em; background-color: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M19.354 10.146l-6-6c-0.195-0.195-0.512-0.195-0.707 0s-0.195 0.512 0 0.707l5.146 5.146h-16.293c-0.276 0-0.5 0.224-0.5 0.5s0.224 0.5 0.5 0.5h16.293l-5.146 5.146c-0.195 0.195-0.195 0.512 0 0.707 0.098 0.098 0.226 0.146 0.354 0.146s0.256-0.049 0.354-0.146l6-6c0.195-0.195 0.195-0.512 0-0.707z'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M19.354 10.146l-6-6c-0.195-0.195-0.512-0.195-0.707 0s-0.195 0.512 0 0.707l5.146 5.146h-16.293c-0.276 0-0.5 0.224-0.5 0.5s0.224 0.5 0.5 0.5h16.293l-5.146 5.146c-0.195 0.195-0.195 0.512 0 0.707 0.098 0.098 0.226 0.146 0.354 0.146s0.256-0.049 0.354-0.146l6-6c0.195-0.195 0.195-0.512 0-0.707z'/%3E%3C/svg%3E") center / contain no-repeat; }
.yt-ico--arrow { transform: rotate(-45deg); }
.yt-ico--search { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M18.869 19.162l-5.943-6.484c1.339-1.401 2.075-3.233 2.075-5.178 0-2.003-0.78-3.887-2.197-5.303s-3.3-2.197-5.303-2.197-3.887 0.78-5.303 2.197-2.197 3.3-2.197 5.303 0.78 3.887 2.197 5.303 3.3 2.197 5.303 2.197c1.726 0 3.362-0.579 4.688-1.645l5.943 6.483c0.099 0.108 0.233 0.162 0.369 0.162 0.121 0 0.242-0.043 0.338-0.131 0.204-0.187 0.217-0.503 0.031-0.706zM1 7.5c0-3.584 2.916-6.5 6.5-6.5s6.5 2.916 6.5 6.5-2.916 6.5-6.5 6.5-6.5-2.916-6.5-6.5z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M18.869 19.162l-5.943-6.484c1.339-1.401 2.075-3.233 2.075-5.178 0-2.003-0.78-3.887-2.197-5.303s-3.3-2.197-5.303-2.197-3.887 0.78-5.303 2.197-2.197 3.3-2.197 5.303 0.78 3.887 2.197 5.303 3.3 2.197 5.303 2.197c1.726 0 3.362-0.579 4.688-1.645l5.943 6.483c0.099 0.108 0.233 0.162 0.369 0.162 0.121 0 0.242-0.043 0.338-0.131 0.204-0.187 0.217-0.503 0.031-0.706zM1 7.5c0-3.584 2.916-6.5 6.5-6.5s6.5 2.916 6.5 6.5-2.916 6.5-6.5 6.5-6.5-2.916-6.5-6.5z'/%3E%3C/svg%3E"); }
.yt-btn .yt-ico { margin-left: 2px; }
/* Forminator submit buttons get the same arrow */
.yt-form .forminator-button-submit { display: inline-flex !important; align-items: center; justify-content: center; gap: 10px; }
.yt-form .forminator-button-submit::after { content: ""; width: 1.1em; height: 1.1em; background-color: currentColor; transform: rotate(-45deg); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M19.354 10.146l-6-6c-0.195-0.195-0.512-0.195-0.707 0s-0.195 0.512 0 0.707l5.146 5.146h-16.293c-0.276 0-0.5 0.224-0.5 0.5s0.224 0.5 0.5 0.5h16.293l-5.146 5.146c-0.195 0.195-0.195 0.512 0 0.707 0.098 0.098 0.226 0.146 0.354 0.146s0.256-0.049 0.354-0.146l6-6c0.195-0.195 0.195-0.512 0-0.707z'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M19.354 10.146l-6-6c-0.195-0.195-0.512-0.195-0.707 0s-0.195 0.512 0 0.707l5.146 5.146h-16.293c-0.276 0-0.5 0.224-0.5 0.5s0.224 0.5 0.5 0.5h16.293l-5.146 5.146c-0.195 0.195-0.195 0.512 0 0.707 0.098 0.098 0.226 0.146 0.354 0.146s0.256-0.049 0.354-0.146l6-6c0.195-0.195 0.195-0.512 0-0.707z'/%3E%3C/svg%3E") center / contain no-repeat; }

/* ------------------------------------------------------------------ Creative Corner feed (1.2) */
.yt-cc { width: 100%; columns: 4 230px; column-gap: 16px; }
.yt-cc__item { display: inline-block; width: 100%; box-sizing: border-box; margin: 0 0 16px; break-inside: avoid; border-radius: 22px; overflow: hidden; vertical-align: top; }
.yt-cc__item--image { background: var(--yt-white); }
.yt-cc__item--image a { display: block; }
.yt-cc__item--image img { display: block; width: 100%; height: auto; }
.yt-cc__item figcaption { padding: 12px 16px 16px; color: var(--yt-maroon); }
.yt-cc__item--text { padding: 20px 20px 18px; }
.yt-cc__item--cream { background: var(--yt-white); color: var(--yt-maroon); }
.yt-cc__item--lime { background: var(--yt-lime); color: var(--yt-maroon); }
.yt-cc__item--orange { background: var(--yt-orange); color: var(--yt-maroon); }
.yt-cc__item--maroon { background: var(--yt-maroon); color: var(--yt-cream); }
.yt-cc__kind { display: inline-block; margin: 0 0 6px; font-weight: 700; font-size: 12px; letter-spacing: 0.08em; text-transform: uppercase; opacity: 0.75; }
.yt-cc__title { margin: 0 0 6px; font: 400 26px/1.05 var(--yt-script); }
.yt-cc__text { font-size: 16px; line-height: 1.55; white-space: normal; }
.yt-cc__text p { margin: 0 0 10px; }
.yt-cc__by { display: block; margin-top: 4px; font-weight: 700; font-size: 14px; }
.yt-cc__file a { color: inherit; font-weight: 700; }
.yt-cc__empty { margin: 0; font-size: 18px; }
@media (max-width: 991px) { .yt-cc { columns: 2; } }
@media (max-width: 479px) { .yt-cc { columns: 1; column-gap: 12px; } .yt-cc__item { margin-bottom: 12px; } }
/* With the script: newest first, left to right, then the next row underneath (1.2.3) */
.yt-cc.yt-cc--rows { columns: auto; display: flex; align-items: flex-start; gap: 16px; }
.yt-cc__col { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; gap: 16px; }
.yt-cc--rows .yt-cc__item { margin: 0; }
@media (max-width: 600px) { .yt-cc.yt-cc--rows, .yt-cc__col { gap: 12px; } }
.yt-game__tries { margin: 10px 0 0; font-weight: 700; font-size: 15px; color: var(--yt-caramel); }

/* Several games in one edition (1.2) */
.yt-games--many { display: flex; flex-direction: column; gap: 14px; }
.yt-game__heading { margin: 18px 0 4px; font: 800 26px/1.1 var(--yt-display); color: var(--yt-maroon); }
.yt-games--many .yt-game__heading:first-child { margin-top: 0; }
.yt-games--many .yt-game + .yt-game__heading { margin-top: 30px; padding-top: 24px; border-top: 2px dashed var(--yt-line); }

/* Recipe without a photo: Luke cooking */
.yt-img--luke { display: block; width: 100%; height: auto; aspect-ratio: 16 / 10; object-fit: contain; box-sizing: border-box; padding: 6% 8%; background: var(--yt-white); border-radius: 26px; }

/* Creative Corner: extra images and captions on picture cards (1.2.1) */
.yt-cc__main { display: block; }
.yt-cc__thumbs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4px; padding: 4px 4px 0; }
.yt-cc__thumbs a { position: relative; display: block; aspect-ratio: 1 / 1; overflow: hidden; border-radius: 10px; }
.yt-cc__thumbs img { display: block; width: 100%; height: 100%; object-fit: cover; }
.yt-cc__more { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; background: rgba(124, 19, 1, 0.65); color: var(--yt-cream); font-weight: 800; font-size: 18px; }
.yt-cc__item--image .yt-cc__text { margin: 4px 0 2px; font-size: 15px; }

/* ------------------------------------------------------------------ Activities page games (1.3.0) */
/* One game at a time (game-tabs.js). Oxygen gives div blocks display:flex by id, so [hidden] needs !important. */
[data-game-panel][hidden] { display: none !important; }
[data-game-pick] { transition: border-color 0.2s, transform 0.2s; }
[data-game-pick]:hover { transform: translateY(-2px); }
[data-game-pick].is-active { border-color: var(--yt-maroon) !important; }
[data-game-pick]:focus-visible { outline: 3px solid var(--yt-orange); outline-offset: 3px; }
.yt-play-anchor { display: block; width: 0; height: 0; scroll-margin-top: 16px; }
@media (prefers-reduced-motion: reduce) { [data-game-pick], [data-game-pick]:hover { transition: none; transform: none; } }

.yt-play__label { margin: 0; font: 700 14px/1.3 var(--yt-body); letter-spacing: 0.08em; text-transform: uppercase; color: var(--yt-maroon); }
.yt-play__loading { display: flex; flex-direction: column; align-items: center; gap: 14px; margin: 0; padding: 40px 0; text-align: center; font-size: 18px; color: var(--yt-maroon); }
.yt-play__loading p { margin: 0; }
.yt-scramble [hidden], .yt-wsearch [hidden] { display: none !important; }
.yt-scramble :focus-visible,
.yt-wsearch :focus-visible { outline: 3px solid var(--yt-orange); outline-offset: 2px; }

/* Verse Scramble */
.yt-scramble { scroll-margin-top: 16px; display: flex; flex-direction: column; gap: 20px; width: 100%; font-family: var(--yt-body); color: var(--yt-maroon); }
.yt-scramble__top { display: flex; flex-wrap: wrap; gap: 10px; }
.yt-scramble__top:empty { display: none; }
.yt-scramble__pill { display: inline-flex; align-items: center; min-height: 40px; padding: 0 16px; box-sizing: border-box; border-radius: 999px; background: var(--yt-cream); font: 700 15px/1.2 var(--yt-body); color: var(--yt-maroon); }
.yt-scramble__clock { padding: 0 18px; background: var(--yt-lime); font: 800 22px/1 var(--yt-display); font-variant-numeric: tabular-nums; }
.yt-scramble__clock.is-low { background: var(--yt-maroon); color: var(--yt-cream); }
.yt-scramble__body { display: flex; flex-direction: column; gap: 20px; }

.yt-scramble__levels { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 16px; }
.yt-scramble__level {
	display: flex; flex-direction: column; gap: 8px; padding: 20px 22px; box-sizing: border-box; text-align: left;
	border: 3px solid var(--yt-maroon); border-radius: 20px; background: var(--yt-cream); color: var(--yt-maroon);
	font-family: var(--yt-body); cursor: pointer; transition: background-color 0.2s, color 0.2s;
}
.yt-scramble__level[aria-pressed="true"] { background: var(--yt-maroon); color: var(--yt-cream); }
.yt-scramble__level-top { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; width: 100%; }
.yt-scramble__level-name { font: 800 28px/1.05 var(--yt-display); }
.yt-scramble__level-time { font: 800 22px/1 var(--yt-display); }
.yt-scramble__level-detail { font-size: 15px; line-height: 1.45; }
.yt-scramble__level-best { font-weight: 700; font-size: 14px; }
.yt-scramble__start { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; }
.yt-scramble__go { min-height: 58px; padding: 0 32px; font-size: 19px; }
.yt-scramble__go[disabled] { opacity: 0.5; cursor: not-allowed; }
.yt-scramble__start-note { font-size: 15px; }

.yt-scramble__verse { display: flex; flex-direction: column; gap: 14px; min-height: 120px; padding: 24px; box-sizing: border-box; border-radius: 20px; background: var(--yt-maroon); }
.yt-scramble__verse-head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 6px 12px; }
.yt-scramble__count { font: 700 14px/1.3 var(--yt-body); letter-spacing: 0.08em; text-transform: uppercase; color: var(--yt-cream); }
.yt-scramble__ref { font: 400 24px/1 var(--yt-script); color: var(--yt-lime); }
.yt-scramble__tiles { display: flex; flex-wrap: wrap; gap: 10px; min-height: 52px; }
.yt-scramble__tile {
	min-height: 48px; padding: 8px 16px; box-sizing: border-box; border: 2px solid var(--yt-maroon); border-radius: 12px;
	background: var(--yt-cream); color: var(--yt-maroon); font: 700 19px/1.2 var(--yt-body); cursor: pointer; touch-action: manipulation;
}
.yt-scramble__tile:hover { background: var(--yt-sand); }
.yt-scramble__tile--placed { border: 3px solid var(--yt-lime); background: var(--yt-lime); }
.yt-scramble__tile--placed:hover { background: var(--yt-lime); filter: brightness(1.05); }
.yt-scramble__tile.is-locked { border-color: var(--yt-cream); background: var(--yt-cream); cursor: default; opacity: 1; }
.yt-scramble__tile.is-wrong { border-style: dashed; border-color: var(--yt-red); background: var(--yt-wrong); }
.yt-scramble__verse .yt-scramble__tile:focus-visible { outline-color: var(--yt-orange); outline-offset: 3px; }
.yt-scramble__slot { display: inline-block; width: 64px; height: 48px; box-sizing: border-box; border: 2px dashed var(--yt-orange); border-radius: 12px; }
.yt-scramble__flash { min-height: 24px; margin: -6px 0; font-weight: 700; font-size: 17px; }
.yt-scramble__wrong { margin: 0; padding: 14px 18px; border: 2px solid var(--yt-red); border-radius: 16px; background: var(--yt-wrong); font-weight: 700; font-size: 16px; line-height: 1.45; }
.yt-scramble__bank-wrap { display: flex; flex-direction: column; gap: 12px; }
.yt-scramble__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; padding-top: 20px; border-top: 2px solid var(--yt-cream); }
.yt-scramble__act { min-height: 46px; padding: 0 20px; font-size: 16px; }
.yt-scramble__act.yt-btn--outline { background: var(--yt-cream); }
.yt-scramble__act.yt-btn--outline:hover { background: var(--yt-maroon); }
.yt-scramble__end { margin-left: auto; min-height: 44px; padding: 0 8px; border: 0; background: transparent; color: var(--yt-maroon); font: 700 16px/1 var(--yt-body); text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }

.yt-scramble__over { display: flex; flex-wrap: wrap; align-items: center; gap: 32px; padding: 32px; border-radius: 24px; background: var(--yt-lime); }
.yt-scramble__score { flex: 0 0 auto; display: flex; flex-direction: column; align-items: center; min-width: 120px; }
.yt-scramble__score strong { font: 800 120px/1 var(--yt-display); }
.yt-scramble__score span { font-weight: 700; font-size: 17px; }
.yt-scramble__over-info { flex: 1 1 360px; min-width: 0; display: flex; flex-direction: column; gap: 12px; }
.yt-scramble__over-title { margin: 0; font: 800 34px/1.1 var(--yt-display); text-wrap: balance; }
.yt-scramble__over-best { margin: 0; font-weight: 700; font-size: 17px; }
.yt-scramble__refs { display: flex; flex-wrap: wrap; gap: 8px; }
.yt-scramble__refs .yt-scramble__pill { min-height: 32px; padding: 0 14px; font-size: 14px; }
.yt-scramble__over-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 6px; }
.yt-scramble__over .yt-btn--outline { background: var(--yt-white); }
.yt-scramble__over .yt-btn--outline:hover { background: var(--yt-maroon); }
.yt-scramble__note { margin: 0; font-size: 14px; line-height: 1.5; color: var(--yt-maroon); }

/* Word Search */
.yt-wsearch { --yt-ws-gap: 4px; display: flex; flex-direction: column; gap: 24px; width: 100%; font-family: var(--yt-body); color: var(--yt-maroon); }
.yt-wsearch__top { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.yt-wsearch__pill { display: inline-flex; align-items: center; min-height: 40px; padding: 0 16px; box-sizing: border-box; border-radius: 999px; background: var(--yt-cream); font: 700 15px/1.2 var(--yt-body); color: var(--yt-maroon); font-variant-numeric: tabular-nums; }
.yt-wsearch__pill--number { background: var(--yt-maroon); color: var(--yt-cream); }
.yt-wsearch__pill--level { background: var(--yt-lime); }
.yt-wsearch__play { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 32px; }
.yt-wsearch__board { flex: 1 1 420px; min-width: 0; max-width: 620px; padding: 16px; box-sizing: border-box; border: 2px solid var(--yt-line); border-radius: 20px; background: var(--yt-white); }
.yt-wsearch__grid { display: grid; grid-template-columns: repeat(var(--yt-ws-size), minmax(0, 1fr)); gap: var(--yt-ws-gap); }
.yt-wsearch__cell {
	aspect-ratio: 1 / 1; min-width: 0; min-height: 0; padding: 0; border: 0; border-radius: 8px;
	background: var(--yt-cream); color: var(--yt-maroon);
	font: 800 clamp(13px, calc(min(588px, 100vw - 72px) / var(--yt-ws-size) * 0.48), 26px)/1 var(--yt-display);
	cursor: pointer; touch-action: manipulation; user-select: none;
}
.yt-wsearch__cell.is-found { background: var(--yt-maroon); color: var(--yt-cream); }
.yt-wsearch__cell.is-start { background: var(--yt-orange); color: var(--yt-maroon); }
.yt-wsearch__side { flex: 1 1 240px; min-width: 0; display: flex; flex-direction: column; gap: 14px; }
.yt-wsearch__words { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 16px; margin: 0; padding: 0; list-style: none; }
.yt-wsearch__word { padding: 4px 8px; border-radius: 8px; font-weight: 700; font-size: 18px; overflow-wrap: anywhere; }
.yt-wsearch__word.is-found { background: var(--yt-maroon); color: var(--yt-cream); text-decoration: line-through; }
.yt-wsearch__msg { min-height: 22px; margin: 0; font-size: 15px; }
.yt-wsearch__done { display: flex; flex-direction: column; gap: 6px; padding: 16px 18px; border-radius: 16px; background: var(--yt-lime); outline: none; }
.yt-wsearch__done-title { font: 800 26px/1.1 var(--yt-display); }
.yt-wsearch__done > span { font-size: 16px; }
.yt-wsearch__done .yt-btn { align-self: flex-start; margin-top: 6px; }
.yt-wsearch__stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin: 6px 0 0; }
.yt-wsearch__stat { display: flex; flex-direction: column; gap: 2px; }
.yt-wsearch__stat strong { font: 800 28px/1 var(--yt-display); }
.yt-wsearch__stat span { font-size: 13px; line-height: 1.2; }
.yt-wsearch__next { margin: 4px 0 0; font-size: 15px; font-weight: 700; font-variant-numeric: tabular-nums; }
.yt-wsearch.is-done .yt-wsearch__actions,
.yt-wsearch.is-done .yt-wsearch__msg { display: none; }
.yt-wsearch.is-done .yt-wsearch__cell { cursor: default; }
.yt-wsearch__actions { display: flex; flex-wrap: wrap; gap: 10px; }
.yt-wsearch__actions .yt-btn--outline { background: var(--yt-cream); }
.yt-wsearch__actions .yt-btn--outline:hover { background: var(--yt-maroon); }

/* The question on the Activities "This week's question" bar */
.yt-question-title { display: block; }

@media (max-width: 767px) {
	.yt-scramble__verse { padding: 18px 16px; }
	.yt-scramble__tile { min-height: 46px; padding: 8px 12px; font-size: 17px; }
	.yt-scramble__tiles { gap: 8px; }
	.yt-scramble__slot { width: 48px; height: 46px; }
	.yt-scramble__level-name { font-size: 24px; }
	.yt-scramble__over { gap: 16px; padding: 24px 20px; }
	.yt-scramble__score { flex-direction: row; align-items: baseline; gap: 10px; }
	.yt-scramble__score strong { font-size: 72px; }
	.yt-scramble__over-title { font-size: 26px; }
	.yt-scramble__end { margin-left: 0; }
	.yt-wsearch { --yt-ws-gap: 3px; gap: 18px; }
	.yt-wsearch__board { flex-basis: 100%; padding: 8px; border-radius: 16px; }
	.yt-wsearch__cell { border-radius: 6px; }
	.yt-wsearch__play { gap: 20px; }
	.yt-wsearch__word { font-size: 16px; }
}
@media (max-width: 479px) {
	.yt-scramble__levels { grid-template-columns: 1fr; gap: 10px; }
	.yt-scramble__level { padding: 16px 18px; }
	.yt-scramble__go { width: 100%; }
	.yt-scramble__act { flex: 1 1 auto; }
}
/* Keep the clock in view while playing (long verses push the word bank down on phones). */
.yt-scramble.is-playing .yt-scramble__top { position: sticky; top: var(--yt-sticky-top, 8px); z-index: 5; align-self: flex-start; padding: 6px; margin: -6px; border-radius: 999px; background: var(--yt-white); box-shadow: 0 4px 14px rgba(74, 23, 8, 0.12); }