@font-face {
	font-family: "Inter";
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url("../fonts/inter-latin-variable.woff2") format("woff2");
}

:root {
	--rd-ink: #101828;
	--rd-muted: #5c667a;
	--rd-line: #dfe4ed;
	--rd-soft: #f5f7fb;
	--rd-accent: #3157d5;
	--rd-accent-dark: #2442a8;
	--rd-warm: #fff7e8;
	--rd-green: #15803d;
	--rd-yellow: #b45309;
	--rd-red: #b42318;
	--rd-radius: 18px;
	--rd-shadow: 0 18px 55px rgba(16, 24, 40, .09);
}

.rankdaily-v21 .site-main,
.rankdaily-v21 .entry-content,
.rankdaily-v21 .wp-site-blocks {
	overflow: visible;
}

.rankdaily-v21 .entry-header,
.rankdaily-v21.single-rank_question .entry-title,
.rankdaily-v21.single-rank_question .post-thumbnail {
	display: none;
}

/* Keep legacy Astra/PawPick storefront rules outside RankDaily content. */
.rankdaily-v21 #primary {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.rankdaily-v21 .entry-content > .rd-site {
	width: calc(100% - 32px) !important;
	max-width: 1160px !important;
	margin-right: auto !important;
	margin-left: auto !important;
}

.rankdaily-v21 .ast-above-header-wrap,
.rankdaily-v21 .ast-header-search,
.rankdaily-v21 .ast-header-account,
.rankdaily-v21 .ast-site-header-cart,
.rankdaily-v21 .ast-header-woo-cart {
	display: none !important;
}

.rankdaily-v21 #masthead .ast-site-header-cart-li,
.rankdaily-v21 #masthead .astra-icon.ast-icon-shopping-bag {
	display: none !important;
}

.rankdaily-v21 #masthead .astra-icon.ast-icon-shopping-bag::after {
	content: none !important;
}

.rankdaily-english-only .trp-language-switcher,
.rankdaily-english-only .trp-floater-ls,
.rankdaily-english-only #trp-floater-ls {
	display: none !important;
}

.rd-site,
.rd-game {
	box-sizing: border-box;
	color: var(--rd-ink);
	font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	line-height: 1.55;
}

.rankdaily-v21 .rd-site h1,
.rankdaily-v21 .rd-site h2,
.rankdaily-v21 .rd-site h3,
.rankdaily-v21 .rd-site h4,
.rankdaily-v21 .rd-game h1,
.rankdaily-v21 .rd-game h2,
.rankdaily-v21 .rd-game h3,
.rankdaily-v21 .rd-game h4 {
	color: var(--rd-ink);
}

.rd-site *,
.rd-site *::before,
.rd-site *::after,
.rd-game *,
.rd-game *::before,
.rd-game *::after {
	box-sizing: inherit;
}

.rd-site a,
.rd-game a {
	color: var(--rd-accent);
}

.rd-site button,
.rd-game button,
.rd-site input,
.rd-game input,
.rd-site select,
.rd-game select {
	font: inherit;
}

.rd-site {
	width: calc(100% - 32px);
	max-width: 1160px;
	margin: 0 auto;
}

.rd-page {
	padding: clamp(30px, 4vw, 58px) 0 76px;
}

.rd-home {
	padding-bottom: 90px;
}

.rd-home-hero {
	display: grid;
	grid-template-columns: minmax(0, 1.6fr) minmax(250px, .65fr);
	gap: clamp(30px, 6vw, 72px);
	align-items: center;
	min-height: 420px;
	padding: clamp(42px, 5vw, 68px) 0;
}

.rd-home-hero h1,
.rd-page-header h1,
.rd-compact-header h1 {
	max-width: 880px;
	margin: 8px 0 18px;
	font-size: clamp(2.35rem, 4.7vw, 4rem);
	line-height: 1.04;
	letter-spacing: -.045em;
}

.rd-lead,
.rd-page-header > p:last-child,
.rd-compact-header > p:last-child {
	max-width: 700px;
	margin: 0 0 30px;
	color: var(--rd-muted);
	font-size: clamp(1.06rem, 2vw, 1.3rem);
}

.rd-eyebrow {
	margin: 0;
	color: var(--rd-accent);
	font-size: .76rem;
	font-weight: 800;
	letter-spacing: .14em;
	text-transform: uppercase;
}

.rd-home-hero__proof {
	display: grid;
	gap: 12px;
}

.rd-home-hero__proof span {
	display: flex;
	align-items: baseline;
	gap: 15px;
	padding: 20px 24px;
	border: 1px solid var(--rd-line);
	border-radius: 16px;
	background: #fff;
	box-shadow: 0 10px 30px rgba(16, 24, 40, .04);
	color: var(--rd-muted);
}

.rd-home-hero__proof strong {
	color: var(--rd-ink);
	font-size: 2rem;
	line-height: 1;
}

.rd-button,
.rd-submit {
	display: inline-flex;
	min-height: 48px;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 12px 20px;
	border: 1px solid transparent;
	border-radius: 11px;
	font-weight: 800;
	line-height: 1.1;
	text-decoration: none !important;
	cursor: pointer;
	transition: transform .16s ease, box-shadow .16s ease, background-color .16s ease;
}

.rd-button:hover,
.rd-submit:hover {
	transform: translateY(-1px);
}

.rd-button:focus-visible,
.rd-submit:focus-visible,
.rd-item button:focus-visible,
.rd-filters button:focus-visible,
.rd-source-link:focus-visible {
	outline: 3px solid color-mix(in srgb, var(--rd-accent), white 62%);
	outline-offset: 3px;
}

.rd-button--primary,
.rd-submit {
	background: var(--rd-accent);
	box-shadow: 0 10px 24px color-mix(in srgb, var(--rd-accent), transparent 75%);
	color: #fff !important;
}

.rd-button--primary:hover,
.rd-submit:hover {
	background: color-mix(in srgb, var(--rd-accent), #000 14%);
}

.rd-button--secondary {
	border-color: var(--rd-line);
	background: #fff;
	color: var(--rd-ink);
}

.rd-button--secondary:hover {
	border-color: color-mix(in srgb, var(--rd-accent), white 58%);
	background: var(--rd-blue-soft, #edf2ff);
	color: var(--rd-accent);
}

.rd-section {
	padding: clamp(48px, 6vw, 70px) 0;
}

.rd-section--game {
	position: relative;
}

.rd-section--game::before {
	position: absolute;
	z-index: -1;
	inset: 0 50%;
	width: 100vw;
	background: var(--rd-soft);
	content: "";
	transform: translateX(-50%);
}

.rd-section-heading {
	display: flex;
	align-items: end;
	justify-content: space-between;
	gap: 20px;
	margin-bottom: 26px;
}

.rd-section-heading h2,
.rd-related h2 {
	margin: 5px 0 0;
	font-size: clamp(1.65rem, 3vw, 2.5rem);
	letter-spacing: -.035em;
}

.rd-section-heading > p {
	max-width: 430px;
	margin: 0;
	color: var(--rd-muted);
}

.rd-home-steps,
.rd-info-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 18px;
}

.rd-home-steps {
	padding: clamp(56px, 7vw, 82px) 0 0;
}

.rd-info-grid {
	padding: 0;
}

.rd-home-steps article,
.rd-info-grid article {
	padding: 28px;
	border: 1px solid var(--rd-line);
	border-radius: var(--rd-radius);
	background: #fff;
}

.rd-home-steps article > span,
.rd-info-grid article > span {
	display: inline-grid;
	width: 42px;
	height: 42px;
	place-items: center;
	border-radius: 50%;
	background: var(--rd-soft);
	color: var(--rd-accent);
	font-weight: 900;
}

.rd-home-steps h3,
.rd-info-grid h2 {
	margin: 20px 0 8px;
	font-size: 1.25rem;
}

.rd-home-steps p,
.rd-info-grid p {
	margin: 0;
	color: var(--rd-muted);
}

.rd-page-header,
.rd-compact-header {
	margin: 0 auto clamp(34px, 4vw, 50px);
	text-align: center;
}

.rd-page-header h1,
.rd-compact-header h1 {
	margin-inline: auto;
	font-size: clamp(2.1rem, 4vw, 3.35rem);
}

.rd-page-header > p:last-child,
.rd-compact-header > p:last-child {
	margin-inline: auto;
}

.rd-category-grid,
.rd-card-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
}

.rd-category-grid--five {
	grid-template-columns: repeat(6, minmax(0, 1fr));
}

.rd-category-grid--five .rd-category-card {
	grid-column: span 2;
}

.rd-category-grid--five .rd-category-card:nth-child(4) {
	grid-column: 2 / span 2;
}

.rd-category-grid--five .rd-category-card:nth-child(5) {
	grid-column: 4 / span 2;
}

.rd-category-card,
.rd-challenge-card {
	position: relative;
	display: flex;
	min-height: 220px;
	flex-direction: column;
	align-items: flex-start;
	padding: 26px;
	border: 1px solid var(--rd-line);
	border-radius: var(--rd-radius);
	background: #fff;
	box-shadow: 0 8px 28px rgba(16, 24, 40, .04);
	color: var(--rd-ink) !important;
	text-decoration: none !important;
	transition: border-color .18s ease, transform .18s ease, box-shadow .18s ease;
}

.rd-category-card:hover,
.rd-challenge-card:hover {
	border-color: color-mix(in srgb, var(--rd-accent), white 55%);
	box-shadow: 0 16px 34px rgba(16, 24, 40, .08);
	transform: translateY(-3px);
}

.rd-category-icon {
	display: grid;
	width: 46px;
	height: 46px;
	place-items: center;
	border-radius: 14px;
	background: color-mix(in srgb, var(--rd-accent), white 92%);
	color: var(--rd-accent);
}

.rd-category-icon svg {
	width: 25px;
	height: 25px;
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.7;
}

.rd-category-card__count {
	position: absolute;
	top: 26px;
	right: 24px;
	color: var(--rd-muted);
	font-size: .8rem;
}

.rd-category-card__title {
	margin: auto 0 6px;
	font-size: 1.35rem;
	line-height: 1.25;
}

.rd-category-card > span:last-child,
.rd-challenge-card > p {
	color: var(--rd-muted);
}

.rd-centered-action {
	margin-top: 44px;
	text-align: center;
}

.rd-filters {
	display: flex;
	flex-wrap: wrap;
	gap: 9px;
	margin: -24px 0 28px;
}

.rd-filters button {
	padding: 8px 14px;
	border: 1px solid var(--rd-line);
	border-radius: 999px;
	background: #fff;
	color: var(--rd-muted);
	cursor: pointer;
}

.rd-filters button.is-active {
	border-color: var(--rd-accent);
	background: var(--rd-accent);
	color: #fff;
}

.rd-filters button:not(.rd-filter-surprise):hover {
	border-color: color-mix(in srgb, var(--rd-accent), white 58%);
	background: var(--rd-blue-soft, #edf2ff);
	color: var(--rd-accent);
}

.rd-filters button.is-active:hover {
	border-color: var(--rd-accent-dark);
	background: var(--rd-accent-dark);
	color: #fff;
}

.rd-challenge-card {
	min-height: 245px;
}

.rd-challenge-card__meta,
.rd-game-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.rd-challenge-card__meta span,
.rd-game-meta span {
	padding: 5px 9px;
	border-radius: 999px;
	background: var(--rd-soft);
	color: var(--rd-muted);
	font-size: .72rem;
	font-weight: 800;
	letter-spacing: .02em;
}

.rd-challenge-card h2,
.rd-challenge-card h3 {
	margin: 22px 0 9px;
	font-size: 1.25rem;
	line-height: 1.28;
}

.rd-challenge-card h2 a,
.rd-challenge-card h3 a {
	color: var(--rd-ink);
	text-decoration: none;
}

.rd-challenge-card__footer {
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-top: auto;
}

.rd-completed-badge {
	padding: 4px 8px;
	border-radius: 999px;
	background: #eaf8ef;
	color: var(--rd-green);
	font-size: .72rem;
	font-weight: 800;
}

.rd-empty,
.rd-filter-empty {
	padding: 42px;
	border: 1px dashed var(--rd-line);
	border-radius: var(--rd-radius);
	background: var(--rd-soft);
	text-align: center;
}

.rd-prose {
	max-width: 760px;
	margin: 64px auto 0;
}

.rd-prose h2 {
	margin: 38px 0 8px;
}

.rd-prose p {
	color: var(--rd-muted);
}

.rd-breadcrumb {
	display: flex;
	flex-wrap: wrap;
	gap: 9px;
	margin-bottom: 22px;
	color: var(--rd-muted);
	font-size: .86rem;
}

.rd-breadcrumb a {
	color: inherit;
}

.rd-related {
	margin-top: clamp(60px, 9vw, 110px);
}

.rd-game {
	width: min(790px, 100%);
	margin: 0 auto;
	padding: clamp(22px, 5vw, 40px);
	border: 1px solid var(--rd-line);
	border-radius: 24px;
	background: #fff;
	box-shadow: var(--rd-shadow);
}

.rd-game-header h1,
.rd-game-header h2 {
	margin: 15px 0 7px;
	font-size: clamp(1.5rem, 4vw, 2.25rem);
	line-height: 1.2;
	letter-spacing: -.035em;
}

.rd-game-header > p,
.rd-help {
	margin: 0;
	color: var(--rd-muted);
}

.rd-stats {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 20px;
	margin-top: 22px;
	padding-top: 16px;
	border-top: 1px solid var(--rd-line);
	font-size: .86rem;
}

.rd-stats strong {
	margin-left: 5px;
	color: var(--rd-ink);
}

.rd-stats > button {
	margin-left: auto;
	padding: 4px 0;
	border: 0;
	background: transparent;
	color: var(--rd-accent);
	font: inherit;
	font-weight: 800;
	text-decoration: underline;
	text-underline-offset: 3px;
	cursor: pointer;
}

.rd-stats > button:hover {
	background: transparent;
	color: var(--rd-accent-dark);
}

.rd-stats-modal {
	position: fixed;
	z-index: 1200;
	inset: 0;
	display: grid;
	padding: 20px;
	place-items: center;
	background: rgba(13, 24, 48, .55);
	backdrop-filter: blur(5px);
}

.rd-stats-modal[hidden] {
	display: none !important;
}

.rd-stats-modal__card {
	position: relative;
	width: min(540px, 100%);
	max-height: calc(100vh - 40px);
	overflow: auto;
	padding: clamp(24px, 5vw, 36px);
	border: 1px solid var(--rd-line);
	border-radius: 22px;
	background: #fff;
	box-shadow: 0 30px 90px rgba(13, 24, 48, .28);
}

.rd-stats-modal__card h3 {
	margin: 5px 44px 22px 0;
	font-size: clamp(1.65rem, 5vw, 2.2rem);
	letter-spacing: -.04em;
}

.rd-stats-modal__close {
	position: absolute;
	top: 18px;
	right: 18px;
	display: grid;
	width: 40px;
	height: 40px;
	padding: 0;
	place-items: center;
	border: 1px solid var(--rd-line);
	border-radius: 50%;
	background: var(--rd-soft);
	color: var(--rd-ink);
	font-size: 1.35rem;
	cursor: pointer;
}

.rd-stats-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 9px;
}

.rd-stats-grid span {
	display: flex;
	min-width: 0;
	min-height: 100px;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	padding: 12px 7px;
	border-radius: 13px;
	background: var(--rd-soft);
	color: var(--rd-muted);
	font-size: .68rem;
	font-weight: 750;
	text-align: center;
}

.rd-stats-grid strong {
	margin-bottom: 7px;
	color: var(--rd-ink);
	font-size: 1.35rem;
}

.rd-display-setting {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	margin-top: 18px;
	padding-top: 18px;
	border-top: 1px solid var(--rd-line);
}

.rd-display-setting p {
	margin: 4px 0 0;
	color: var(--rd-muted);
	font-size: .77rem;
}

.rd-display-setting button {
	flex: 0 0 auto;
	padding: 9px 12px;
	border: 1px solid var(--rd-line);
	border-radius: 9px;
	background: #fff;
	color: var(--rd-accent);
	font: inherit;
	font-size: .76rem;
	font-weight: 800;
	cursor: pointer;
}

.rd-help {
	margin-top: 24px;
	font-size: .84rem;
}

.rd-items {
	display: grid;
	gap: 10px;
	margin: 14px 0 20px;
	padding: 0;
	list-style: none;
}

.rd-item {
	display: grid;
	grid-template-columns: 42px minmax(0, 1fr) 42px 42px;
	gap: 8px;
	align-items: center;
	min-height: 64px;
	padding: 8px;
	border: 1px solid var(--rd-line);
	border-radius: 13px;
	background: #fff;
	box-shadow: 0 3px 9px rgba(16, 24, 40, .03);
	transition: border-color .14s ease, transform .14s ease, opacity .14s ease;
}

.rd-item:hover {
	border-color: color-mix(in srgb, var(--rd-accent), white 55%);
}

.rd-item.is-selected {
	border-color: var(--rd-accent);
	background: color-mix(in srgb, var(--rd-accent), white 95%);
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--rd-accent), transparent 84%);
}

.rd-item.is-dragging {
	z-index: 2;
	border-color: var(--rd-accent);
	box-shadow: 0 12px 28px rgba(16, 24, 40, .15);
	opacity: .76;
	transform: scale(1.01);
}

.rd-item-name {
	width: 100%;
	padding: 0 6px;
	border: 0;
	background: transparent;
	color: var(--rd-ink);
	font: inherit;
	font-weight: 750;
	text-align: left;
	cursor: pointer;
}

.rd-item-name:hover {
	background: transparent;
	color: var(--rd-accent);
}

.rd-handle,
.rd-move {
	display: grid;
	width: 42px;
	height: 42px;
	padding: 0;
	place-items: center;
	border: 0;
	border-radius: 9px;
	background: var(--rd-soft);
	color: var(--rd-muted);
	cursor: pointer;
	user-select: none;
}

.rd-handle {
	font-size: 1.1rem;
	letter-spacing: -4px;
	touch-action: none;
	cursor: grab;
}

.rd-handle:active {
	cursor: grabbing;
}

.rd-move:hover,
.rd-handle:hover {
	background: color-mix(in srgb, var(--rd-accent), white 90%);
	color: var(--rd-accent);
}

.rd-move:disabled,
.rd-handle:disabled {
	cursor: not-allowed;
	opacity: .32;
}

.rd-submit {
	width: 100%;
	min-height: 54px;
	font-size: 1rem;
}

.rd-status {
	min-height: 1px;
	margin: 10px 0 0;
	color: var(--rd-muted);
	font-size: .84rem;
	text-align: center;
}

.rd-results {
	margin-top: 28px;
	padding-top: 28px;
	border-top: 1px solid var(--rd-line);
}

.rd-score-card {
	padding: clamp(22px, 5vw, 34px);
	border-radius: 18px;
	background: var(--rd-soft);
	scroll-margin-top: 96px;
	text-align: center;
}

.rd-score-kicker {
	margin: 0;
	color: var(--rd-muted);
	font-size: .76rem;
	font-weight: 800;
	letter-spacing: .12em;
	text-transform: uppercase;
}

.rd-score-card h3 {
	margin: 4px 0;
	font-size: clamp(2.5rem, 8vw, 4.4rem);
	line-height: 1;
	letter-spacing: -.06em;
}

.rd-score-card > p:not(.rd-score-kicker):not(.rd-legend) {
	margin: 10px 0;
	color: var(--rd-muted);
}

.rd-squares {
	display: flex;
	justify-content: center;
	gap: 7px;
	margin-top: 17px;
}

.rd-squares span {
	display: block;
	width: 25px;
	height: 25px;
	border-radius: 5px;
}

.rd-squares .is-exact { background: #22a447; }
.rd-squares .is-close { background: #e7a622; }
.rd-squares .is-far { background: #dc3b32; }

.rd-legend {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 14px;
	margin: 14px 0 0;
	font-size: .74rem;
}

.rd-legend span::before {
	display: inline-block;
	width: 8px;
	height: 8px;
	margin-right: 5px;
	border-radius: 50%;
	content: "";
}

.rd-legend .is-exact::before { background: #22a447; }
.rd-legend .is-close::before { background: #e7a622; }
.rd-legend .is-far::before { background: #dc3b32; }

.rd-order-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
	margin-top: 18px;
}

.rd-order-grid:not(.is-original-open) {
	grid-template-columns: minmax(0, 620px);
	justify-content: center;
}

.rd-result-panel[hidden] {
	display: none !important;
}

.rd-next-countdown {
	margin: 18px 0 0;
	color: var(--rd-muted);
	font-size: .82rem;
	font-weight: 750;
	text-align: center;
}

.rd-result-panel {
	padding: 20px;
	border: 1px solid var(--rd-line);
	border-radius: 15px;
}

.rd-result-panel h4 {
	margin: 0 0 13px;
}

.rd-result-list {
	display: grid;
	gap: 7px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.rd-result-list li {
	display: grid;
	grid-template-columns: 28px minmax(0, 1fr) auto;
	gap: 8px;
	align-items: center;
	min-height: 43px;
	padding: 7px 9px;
	border-left: 3px solid var(--rd-line);
	border-radius: 6px;
	background: var(--rd-soft);
	font-size: .88rem;
}

.rd-result-list li.is-exact { border-left-color: #22a447; }
.rd-result-list li.is-close { border-left-color: #e7a622; }
.rd-result-list li.is-far { border-left-color: #dc3b32; }
.rd-result-list li.is-correct { border-left-color: var(--rd-accent); }

.rd-game.is-colorblind .rd-squares .is-exact { background: #0072b2; }
.rd-game.is-colorblind .rd-squares .is-close { background: #e69f00; }
.rd-game.is-colorblind .rd-squares .is-far { background: #6b7280; }
.rd-game.is-colorblind .rd-legend .is-exact::before { background: #0072b2; }
.rd-game.is-colorblind .rd-legend .is-close::before { background: #e69f00; }
.rd-game.is-colorblind .rd-legend .is-far::before { background: #6b7280; }
.rd-game.is-colorblind .rd-result-list li.is-exact { border-left-color: #0072b2; }
.rd-game.is-colorblind .rd-result-list li.is-close { border-left-color: #e69f00; }
.rd-game.is-colorblind .rd-result-list li.is-far { border-left-color: #6b7280; }

.rd-result-rank {
	display: grid;
	width: 24px;
	height: 24px;
	place-items: center;
	border-radius: 50%;
	background: #fff;
	font-size: .7rem;
	font-weight: 800;
}

.rd-result-value {
	color: var(--rd-muted);
	font-size: .76rem;
	white-space: nowrap;
}

.rd-facts {
	margin-top: 32px;
}

.rd-facts > h3 {
	margin-bottom: 14px;
	font-size: 1.4rem;
}

.rd-fact-grid {
	display: grid;
	gap: 10px;
}

.rd-fact-card {
	padding: 18px;
	border: 1px solid var(--rd-line);
	border-radius: 13px;
}

.rd-fact-card__top {
	display: grid;
	grid-template-columns: 28px minmax(0, 1fr) auto;
	gap: 9px;
	align-items: center;
}

.rd-fact-card__top > span {
	display: grid;
	width: 27px;
	height: 27px;
	place-items: center;
	border-radius: 50%;
	background: var(--rd-accent);
	color: #fff;
	font-size: .72rem;
	font-weight: 800;
}

.rd-fact-card__top b {
	color: var(--rd-accent);
	font-size: .86rem;
	white-space: nowrap;
}

.rd-fact-card p {
	margin: 10px 0 8px 37px;
	color: var(--rd-muted);
	font-size: .9rem;
}

.rd-source-link {
	display: inline-block;
	margin-left: 37px;
	font-size: .78rem;
	font-weight: 700;
}

.rd-result-actions {
	display: flex;
	justify-content: center;
	gap: 10px;
	margin-top: 24px;
}

.rd-share-fallback {
	display: block;
	width: 100%;
	min-height: 145px;
	margin-top: 12px;
	padding: 12px;
	border: 1px solid var(--rd-line);
	border-radius: 10px;
	font: 14px/1.5 ui-monospace, SFMono-Regular, Menlo, monospace;
}

.rd-share-fallback[hidden] {
	display: none;
}

[hidden] {
	display: none !important;
}

@media (max-width: 900px) {
	.rd-home-hero {
		grid-template-columns: 1fr;
		min-height: auto;
	}

	.rd-home-hero__proof {
		grid-template-columns: repeat(3, 1fr);
	}

	.rd-home-hero__proof span {
		flex-direction: column;
		gap: 4px;
	}

	.rd-category-grid,
	.rd-card-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.rd-category-grid--five .rd-category-card {
		grid-column: auto;
	}

	.rd-category-grid--five .rd-category-card:nth-child(4) {
		grid-column: auto;
	}

	.rd-category-grid--five .rd-category-card:nth-child(5) {
		width: calc(50% - 9px);
		grid-column: 1 / -1;
		justify-self: center;
	}
}

@media (max-width: 680px) {
	.rd-site {
		width: calc(100% - 22px);
	}

	.rankdaily-v21 .entry-content > .rd-site {
		width: calc(100% - 22px) !important;
	}

	.rd-page {
		padding-top: 34px;
	}

	.rd-home-hero {
		padding: 42px 0 52px;
	}

	.rd-home-hero h1,
	.rd-page-header h1,
	.rd-compact-header h1 {
		letter-spacing: -.045em;
	}

	.rd-home-hero__proof,
	.rd-home-steps,
	.rd-info-grid,
	.rd-category-grid,
	.rd-card-grid,
	.rd-order-grid {
		grid-template-columns: 1fr;
	}

	.rd-category-grid--five .rd-category-card:nth-child(5) {
		width: 100%;
		grid-column: auto;
	}

	.rd-home-hero__proof span {
		flex-direction: row;
		gap: 13px;
	}

	.rd-section-heading {
		align-items: flex-start;
		flex-direction: column;
	}

	.rd-game {
		padding: 19px;
		border-radius: 18px;
	}

	.rd-help {
		font-size: .78rem;
	}

	.rd-item {
		grid-template-columns: 39px minmax(0, 1fr) 39px 39px;
		gap: 5px;
		min-height: 61px;
		padding: 7px;
	}

	.rd-handle,
	.rd-move {
		width: 39px;
		height: 42px;
	}

	.rd-item-name {
		font-size: .9rem;
	}

	.rd-result-actions {
		align-items: stretch;
		flex-direction: column;
	}

	.rd-result-actions .rd-button {
		width: 100%;
	}

	.rd-fact-card__top {
		grid-template-columns: 28px minmax(0, 1fr);
	}

	.rd-fact-card__top b {
		grid-column: 2;
	}

	.rd-fact-card p,
	.rd-source-link {
		margin-left: 0;
	}
}

@media (prefers-reduced-motion: reduce) {
	.rd-site *,
	.rd-game * {
		scroll-behavior: auto !important;
		transition: none !important;
	}
}

/* --------------------------------------------------------------------------
 * RankDaily 2.2 product shell
 * ----------------------------------------------------------------------- */

:root {
	--rd-page: #f5f7fb;
	--rd-navy: #0d1830;
	--rd-blue-soft: #edf2ff;
}

.rankdaily-v22,
.rankdaily-v22 #page,
.rankdaily-v22 #content,
.rankdaily-v22 .site-content,
.rankdaily-v22 .site-main,
.rankdaily-v22 #primary,
.rankdaily-v22 article.page,
.rankdaily-v22 .entry-content,
.rankdaily-v22 .wp-site-blocks {
	background: var(--rd-page) !important;
}

.rankdaily-v22 #masthead,
.rankdaily-v22 #colophon,
.rankdaily-v22 .site-footer,
.rankdaily-v22 .site-primary-footer-wrap,
.rankdaily-v22 .site-below-footer-wrap {
	display: none !important;
}

.rankdaily-v22 #content > .ast-container,
.rankdaily-v22 #content .site-content > .ast-container {
	display: block !important;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

.rankdaily-v22 #primary,
.rankdaily-v22 .content-area {
	width: 100% !important;
	max-width: none !important;
	padding: 0 !important;
	border: 0 !important;
}

.rankdaily-v22 .entry-content > .rd-site,
.rankdaily-v22 .rd-site {
	width: calc(100% - 40px) !important;
	max-width: 1240px !important;
	margin-right: auto !important;
	margin-left: auto !important;
	background: transparent !important;
}

.rd-global-header,
.rd-global-footer {
	box-sizing: border-box;
	font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.rd-global-header *,
.rd-global-header *::before,
.rd-global-header *::after,
.rd-global-footer *,
.rd-global-footer *::before,
.rd-global-footer *::after {
	box-sizing: inherit;
}

.rd-global-header {
	position: sticky;
	z-index: 999;
	top: 0;
	width: 100%;
	border-bottom: 1px solid rgba(16, 24, 40, .08);
	background: rgba(255, 255, 255, .94);
	box-shadow: 0 6px 24px rgba(16, 24, 40, .04);
	backdrop-filter: blur(14px);
}

.admin-bar .rd-global-header {
	top: 32px;
}

.rd-global-header__inner {
	display: flex;
	width: calc(100% - 40px);
	max-width: 1240px;
	height: 72px;
	align-items: center;
	justify-content: space-between;
	gap: 36px;
	margin: 0 auto;
}

.rd-brand {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	color: var(--rd-navy) !important;
	font-size: 1.25rem;
	font-weight: 900;
	letter-spacing: -.035em;
	text-decoration: none !important;
}

.rd-brand > span {
	display: inline-grid;
	width: 34px;
	height: 34px;
	place-items: center;
	border-radius: 10px;
	background: var(--rd-accent);
	box-shadow: 0 7px 16px rgba(49, 87, 213, .25);
	color: #fff;
	font-size: .95rem;
	font-weight: 900;
}

.rd-global-nav {
	display: flex;
	height: 100%;
	align-items: center;
	gap: 6px;
}

.rd-global-nav a {
	position: relative;
	display: inline-flex;
	height: 42px;
	align-items: center;
	padding: 0 14px;
	border-radius: 10px;
	color: #344054;
	font-size: .91rem;
	font-weight: 750;
	text-decoration: none;
	transition: background-color .16s ease, color .16s ease;
}

.rd-global-nav a:hover {
	background: var(--rd-blue-soft);
	color: var(--rd-accent);
}

.rd-global-nav a[aria-current="page"] {
	background: var(--rd-blue-soft);
	color: var(--rd-accent);
}

.rd-global-nav a[aria-current="page"]::after {
	position: absolute;
	right: 14px;
	bottom: -16px;
	left: 14px;
	height: 2px;
	border-radius: 2px;
	background: var(--rd-accent);
	content: "";
}

.rd-menu-toggle {
	display: none;
	width: 44px;
	height: 44px;
	padding: 11px;
	border: 1px solid var(--rd-line);
	border-radius: 11px;
	background: #fff;
	cursor: pointer;
}

.rd-menu-toggle > span:not(.screen-reader-text) {
	display: block;
	width: 100%;
	height: 2px;
	margin: 4px 0;
	border-radius: 2px;
	background: var(--rd-ink);
}

.screen-reader-text {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

.rd-global-footer {
	position: relative;
	z-index: 2;
	padding: 54px 20px 24px;
	background: var(--rd-navy);
	color: rgba(255, 255, 255, .74);
}

.rd-global-footer__inner {
	display: flex;
	max-width: 1240px;
	align-items: flex-start;
	justify-content: space-between;
	gap: 48px;
	margin: 0 auto;
}

.rd-brand--footer {
	color: #fff !important;
}

.rd-global-footer__inner p {
	max-width: 420px;
	margin: 14px 0 0;
	font-size: .92rem;
}

.rd-global-footer nav {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 12px 24px;
}

.rd-global-footer nav a {
	color: rgba(255, 255, 255, .82);
	font-size: .88rem;
	font-weight: 700;
	text-decoration: none;
}

.rd-global-footer nav a:hover {
	color: #fff;
}

.rd-global-footer__legal {
	max-width: 1240px;
	margin: 42px auto 0;
	padding-top: 20px;
	border-top: 1px solid rgba(255, 255, 255, .11);
	font-size: .76rem;
}

.rankdaily-v22 .rd-home {
	padding-bottom: 84px;
}

.rankdaily-v22 .rd-home-hero {
	position: relative;
	isolation: isolate;
	grid-template-columns: minmax(0, 1.08fr) minmax(360px, .82fr);
	gap: clamp(46px, 6vw, 88px);
	min-height: 530px;
	padding: 64px 0 68px;
}

.rankdaily-v22 .rd-home-hero::before {
	position: absolute;
	z-index: -1;
	inset: 0 50%;
	width: 100vw;
	border-bottom: 1px solid #e9edf5;
	background:
		radial-gradient(circle at 86% 18%, rgba(49, 87, 213, .11), transparent 29%),
		linear-gradient(135deg, #fff 0%, #fbfcff 57%, #f4f7ff 100%);
	content: "";
	transform: translateX(-50%);
}

.rankdaily-v22 .rd-home-hero__copy {
	max-width: 710px;
}

.rankdaily-v22 .rd-home-hero h1 {
	max-width: 700px;
	margin-top: 12px;
	font-size: clamp(2.75rem, 4.7vw, 4.25rem);
}

.rankdaily-v22 .rd-lead {
	max-width: 650px;
}

.rd-hero-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 22px;
}

.rd-hero-chips span {
	padding: 6px 11px;
	border: 1px solid #dfe5f2;
	border-radius: 999px;
	background: rgba(255, 255, 255, .8);
	color: var(--rd-muted);
	font-size: .76rem;
	font-weight: 750;
}

.rd-hero-chips span::before {
	margin-right: 6px;
	color: var(--rd-accent);
	content: "✓";
	font-weight: 900;
}

.rd-hero-preview {
	position: relative;
	width: 100%;
	max-width: 430px;
	justify-self: end;
	padding: 22px;
	border: 1px solid #dbe2f0;
	border-radius: 24px;
	background: rgba(255, 255, 255, .96);
	box-shadow: 0 28px 70px rgba(27, 42, 82, .14);
	transform: rotate(1deg);
}

.rd-hero-preview::before {
	position: absolute;
	z-index: -1;
	inset: 18px -12px -14px 18px;
	border-radius: 24px;
	background: #dfe7ff;
	content: "";
	transform: rotate(-3deg);
}

.rd-hero-preview__top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}

.rd-hero-preview__top span,
.rd-hero-preview__top b {
	font-size: .65rem;
	font-weight: 850;
	letter-spacing: .1em;
}

.rd-hero-preview__top span {
	color: var(--rd-accent);
}

.rd-hero-preview__top b {
	color: #7a8498;
}

.rd-hero-preview > p {
	margin: 16px 0 14px;
	color: var(--rd-ink);
	font-size: 1.15rem;
	font-weight: 850;
}

.rd-hero-preview ol {
	display: grid;
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.rd-hero-preview li {
	display: grid;
	grid-template-columns: 28px minmax(0, 1fr) 24px;
	gap: 10px;
	align-items: center;
	min-height: 47px;
	padding: 7px 10px;
	border: 1px solid #e3e7ef;
	border-radius: 11px;
	background: #fff;
	box-shadow: 0 3px 10px rgba(16, 24, 40, .035);
}

.rd-hero-preview li > span {
	display: grid;
	width: 27px;
	height: 27px;
	place-items: center;
	border-radius: 8px;
	background: var(--rd-blue-soft);
	color: var(--rd-accent);
	font-size: .7rem;
	font-weight: 850;
}

.rd-hero-preview li strong {
	font-size: .82rem;
}

.rd-hero-preview li i {
	color: #9aa3b5;
	font-size: .88rem;
	font-style: normal;
	letter-spacing: -4px;
}

.rd-hero-guide li i {
	color: var(--rd-accent);
	font-size: 1rem;
	font-weight: 850;
	letter-spacing: 0;
}

.rd-hero-preview__footer {
	display: flex;
	align-items: center;
	gap: 5px;
	margin-top: 15px;
}

.rd-hero-preview__footer > span {
	display: block;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #22a447;
}

.rd-hero-preview__footer > span:nth-child(2) { background: #e7a622; }
.rd-hero-preview__footer > span:nth-child(3) { background: #dc3b32; }

.rd-hero-preview__footer b {
	margin-left: auto;
	color: var(--rd-muted);
	font-size: .7rem;
}

.rankdaily-v22 .rd-section {
	padding: clamp(52px, 6vw, 76px) 0;
}

.rankdaily-v22 .rd-section--game .rd-section-heading,
.rankdaily-v22 .rd-compact-header,
.rankdaily-v22 .rd-breadcrumb {
	width: min(860px, 100%);
}

.rankdaily-v22 .rd-section--game .rd-section-heading {
	margin-right: auto;
	margin-left: auto;
}

.rankdaily-v22 .rd-section--categories {
	padding-bottom: 34px;
}

.rankdaily-v22 .rd-section--steps {
	padding-top: 38px;
}

.rankdaily-v22 .rd-page {
	padding: clamp(38px, 4.5vw, 62px) 0 82px;
}

.rankdaily-v22 .rd-page-header {
	max-width: 900px;
	margin-bottom: clamp(34px, 4vw, 48px);
}

.rankdaily-v22 .rd-page-header h1,
.rankdaily-v22 .rd-compact-header h1 {
	font-size: clamp(2.25rem, 4vw, 3.55rem);
}

.rankdaily-v22 .rd-compact-header {
	margin-bottom: 32px;
}

.rankdaily-v22 .rd-category-card {
	min-height: 210px;
	padding: 24px;
}

.rankdaily-v22 .rd-card-grid {
	grid-template-columns: repeat(auto-fit, minmax(250px, 290px));
	justify-content: center;
	gap: 18px;
}

.rankdaily-v22 .rd-challenge-card {
	overflow: hidden;
	min-height: 188px;
	padding: 22px;
	border-radius: 16px;
}

.rankdaily-v22 .rd-challenge-card::before {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	height: 3px;
	background: var(--rd-accent);
	content: "";
	opacity: .62;
}

.rankdaily-v22 .rd-challenge-card h2,
.rankdaily-v22 .rd-challenge-card h3 {
	margin: 20px 0 20px;
	font-size: 1.08rem;
	line-height: 1.3;
}

.rd-card-action {
	color: var(--rd-accent);
	font-size: .82rem;
	font-weight: 800;
}

.rankdaily-v22 .rd-filters {
	position: sticky;
	z-index: 20;
	top: 84px;
	justify-content: center;
	margin: -14px auto 30px;
	padding: 10px;
	border: 1px solid rgba(223, 228, 237, .85);
	border-radius: 18px;
	background: rgba(245, 247, 251, .94);
	box-shadow: 0 8px 24px rgba(16, 24, 40, .055);
	backdrop-filter: blur(10px);
}

.admin-bar.rankdaily-v22 .rd-filters {
	top: 116px;
}

.rankdaily-v22 .rd-breadcrumb {
	margin-right: auto;
	margin-left: auto;
}

.rankdaily-v22 .rd-related {
	margin-top: clamp(56px, 7vw, 84px);
	padding-top: 48px;
	border-top: 1px solid var(--rd-line);
}

.rankdaily-v22 .rd-related .rd-section-heading {
	justify-content: center;
	text-align: center;
}

.rankdaily-v22 .rd-game {
	width: min(860px, 100%);
	box-shadow: 0 22px 60px rgba(16, 24, 40, .095);
}

.rankdaily-v22 .rd-game.is-complete:not(.is-reviewing) .rd-help,
.rankdaily-v22 .rd-game.is-complete:not(.is-reviewing) .rd-items,
.rankdaily-v22 .rd-game.is-complete:not(.is-reviewing) .rd-attempt-state,
.rankdaily-v22 .rd-game.is-complete:not(.is-reviewing) .rd-attempt-feedback {
	display: none;
}

.rankdaily-v22 .rd-game.is-complete .rd-results {
	margin-top: 12px;
	padding-top: 18px;
}

.rd-original-toggle {
	display: block;
	margin: 16px auto 0;
	padding: 8px 13px;
	border: 0;
	border-radius: 9px;
	background: transparent;
	color: var(--rd-accent);
	font: inherit;
	font-size: .8rem;
	font-weight: 800;
	text-decoration: underline;
	text-underline-offset: 3px;
	cursor: pointer;
}

.rd-original-toggle:focus-visible,
.rd-menu-toggle:focus-visible,
.rd-global-nav a:focus-visible {
	outline: 3px solid color-mix(in srgb, var(--rd-accent), white 62%);
	outline-offset: 3px;
}

.rd-original-toggle:hover {
	background: transparent;
	color: var(--rd-accent-dark);
}

.rd-menu-toggle:hover {
	border-color: color-mix(in srgb, var(--rd-accent), white 58%);
	background: var(--rd-blue-soft);
}

.rankdaily-v22 .rd-info-grid article {
	min-height: 250px;
	padding: 30px;
}

.rankdaily-v22 .rd-info-grid .rd-info-icon {
	display: grid;
	width: 48px;
	height: 48px;
	place-items: center;
	border-radius: 14px;
	background: var(--rd-blue-soft);
}

.rd-info-icon svg {
	width: 25px;
	height: 25px;
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.8;
}

.rd-about-details {
	margin-top: 22px;
}

.rd-scoring-card {
	display: grid;
	grid-template-columns: 1fr 1.15fr;
	gap: clamp(28px, 5vw, 70px);
	align-items: center;
	margin-top: 22px;
	padding: clamp(28px, 4vw, 46px);
	border: 1px solid #dbe2ef;
	border-radius: 22px;
	background: linear-gradient(135deg, #fff, #f7f9ff);
}

.rd-scoring-card h2,
.rd-trust-grid h2 {
	margin: 8px 0 10px;
	font-size: clamp(1.45rem, 2.5vw, 2rem);
}

.rd-scoring-card p:not(.rd-eyebrow),
.rd-trust-grid p {
	margin: 0;
	color: var(--rd-muted);
}

.rd-score-key {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 10px;
}

.rd-score-key span {
	display: flex;
	min-height: 118px;
	flex-direction: column;
	justify-content: center;
	padding: 16px;
	border: 1px solid var(--rd-line);
	border-top: 4px solid #22a447;
	border-radius: 13px;
	background: #fff;
	color: var(--rd-muted);
	font-size: .73rem;
	font-weight: 750;
}

.rd-score-key span.is-close { border-top-color: #e7a622; }
.rd-score-key span.is-far { border-top-color: #dc3b32; }

.rd-score-key b {
	margin-bottom: 5px;
	color: var(--rd-ink);
	font-size: 1.85rem;
	line-height: 1;
}

.rd-trust-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 18px;
	margin-top: 18px;
}

.rd-trust-grid article {
	padding: 30px;
	border: 1px solid var(--rd-line);
	border-radius: 18px;
	background: #fff;
}

.rd-detail-kicker {
	color: var(--rd-accent);
	font-size: .72rem;
	font-weight: 850;
	letter-spacing: .1em;
	text-transform: uppercase;
}

@media (max-width: 980px) {
	.rankdaily-v22 .rd-home-hero {
		grid-template-columns: 1fr;
		gap: 42px;
		min-height: 0;
	}

	.rd-hero-preview {
		width: min(560px, 100%);
		max-width: none;
		justify-self: center;
		transform: none;
	}

	.rankdaily-v22 .rd-card-grid {
		grid-template-columns: repeat(auto-fit, minmax(240px, 280px));
	}
}

@media (max-width: 760px) {
	.admin-bar .rd-global-header {
		top: 46px;
	}

	.rd-global-header__inner {
		height: 64px;
	}

	.rd-menu-toggle {
		display: block;
	}

	.rd-global-nav {
		position: absolute;
		top: calc(100% + 1px);
		right: 14px;
		left: 14px;
		display: none;
		height: auto;
		flex-direction: column;
		align-items: stretch;
		gap: 3px;
		padding: 10px;
		border: 1px solid var(--rd-line);
		border-radius: 14px;
		background: #fff;
		box-shadow: 0 18px 44px rgba(16, 24, 40, .14);
	}

	.rd-global-header.is-menu-open .rd-global-nav {
		display: flex;
	}

	.rd-global-nav a {
		height: 44px;
	}

	.rd-global-nav a[aria-current="page"]::after {
		display: none;
	}

	.rd-global-footer__inner {
		flex-direction: column;
	}

	.rd-global-footer nav {
		justify-content: flex-start;
	}

	.rankdaily-v22 .rd-filters,
	.admin-bar.rankdaily-v22 .rd-filters {
		position: static;
	}

	.rd-scoring-card {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 680px) {
	.rankdaily-v22 .entry-content > .rd-site,
	.rankdaily-v22 .rd-site,
	.rd-global-header__inner {
		width: calc(100% - 28px) !important;
	}

	.rankdaily-v22 .rd-home-hero {
		padding: 44px 0 52px;
	}

	.rankdaily-v22 .rd-home-hero h1 {
		font-size: clamp(2.45rem, 12vw, 3.35rem);
	}

	.rd-hero-preview {
		padding: 17px;
		border-radius: 19px;
	}

	.rd-hero-preview::before {
		display: none;
	}

	.rd-hero-preview__top b {
		display: none;
	}

	.rankdaily-v22 .rd-card-grid {
		grid-template-columns: 1fr;
	}

	.rankdaily-v22 .rd-challenge-card {
		width: 100%;
		min-height: 168px;
	}

	.rd-score-key,
	.rd-trust-grid {
		grid-template-columns: 1fr;
	}

	.rd-score-key span {
		min-height: 88px;
	}

	.rd-global-footer {
		padding-right: 14px;
		padding-left: 14px;
	}
}

/* --------------------------------------------------------------------------
 * RankDaily 2.2.1 launch polish
 * ----------------------------------------------------------------------- */

/* Astra applies overflow to several ancestors, which otherwise disables
 * sticky positioning for the product header and archive filters. */
html {
	overflow-x: clip !important;
	overflow-y: visible !important;
}

body.rankdaily-v22,
body.rankdaily-v22 #page {
	overflow-x: clip !important;
	overflow-y: visible !important;
}

body.rankdaily-v22 #page {
	display: flex !important;
	min-height: calc(100vh - 72px);
	flex-direction: column;
}

body.rankdaily-v22 #content {
	flex: 1 0 auto;
}

.rd-global-header,
.rd-global-footer {
	flex-shrink: 0;
}

.rankdaily-v22 .rd-home-hero {
	grid-template-columns: minmax(0, 1fr) minmax(440px, 480px);
	gap: clamp(44px, 4.5vw, 64px);
}

.rankdaily-v22 .rd-home-hero__copy,
.rankdaily-v22 .rd-home-hero h1 {
	max-width: 650px;
}

.rankdaily-v22 .rd-home-hero h1 {
	font-size: clamp(2.75rem, 4.5vw, 4rem);
}

.rankdaily-v22 .rd-hero-preview {
	max-width: 480px;
	justify-self: start;
	transform: rotate(.35deg);
}

.rankdaily-v22 .rd-hero-preview::before {
	inset: 14px -10px -12px 16px;
	transform: rotate(-1.5deg);
}

.rankdaily-v22 .rd-daily-page {
	padding-top: 34px;
}

.rankdaily-v22 .rd-daily-page .rd-compact-header {
	margin-bottom: 24px;
}

.rankdaily-v22 .rd-handle,
.rankdaily-v22 .rd-move {
	background: #eef2f7;
	color: #667085;
}

.rankdaily-v22 .rd-move:disabled,
.rankdaily-v22 .rd-handle:disabled {
	opacity: .45;
}

.rankdaily-v22 .rd-game.is-complete .rd-status {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

.rankdaily-v22 .rd-fact-grid {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	align-items: stretch;
}

.rankdaily-v22 .rd-fact-card {
	height: 100%;
}

.rankdaily-v22 .rd-fact-card:last-child:nth-child(odd) {
	width: calc(50% - 5px);
	grid-column: 1 / -1;
	justify-self: center;
}

.rankdaily-v22 .rd-related {
	margin-top: clamp(48px, 6vw, 70px);
	padding-top: 40px;
}

@media (max-width: 980px) {
	.rankdaily-v22 .rd-home-hero {
		grid-template-columns: 1fr;
	}

	.rankdaily-v22 .rd-hero-preview {
		max-width: 560px;
		justify-self: center;
		transform: none;
	}
}

@media (max-width: 760px) {
	body.rankdaily-v22 #page {
		min-height: calc(100vh - 64px);
	}

	.rankdaily-v22 .rd-fact-grid {
		grid-template-columns: 1fr;
	}

	.rankdaily-v22 .rd-fact-card:last-child:nth-child(odd) {
		width: 100%;
		grid-column: auto;
	}
}

/* --------------------------------------------------------------------------
 * RankDaily 2.2.2 production finish
 * ----------------------------------------------------------------------- */

/* The theme can end its flex container before the viewport on short category
 * pages. A navy body makes the remaining viewport visually continue the footer. */
body.rankdaily-v22 {
	background: var(--rd-navy) !important;
}

.rankdaily-v22 #page,
.rankdaily-v22 #content,
.rankdaily-v22 .site-content,
.rankdaily-v22 .site-main,
.rankdaily-v22 #primary,
.rankdaily-v22 article.page,
.rankdaily-v22 .entry-content,
.rankdaily-v22 .wp-site-blocks {
	background: var(--rd-page) !important;
}

.rd-hero-preview__top b {
	color: #5c667a;
}

.rankdaily-v22 .rd-handle,
.rankdaily-v22 .rd-move {
	color: #5c667a;
}

.is-category-geography { --rd-category-accent: #0f766e; }
.is-category-animals { --rd-category-accent: #c65b47; }
.is-category-space { --rd-category-accent: #6d4bd2; }
.is-category-history { --rd-category-accent: #9a6700; }
.is-category-science { --rd-category-accent: #087c9c; }

.rankdaily-v22 .rd-challenge-card[class*="is-category-"]::before {
	background: var(--rd-category-accent, var(--rd-accent));
	opacity: .82;
}

.rankdaily-v22 .rd-category-card[class*="is-category-"] {
	overflow: hidden;
}

.rankdaily-v22 .rd-category-card[class*="is-category-"]::before {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	height: 3px;
	background: var(--rd-category-accent, var(--rd-accent));
	content: "";
	opacity: .82;
}

.rankdaily-v22 .rd-category-card[class*="is-category-"] .rd-category-icon {
	background: color-mix(in srgb, var(--rd-category-accent), white 91%);
	color: var(--rd-category-accent);
}

.rankdaily-v22 .rd-category-card[class*="is-category-"]:hover,
.rankdaily-v22 .rd-challenge-card[class*="is-category-"]:hover {
	border-color: color-mix(in srgb, var(--rd-category-accent), white 57%);
}

.rd-score-card h2,
.rd-score-card h3 {
	margin: 4px 0;
	font-size: clamp(2.5rem, 8vw, 4.4rem);
	line-height: 1;
	letter-spacing: -.06em;
}

.rd-result-panel h3,
.rd-result-panel h4 {
	margin: 0 0 13px;
}

.rd-facts > h2,
.rd-facts > h3 {
	margin-bottom: 14px;
	font-size: 1.4rem;
}

.rd-privacy-highlight {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: 20px;
	align-items: start;
	margin-bottom: 20px;
	padding: clamp(25px, 4vw, 38px);
	border: 1px solid #d8e1f4;
	border-radius: 22px;
	background: linear-gradient(135deg, #fff, #f3f6ff);
	box-shadow: 0 16px 42px rgba(16, 24, 40, .055);
}

.rd-privacy-highlight .rd-info-icon {
	display: grid;
	width: 52px;
	height: 52px;
	place-items: center;
	border-radius: 15px;
	background: var(--rd-blue-soft);
	color: var(--rd-accent);
}

.rd-privacy-highlight h2,
.rd-privacy-control h2 {
	margin: 6px 0 9px;
	font-size: clamp(1.45rem, 2.7vw, 2.05rem);
	line-height: 1.18;
}

.rd-privacy-highlight p:last-child,
.rd-privacy-grid p,
.rd-privacy-control p:not(.rd-detail-kicker) {
	margin: 0;
	color: var(--rd-muted);
}

.rd-privacy-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px;
}

.rd-privacy-grid article {
	padding: clamp(24px, 3.5vw, 32px);
	border: 1px solid var(--rd-line);
	border-radius: 18px;
	background: #fff;
}

.rd-privacy-grid h2 {
	margin: 0 0 10px;
	font-size: 1.16rem;
	line-height: 1.3;
}

.rd-privacy-control {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 36px;
	margin-top: 20px;
	padding: clamp(26px, 4vw, 38px);
	border: 1px solid var(--rd-line);
	border-radius: 20px;
	background: #fff;
}

.rd-privacy-control > div {
	max-width: 740px;
}

.rd-privacy-control .rd-button {
	flex: 0 0 auto;
}

.rd-privacy-updated {
	margin: 22px 0 0;
	color: var(--rd-muted);
	font-size: .78rem;
	text-align: center;
}

@media (max-width: 760px) {
	.rd-privacy-control {
		align-items: stretch;
		flex-direction: column;
		gap: 22px;
	}

	.rd-privacy-control .rd-button {
		width: 100%;
	}
}

@media (max-width: 620px) {
	.rd-privacy-highlight,
	.rd-privacy-grid {
		grid-template-columns: 1fr;
	}
}

/* --------------------------------------------------------------------------
 * RankDaily 2.2.3 final product shell
 * ----------------------------------------------------------------------- */

/* The plugin header is a body child while the product footer is inside
 * #content > .ast-container. Every link in that chain must participate in the
 * flex layout or Astra leaves a light strip below short pages. */
html body.rankdaily-v22 {
	min-height: 100vh;
	background: var(--rd-navy) !important;
}

html body.rankdaily-v22 #page {
	display: flex !important;
	min-height: calc(100vh - 72px) !important;
	flex-direction: column !important;
	background: var(--rd-page) !important;
}

html body.rankdaily-v22 #content {
	display: flex !important;
	width: 100% !important;
	flex: 1 0 auto !important;
	background: var(--rd-page) !important;
}

html body.rankdaily-v22 #content > .ast-container {
	display: flex !important;
	width: 100% !important;
	max-width: none !important;
	min-height: 100% !important;
	flex: 1 0 auto !important;
	flex-direction: column !important;
	margin: 0 !important;
	padding: 0 !important;
}

html body.rankdaily-v22 #content > .ast-container > .rd-site {
	flex: 1 0 auto;
}

html body.rankdaily-v22 .rd-global-footer {
	width: 100%;
	margin-top: auto;
}

.rankdaily-v22 .rd-home-hero {
	grid-template-columns: minmax(0, 1fr) minmax(420px, 478px);
	gap: clamp(42px, 4.5vw, 66px);
}

.rankdaily-v22 .rd-home-hero__copy,
.rankdaily-v22 .rd-home-hero h1 {
	max-width: 650px;
}

.rankdaily-v22 .rd-home-hero h1 {
	font-size: clamp(2.8rem, 4.45vw, 4rem);
}

.rankdaily-v22 .rd-hero-preview {
	max-width: 478px;
	justify-self: start;
	transform: rotate(.25deg);
}

.rankdaily-v22 .rd-hero-preview::before {
	inset: 13px -9px -11px 15px;
	background: #e8edfb;
	transform: rotate(-1.25deg);
}

.rd-empty--polished {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	gap: clamp(20px, 3vw, 34px);
	align-items: center;
	width: min(920px, 100%);
	margin-right: auto;
	margin-left: auto;
	padding: clamp(25px, 4vw, 38px);
	border: 1px solid #d9e1f1;
	border-radius: 22px;
	background: linear-gradient(135deg, #fff 0%, #f7f9ff 100%);
	box-shadow: 0 16px 42px rgba(16, 24, 40, .055);
	text-align: left;
}

.rd-empty--polished h2 {
	margin: 5px 0 8px;
	font-size: clamp(1.35rem, 2.4vw, 1.9rem);
	line-height: 1.18;
}

.rd-empty--polished p:not(.rd-eyebrow) {
	max-width: 590px;
	margin: 0;
	color: var(--rd-muted);
}

.rd-empty__icon {
	display: grid;
	width: 58px;
	height: 58px;
	place-items: center;
	border-radius: 17px;
	background: var(--rd-blue-soft);
	color: var(--rd-accent);
}

.rd-empty__icon svg {
	width: 27px;
	height: 27px;
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.8;
}

.rd-empty__actions {
	display: flex;
	min-width: 190px;
	align-items: center;
	flex-direction: column;
	gap: 12px;
}

.rd-empty__actions .rd-button {
	width: 100%;
}

.rd-text-link {
	color: var(--rd-accent) !important;
	font-size: .82rem;
	font-weight: 800;
	text-decoration: none !important;
}

.rd-text-link:hover {
	text-decoration: underline !important;
}

.rankdaily-v22 .rd-category-card {
	box-shadow: 0 12px 30px rgba(16, 24, 40, .045);
}

.rankdaily-v22 .rd-category-card__count {
	color: var(--rd-category-accent, var(--rd-accent));
}

.rankdaily-v22 .rd-privacy .rd-page-header {
	max-width: 820px;
}

.rankdaily-v22 .rd-privacy .rd-page-header h1 {
	font-size: clamp(2.2rem, 3.65vw, 3.3rem);
}

.rankdaily-v22 :where(a, button, input, select, textarea):focus-visible,
.rd-global-header :where(a, button):focus-visible,
.rd-global-footer a:focus-visible {
	outline: 3px solid color-mix(in srgb, var(--rd-accent), white 25%);
	outline-offset: 3px;
}

@media (max-width: 980px) {
	.rankdaily-v22 .rd-home-hero {
		grid-template-columns: 1fr;
	}

	.rankdaily-v22 .rd-hero-preview {
		width: min(560px, 100%);
		max-width: none;
		justify-self: center;
		transform: none;
	}

	.rd-empty--polished {
		grid-template-columns: auto minmax(0, 1fr);
	}

	.rd-empty__actions {
		grid-column: 2;
		align-items: flex-start;
		flex-direction: row;
	}

	.rd-empty__actions .rd-button {
		width: auto;
	}
}

@media (max-width: 760px) {
	html body.rankdaily-v22 #page {
		min-height: calc(100vh - 64px) !important;
	}

	.rankdaily-v22 .rd-home-hero h1 {
		font-size: clamp(2.45rem, 11.5vw, 3.35rem);
	}

	.rankdaily-v22 .rd-page-header h1,
	.rankdaily-v22 .rd-compact-header h1 {
		font-size: clamp(2rem, 9.5vw, 2.8rem);
	}

	.rankdaily-v22 .rd-item {
		grid-template-columns: 44px minmax(0, 1fr) 44px 44px;
		gap: 5px;
	}

	.rd-stats-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.rd-display-setting {
		align-items: stretch;
		flex-direction: column;
	}

	.rd-display-setting button {
		width: 100%;
	}

	.rankdaily-v22 .rd-handle,
	.rankdaily-v22 .rd-move {
		width: 44px;
		height: 44px;
	}

	.rd-empty--polished {
		grid-template-columns: 1fr;
		text-align: center;
	}

	.rd-empty__icon {
		margin: 0 auto;
	}

	.rd-empty__actions {
		grid-column: auto;
		align-items: stretch;
		flex-direction: column;
	}

	.rd-empty__actions .rd-button {
		width: 100%;
	}

	.rd-global-footer__legal {
		margin-top: 30px;
	}
}

@media (max-width: 420px) {
	.rankdaily-v22 .rd-game {
		padding: 16px;
	}

	.rankdaily-v22 .rd-item {
		grid-template-columns: 44px minmax(0, 1fr) 44px 44px;
		gap: 3px;
		padding: 6px;
	}

	.rankdaily-v22 .rd-handle,
	.rankdaily-v22 .rd-move {
		width: 44px;
	}

	.rankdaily-v22 .rd-item-name {
		padding: 0 3px;
		font-size: .84rem;
	}
}

/* --------------------------------------------------------------------------
 * RankDaily 2.2.4 editorial and interaction finish
 * ----------------------------------------------------------------------- */

html body.rankdaily-v22 .rd-document-shell {
	isolation: isolate;
}

.rankdaily-v22 .rd-game {
	scroll-margin-top: 96px;
}

.rankdaily-v22 .rd-section {
	padding: clamp(46px, 5.2vw, 66px) 0;
}

.rankdaily-v22 .rd-section--categories {
	padding-bottom: 28px;
}

.rankdaily-v22 .rd-section--steps {
	padding-top: 32px;
}

.rankdaily-v22 .rd-filter-surprise {
	margin-left: auto;
	border-color: var(--rd-navy);
	background: var(--rd-navy);
	color: #fff;
	font-weight: 800;
}

.rankdaily-v22 .rd-filter-surprise:hover {
	border-color: var(--rd-accent);
	background: var(--rd-accent);
}

.rd-category-outro {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 12px;
	margin-top: clamp(38px, 5vw, 58px);
}

.rd-score-feedback {
	margin: 13px auto 0 !important;
	color: var(--rd-ink) !important;
	font-size: clamp(.96rem, 2vw, 1.08rem);
	font-weight: 760;
}

.rd-score-note {
	max-width: 560px;
	margin: 7px auto 0 !important;
	color: var(--rd-muted) !important;
	font-size: .88rem;
}

.rankdaily-v22 .rd-facts > :is(h2, h3) {
	margin-bottom: 18px;
	font-size: clamp(1.45rem, 2.5vw, 1.8rem);
}

.rankdaily-v22 .rd-fact-card {
	padding: 20px;
	border-color: #dce3ef;
	background: linear-gradient(145deg, #fff, #fbfcff);
}

.rankdaily-v22 .rd-fact-card__top strong {
	font-size: .96rem;
}

.rankdaily-v22 .rd-fact-card p {
	font-size: .94rem;
	line-height: 1.65;
}

.rankdaily-v22 .rd-source-link {
	line-height: 1.45;
}

@media (max-width: 860px) {
	.rankdaily-v22 .rd-filter-surprise {
		margin-left: 0;
	}
}

@media (max-width: 620px) {
	.rankdaily-v22 .rd-filters {
		justify-content: flex-start;
		border-radius: 15px;
	}

	.rankdaily-v22 .rd-filter-surprise {
		width: 100%;
		margin-top: 2px;
	}

	.rd-category-outro {
		align-items: stretch;
		flex-direction: column;
	}

	.rd-category-outro .rd-button {
		width: 100%;
	}

	.rankdaily-v22 .rd-fact-card {
		padding: 17px;
	}
}

/* --------------------------------------------------------------------------
 * RankDaily 2.4 visual redesign
 * ----------------------------------------------------------------------- */

:root {
	--rd-ink: #0b1730;
	--rd-muted: #59657a;
	--rd-line: #d9e2f0;
	--rd-soft: #f1f5fa;
	--rd-page: #f4f7fb;
	--rd-navy: #08152d;
	--rd-blue-soft: #edf3ff;
	--rd-accent: #2f5bea;
	--rd-accent-dark: #2146bd;
	--rd-radius: 20px;
	--rd-shadow: 0 24px 70px rgba(15, 35, 74, .11);
}

.rankdaily-v22 .entry-content > .rd-site,
.rankdaily-v22 .rd-site {
	width: min(calc(100% - 48px), 1180px) !important;
	max-width: 1180px !important;
}

.rd-global-header {
	border-bottom-color: rgba(11, 23, 48, .07);
	background: rgba(255, 255, 255, .9);
	box-shadow: 0 8px 28px rgba(15, 35, 74, .045);
}

.rd-global-header__inner {
	width: min(calc(100% - 48px), 1180px);
	height: 68px;
}

.rd-brand > span {
	border-radius: 12px;
	background: linear-gradient(145deg, #3768ff, #244bc8);
	box-shadow: 0 8px 20px rgba(47, 91, 234, .25);
}

.rd-global-nav a {
	border-radius: 999px;
}

.rd-global-nav a[aria-current="page"]::after {
	display: none;
}

.rankdaily-v22 .rd-home {
	padding-bottom: 72px;
}

.rankdaily-v22 .rd-home-hero.rd-home-hero--centered {
	display: flex;
	min-height: 0;
	align-items: center;
	justify-content: center;
	padding: clamp(64px, 8vw, 96px) 0 clamp(44px, 6vw, 68px);
	text-align: center;
}

.rankdaily-v22 .rd-home-hero.rd-home-hero--centered::before {
	border-bottom-color: #e6ebf4;
	background:
		radial-gradient(circle at 12% 5%, rgba(47, 91, 234, .12), transparent 30%),
		radial-gradient(circle at 88% 82%, rgba(109, 75, 210, .09), transparent 29%),
		linear-gradient(180deg, #fff 0%, #f7f9fe 100%);
}

.rankdaily-v22 .rd-home-hero__copy,
.rankdaily-v22 .rd-home-hero h1 {
	max-width: 880px;
}

.rankdaily-v22 .rd-home-hero h1 {
	margin: 14px auto 20px;
	font-size: clamp(2.85rem, 6vw, 5rem);
	line-height: .98;
	letter-spacing: -.06em;
}

.rankdaily-v22 .rd-home-hero .rd-lead {
	max-width: 720px;
	margin-right: auto;
	margin-bottom: 28px;
	margin-left: auto;
	font-size: clamp(1.08rem, 2vw, 1.28rem);
	line-height: 1.65;
}

.rd-hero-actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px;
}

.rd-button--quiet {
	border-color: #dbe3f0;
	background: rgba(255, 255, 255, .75);
	color: var(--rd-ink) !important;
}

.rd-button--quiet:hover {
	border-color: #bdcae1;
	background: #fff;
	box-shadow: 0 8px 22px rgba(15, 35, 74, .07);
}

.rd-home-hero--centered .rd-hero-chips {
	justify-content: center;
	margin-top: 22px;
}

.rd-home-hero--centered .rd-hero-chips span {
	border-color: #dce5f3;
	background: rgba(255, 255, 255, .82);
}

.rankdaily-v22 .rd-section--game {
	padding: clamp(38px, 5vw, 60px) 0 clamp(62px, 7vw, 88px);
}

.rankdaily-v22 .rd-section--game::before {
	background:
		linear-gradient(rgba(47, 91, 234, .035) 1px, transparent 1px),
		linear-gradient(90deg, rgba(47, 91, 234, .035) 1px, transparent 1px),
		var(--rd-page);
	background-size: 30px 30px;
}

.rankdaily-v22 .rd-section--game .rd-section-heading {
	width: min(900px, 100%);
	margin-bottom: 22px;
}

.rankdaily-v22 .rd-section-heading h2 {
	letter-spacing: -.04em;
}

.rankdaily-v22 .rd-game {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	width: min(900px, 100%);
	padding: clamp(24px, 4.5vw, 44px);
	border-color: #d6e0ef;
	border-radius: 28px;
	box-shadow: 0 30px 80px rgba(16, 38, 82, .13), 0 2px 8px rgba(16, 38, 82, .04);
}

.rankdaily-v22 .rd-game::before {
	position: absolute;
	z-index: 2;
	top: 0;
	right: 0;
	left: 0;
	height: 6px;
	background: var(--rd-category-accent, var(--rd-accent));
	content: "";
}

.rankdaily-v22 .rd-game::after {
	position: absolute;
	z-index: -1;
	top: -150px;
	right: -130px;
	width: 360px;
	height: 360px;
	border-radius: 50%;
	background: color-mix(in srgb, var(--rd-category-accent, var(--rd-accent)), transparent 93%);
	content: "";
}

.rd-game.is-category-geography { --rd-category-accent: #087d79; }
.rd-game.is-category-animals { --rd-category-accent: #c85448; }
.rd-game.is-category-space { --rd-category-accent: #6d4bd2; }
.rd-game.is-category-history { --rd-category-accent: #a46b00; }
.rd-game.is-category-science { --rd-category-accent: #087c9c; }

.rd-game-meta {
	gap: 7px;
}

.rd-game-meta span {
	padding: 6px 10px;
	border: 1px solid #e1e7f0;
	border-radius: 999px;
	background: rgba(246, 248, 252, .88);
	font-size: .68rem;
	font-weight: 820;
}

.rd-game-meta .rd-challenge-number,
.rd-game-meta .rd-category {
	border-color: color-mix(in srgb, var(--rd-category-accent, var(--rd-accent)), white 78%);
	background: color-mix(in srgb, var(--rd-category-accent, var(--rd-accent)), white 92%);
	color: var(--rd-category-accent, var(--rd-accent));
}

.rankdaily-v22 .rd-game-header h1,
.rankdaily-v22 .rd-game-header h2 {
	max-width: 700px;
	margin: 20px 0 12px;
	font-size: clamp(1.85rem, 4.2vw, 2.75rem);
	line-height: 1.08;
	letter-spacing: -.05em;
}

.rd-game-task {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: 10px;
	align-items: start;
	max-width: 760px;
	margin-top: 12px;
}

.rd-game-task > span {
	padding: 4px 8px;
	border-radius: 7px;
	background: var(--rd-navy);
	color: #fff;
	font-size: .64rem;
	font-weight: 850;
	letter-spacing: .06em;
	text-transform: uppercase;
}

.rd-game-task p {
	margin: 0;
	color: #44516a;
	font-size: .95rem;
}

.rankdaily-v22 .rd-stats {
	gap: 9px;
	margin-top: 24px;
	padding: 12px;
	border: 1px solid #e0e6f0;
	border-radius: 14px;
	background: rgba(247, 249, 252, .9);
}

.rankdaily-v22 .rd-stats > span {
	padding: 3px 9px;
	color: var(--rd-muted);
}

.rankdaily-v22 .rd-stats > button {
	min-height: 36px;
	margin-left: auto;
	padding: 7px 11px;
	border: 1px solid #d9e2ef;
	border-radius: 9px;
	background: #fff;
	color: var(--rd-ink);
	text-decoration: none;
}

.rankdaily-v22 .rd-stats > button:hover {
	border-color: #bccae0;
	background: #f7f9fd;
	color: var(--rd-accent);
}

.rankdaily-v22 .rd-help {
	display: flex;
	gap: 8px;
	align-items: center;
	margin-top: 25px;
	font-size: .83rem;
}

.rankdaily-v22 .rd-help strong {
	flex: 0 0 auto;
	color: var(--rd-category-accent, var(--rd-accent));
	font-size: .7rem;
	letter-spacing: .06em;
	text-transform: uppercase;
}

.rankdaily-v22 .rd-items {
	counter-reset: rankdaily-position;
	gap: 9px;
	margin-top: 12px;
}

.rankdaily-v22 .rd-item {
	counter-increment: rankdaily-position;
	grid-template-columns: 32px 40px minmax(0, 1fr) 40px 40px;
	gap: 7px;
	min-height: 68px;
	padding: 7px 9px;
	border-color: #dce4ef;
	border-radius: 15px;
	box-shadow: 0 4px 14px rgba(20, 39, 77, .035);
	transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease, background-color .15s ease;
}

.rankdaily-v22 .rd-item::before {
	display: grid;
	width: 28px;
	height: 28px;
	place-items: center;
	border-radius: 9px;
	background: var(--rd-navy);
	color: #fff;
	content: counter(rankdaily-position);
	font-size: .72rem;
	font-weight: 850;
}

.rankdaily-v22 .rd-item:hover {
	border-color: color-mix(in srgb, var(--rd-category-accent, var(--rd-accent)), white 55%);
	box-shadow: 0 8px 24px rgba(20, 39, 77, .07);
	transform: translateY(-1px);
}

.rankdaily-v22 .rd-item.is-selected {
	border-color: var(--rd-category-accent, var(--rd-accent));
	background: color-mix(in srgb, var(--rd-category-accent, var(--rd-accent)), white 95%);
	box-shadow: 0 0 0 4px color-mix(in srgb, var(--rd-category-accent, var(--rd-accent)), transparent 86%);
}

.rankdaily-v22 .rd-item.is-selected::before {
	background: var(--rd-category-accent, var(--rd-accent));
	content: "✓";
}

.rankdaily-v22 .rd-item-name {
	min-height: 44px;
	font-size: .96rem;
}

.rankdaily-v22 .rd-handle,
.rankdaily-v22 .rd-move {
	width: 40px;
	height: 40px;
	border: 1px solid #e2e7ef;
	background: #f5f7fa;
}

.rankdaily-v22 .rd-handle {
	color: #7a8497;
}

.rankdaily-v22 .rd-submit {
	min-height: 58px;
	border-radius: 14px;
	background: linear-gradient(135deg, var(--rd-accent), var(--rd-accent-dark));
	box-shadow: 0 14px 28px rgba(47, 91, 234, .22);
	font-size: 1rem;
}

.rankdaily-v22 .rd-submit:hover {
	box-shadow: 0 18px 34px rgba(47, 91, 234, .28);
}

.rankdaily-v22 .rd-game.is-complete .rd-results {
	margin-top: 4px;
	padding-top: 0;
	border-top: 0;
}

.rankdaily-v22 .rd-score-card {
	position: relative;
	overflow: hidden;
	padding: clamp(30px, 6vw, 52px) 22px;
	border: 1px solid #d7e1ef;
	border-radius: 22px;
	background:
		radial-gradient(circle at 12% 20%, rgba(47, 91, 234, .12), transparent 30%),
		radial-gradient(circle at 88% 80%, rgba(109, 75, 210, .1), transparent 29%),
		linear-gradient(145deg, #f9fbff, #f0f4fb);
}

.rankdaily-v22 .rd-score-card::before,
.rankdaily-v22 .rd-score-card::after {
	position: absolute;
	width: 110px;
	height: 110px;
	border: 18px solid rgba(47, 91, 234, .06);
	border-radius: 28px;
	content: "";
	transform: rotate(22deg);
}

.rankdaily-v22 .rd-score-card::before { top: -62px; left: -50px; }
.rankdaily-v22 .rd-score-card::after { right: -50px; bottom: -62px; }

.rankdaily-v22 .rd-score-card h2,
.rankdaily-v22 .rd-score-card h3 {
	color: var(--rd-navy);
	font-size: clamp(3.4rem, 10vw, 5.8rem);
}

.rankdaily-v22 .rd-score-card.is-perfect h2,
.rankdaily-v22 .rd-score-card.is-perfect h3 {
	color: #11833d;
}

.rankdaily-v22 .rd-squares span {
	width: 30px;
	height: 30px;
	border-radius: 8px;
	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .06);
}

.rankdaily-v22 .rd-original-toggle {
	margin-top: 20px;
	border: 1px solid #dbe3ef;
	background: #fff;
	text-decoration: none;
}

.rankdaily-v22 .rd-original-toggle:hover {
	border-color: #bbc9df;
	background: #f7f9fd;
}

.rd-order-grid--original-only {
	grid-template-columns: minmax(0, 640px) !important;
	justify-content: center;
}

.rankdaily-v22 .rd-result-panel {
	border-radius: 18px;
	background: #fbfcfe;
}

.rankdaily-v22 .rd-next-countdown {
	margin: 20px auto 0;
	padding: 8px 13px;
	border-radius: 999px;
	background: var(--rd-soft);
	width: fit-content;
}

.rankdaily-v22 .rd-correct-reveal {
	margin-top: 32px;
}

.rankdaily-v22 .rd-correct-reveal > :is(h2, h3) {
	margin-bottom: 18px;
	text-align: center;
}

.rankdaily-v22 .rd-fact-grid {
	grid-template-columns: 1fr;
	gap: 9px;
}

.rankdaily-v22 .rd-fact-card,
.rankdaily-v22 .rd-fact-card:last-child:nth-child(odd) {
	display: grid;
	width: 100%;
	grid-template-columns: minmax(0, 1fr) auto;
	column-gap: 22px;
	padding: 19px 20px;
	border-color: #dbe3ef;
	border-radius: 16px;
	background: #fff;
	box-shadow: 0 5px 18px rgba(18, 38, 77, .035);
}

.rankdaily-v22 .rd-fact-card__top {
	grid-column: 1 / -1;
	grid-template-columns: 32px minmax(0, 1fr) auto;
}

.rankdaily-v22 .rd-fact-card__top > span {
	width: 30px;
	height: 30px;
	border-radius: 9px;
	background: var(--rd-category-accent, var(--rd-accent));
}

.rankdaily-v22 .rd-fact-card__top b {
	color: var(--rd-category-accent, var(--rd-accent));
	font-size: .9rem;
}

.rankdaily-v22 .rd-fact-card p {
	grid-column: 1;
	margin: 10px 0 0 41px;
}

.rankdaily-v22 .rd-source-link {
	grid-column: 2;
	align-self: end;
	margin: 10px 0 0;
	white-space: nowrap;
}

.rankdaily-v22 .rd-result-actions {
	margin-top: 28px;
}

.rankdaily-v22 .rd-page {
	padding-top: clamp(48px, 6vw, 78px);
}

.rankdaily-v22 .rd-page-header {
	max-width: 820px;
	margin-right: auto;
	margin-bottom: clamp(38px, 5vw, 58px);
	margin-left: auto;
	text-align: center;
}

.rankdaily-v22 .rd-page-header > p:last-child {
	margin-right: auto;
	margin-left: auto;
}

.rankdaily-v22 .rd-page-header h1,
.rankdaily-v22 .rd-compact-header h1 {
	letter-spacing: -.055em;
}

.rankdaily-v22 .rd-category-grid {
	gap: 15px;
}

.rankdaily-v22 .rd-category-card {
	min-height: 230px;
	padding: 26px;
	border-radius: 20px;
	box-shadow: 0 10px 30px rgba(16, 37, 78, .045);
}

.rankdaily-v22 .rd-category-card:hover {
	box-shadow: 0 18px 38px rgba(16, 37, 78, .09);
	transform: translateY(-3px);
}

.rankdaily-v22 .rd-category-icon {
	width: 50px;
	height: 50px;
	border-radius: 15px;
}

.rankdaily-v22 .rd-category-card__title {
	font-size: 1.35rem;
}

.rd-explore-feature {
	position: relative;
	display: grid;
	overflow: hidden;
	grid-template-columns: minmax(0, 1fr) minmax(260px, .72fr);
	gap: 34px;
	align-items: center;
	margin: 0 auto 28px;
	padding: clamp(28px, 5vw, 46px);
	border: 1px solid #d6e0ef;
	border-radius: 25px;
	background:
		radial-gradient(circle at 93% 18%, color-mix(in srgb, var(--rd-category-accent, var(--rd-accent)), transparent 84%), transparent 34%),
		linear-gradient(145deg, #fff, #f5f8fe);
	box-shadow: 0 20px 55px rgba(16, 37, 78, .08);
}

.rd-explore-feature::before {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	height: 5px;
	background: var(--rd-category-accent, var(--rd-accent));
	content: "";
}

.rd-explore-feature__copy {
	position: relative;
	z-index: 1;
}

.rd-explore-feature h2 {
	margin: 8px 0 10px;
	font-size: clamp(1.7rem, 3.5vw, 2.6rem);
	line-height: 1.08;
	letter-spacing: -.045em;
}

.rd-explore-feature__copy > p:not(.rd-detail-kicker) {
	max-width: 620px;
	margin: 0 0 22px;
	color: var(--rd-muted);
}

.rd-explore-feature__order {
	display: grid;
	gap: 7px;
	transform: rotate(1.5deg);
}

.rd-explore-feature__order span {
	display: flex;
	height: 42px;
	align-items: center;
	padding: 0 13px;
	border: 1px solid #dce4ef;
	border-radius: 11px;
	background: rgba(255, 255, 255, .9);
	box-shadow: 0 5px 14px rgba(16, 37, 78, .05);
	color: var(--rd-category-accent, var(--rd-accent));
	font-size: .75rem;
	font-weight: 850;
}

.rd-explore-feature__order span:nth-child(2) { margin-left: 13px; }
.rd-explore-feature__order span:nth-child(3) { margin-left: 25px; }
.rd-explore-feature__order span:nth-child(4) { margin-left: 10px; }
.rd-explore-feature__order span:nth-child(5) { margin-left: 20px; }

.rankdaily-v22 .rd-filters {
	margin-top: 0;
	margin-bottom: 26px;
	border-radius: 999px;
	background: rgba(244, 247, 251, .92);
}

.rankdaily-v22 .rd-filters button {
	border-radius: 999px;
}

.rankdaily-v22 .rd-card-grid--library {
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 14px;
}

.rankdaily-v22 .rd-challenge-card {
	min-height: 178px;
	padding: 20px;
	border-radius: 18px;
	box-shadow: 0 8px 24px rgba(16, 37, 78, .04);
}

.rankdaily-v22 .rd-challenge-card:hover {
	box-shadow: 0 15px 34px rgba(16, 37, 78, .09);
	transform: translateY(-3px);
}

.rankdaily-v22 .rd-challenge-card h2,
.rankdaily-v22 .rd-challenge-card h3 {
	margin: 18px 0;
	font-size: 1.03rem;
}

.rd-category-archive .rd-page-header {
	position: relative;
	max-width: 900px;
	padding: clamp(28px, 4vw, 42px);
	border: 1px solid color-mix(in srgb, var(--rd-category-accent), white 74%);
	border-radius: 24px;
	background:
		radial-gradient(circle at 92% 14%, color-mix(in srgb, var(--rd-category-accent), transparent 84%), transparent 31%),
		#fff;
	box-shadow: 0 18px 46px rgba(16, 37, 78, .065);
}

.rd-category-archive .rd-page-header::before {
	display: block;
	width: 52px;
	height: 5px;
	margin: 0 auto 22px;
	border-radius: 999px;
	background: var(--rd-category-accent);
	content: "";
}

.rankdaily-v22 .rd-about .rd-page-header,
.rankdaily-v22 .rd-privacy .rd-page-header {
	max-width: 800px;
}

.rankdaily-v22 .rd-info-grid article,
.rankdaily-v22 .rd-trust-grid article,
.rankdaily-v22 .rd-privacy-grid article {
	border-radius: 20px;
	box-shadow: 0 10px 30px rgba(16, 37, 78, .035);
}

.rankdaily-v22 .rd-scoring-card,
.rankdaily-v22 .rd-privacy-highlight,
.rankdaily-v22 .rd-privacy-control {
	border-radius: 24px;
}

.rd-global-footer {
	background:
		radial-gradient(circle at 15% 0%, rgba(47, 91, 234, .18), transparent 27%),
		var(--rd-navy);
}

@media (max-width: 1020px) {
	.rankdaily-v22 .rd-card-grid--library {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 820px) {
	.rankdaily-v22 .entry-content > .rd-site,
	.rankdaily-v22 .rd-site,
	.rd-global-header__inner {
		width: min(calc(100% - 32px), 1180px) !important;
	}

	.rankdaily-v22 .rd-home-hero.rd-home-hero--centered {
		padding-top: 54px;
	}

	.rankdaily-v22 .rd-home-hero h1 {
		font-size: clamp(2.6rem, 10vw, 4rem);
	}

	.rd-explore-feature {
		grid-template-columns: 1fr;
	}

	.rd-explore-feature__order {
		display: none;
	}

	.rankdaily-v22 .rd-card-grid--library {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.rankdaily-v22 .rd-fact-card,
	.rankdaily-v22 .rd-fact-card:last-child:nth-child(odd) {
		grid-template-columns: 1fr;
	}

	.rankdaily-v22 .rd-source-link {
		grid-column: 1;
		margin-left: 41px;
		white-space: normal;
	}
}

@media (max-width: 620px) {
	.rankdaily-v22 .entry-content > .rd-site,
	.rankdaily-v22 .rd-site,
	.rd-global-header__inner {
		width: calc(100% - 24px) !important;
	}

	.rankdaily-v22 .rd-home-hero.rd-home-hero--centered {
		padding: 44px 0 40px;
	}

	.rankdaily-v22 .rd-home-hero h1 {
		font-size: clamp(2.25rem, 11.5vw, 3.2rem);
	}

	.rd-hero-actions {
		align-items: stretch;
		flex-direction: column;
	}

	.rd-hero-actions .rd-button {
		width: 100%;
	}

	.rd-home-hero--centered .rd-hero-chips {
		gap: 6px;
	}

	.rd-home-hero--centered .rd-hero-chips span {
		font-size: .7rem;
	}

	.rankdaily-v22 .rd-section--game {
		padding-top: 30px;
	}

	.rankdaily-v22 .rd-section--game .rd-section-heading {
		align-items: flex-start;
		flex-direction: column;
		gap: 7px;
	}

	.rankdaily-v22 .rd-game {
		padding: 19px;
		border-radius: 22px;
	}

	.rankdaily-v22 .rd-game-header h1,
	.rankdaily-v22 .rd-game-header h2 {
		font-size: clamp(1.65rem, 8vw, 2.15rem);
	}

	.rd-game-task {
		grid-template-columns: 1fr;
		gap: 6px;
	}

	.rd-game-task > span {
		width: fit-content;
	}

	.rankdaily-v22 .rd-stats {
		gap: 4px;
	}

	.rankdaily-v22 .rd-stats > span {
		padding-right: 5px;
		padding-left: 5px;
		font-size: .75rem;
	}

	.rankdaily-v22 .rd-stats > button {
		width: 100%;
		margin-top: 5px;
	}

	.rankdaily-v22 .rd-help {
		align-items: flex-start;
		flex-direction: column;
		gap: 3px;
	}

	.rankdaily-v22 .rd-item {
		grid-template-columns: 28px 40px minmax(0, 1fr) 42px 42px;
		gap: 4px;
		padding: 6px;
	}

	.rankdaily-v22 .rd-item::before {
		width: 26px;
		height: 26px;
	}

	.rankdaily-v22 .rd-item-name {
		padding: 0 2px;
		font-size: .86rem;
	}

	.rankdaily-v22 .rd-handle,
	.rankdaily-v22 .rd-move {
		width: 40px;
		height: 44px;
	}

	.rankdaily-v22 .rd-score-card {
		padding: 30px 14px;
	}

	.rankdaily-v22 .rd-score-card h2,
	.rankdaily-v22 .rd-score-card h3 {
		font-size: clamp(3.25rem, 17vw, 4.7rem);
	}

	.rankdaily-v22 .rd-squares span {
		width: 27px;
		height: 27px;
	}

	.rankdaily-v22 .rd-legend {
		gap: 8px 11px;
	}

	.rankdaily-v22 .rd-fact-card,
	.rankdaily-v22 .rd-fact-card:last-child:nth-child(odd) {
		padding: 16px;
	}

	.rankdaily-v22 .rd-fact-card__top {
		grid-template-columns: 30px minmax(0, 1fr);
	}

	.rankdaily-v22 .rd-fact-card__top b {
		grid-column: 2;
		white-space: normal;
	}

	.rankdaily-v22 .rd-fact-card p,
	.rankdaily-v22 .rd-source-link {
		margin-left: 39px;
	}

	.rankdaily-v22 .rd-result-actions {
		align-items: stretch;
		flex-direction: column;
	}

	.rankdaily-v22 .rd-result-actions .rd-button {
		width: 100%;
	}

	.rankdaily-v22 .rd-card-grid--library {
		grid-template-columns: 1fr;
	}

	.rankdaily-v22 .rd-challenge-card {
		min-height: 154px;
	}

	.rd-explore-feature {
		padding: 25px 21px;
		border-radius: 21px;
	}

	.rankdaily-v22 .rd-filters {
		border-radius: 16px;
	}

	.rd-category-archive .rd-page-header {
		padding: 26px 20px;
	}
}

@media (max-width: 400px) {
	.rankdaily-v22 .rd-game {
		padding: 16px 12px;
	}

	.rankdaily-v22 .rd-item {
		grid-template-columns: 25px 36px minmax(0, 1fr) 38px 38px;
		gap: 2px;
	}

	.rankdaily-v22 .rd-handle,
	.rankdaily-v22 .rd-move {
		width: 36px;
	}
}

/* 2.7.0 production polish: focused homepage, mastery, and local progress. */
.rankdaily-v27 .rd-section--daily-preview {
	padding: clamp(42px, 6vw, 68px) 0 clamp(64px, 8vw, 92px);
}

.rankdaily-v27 .rd-section--daily-preview .rd-section-heading {
	width: min(100%, 1000px);
	margin-right: auto;
	margin-left: auto;
}

.rd-daily-preview {
	position: relative;
	display: grid;
	grid-template-columns: 160px minmax(0, 1fr) 190px;
	gap: clamp(24px, 4vw, 48px);
	align-items: center;
	width: min(100%, 1000px);
	margin: 0 auto;
	padding: clamp(28px, 4vw, 42px) 0;
	border-width: 1px 0;
	border-style: solid;
	border-color: var(--rd-editorial-line);
}

.rd-daily-preview::before {
	position: absolute;
	top: -1px;
	left: 0;
	width: 72px;
	height: 3px;
	background: var(--rd-category-accent, var(--rd-editorial-blue));
	content: "";
}

.rd-daily-preview__date {
	display: flex;
	justify-content: center;
	flex-direction: column;
	min-height: 132px;
	padding-right: 28px;
	border-right: 1px solid var(--rd-editorial-line);
}

.rd-daily-preview__date span {
	color: var(--rd-category-accent, var(--rd-editorial-blue));
	font-size: .66rem;
	font-weight: 820;
	letter-spacing: .13em;
	text-transform: uppercase;
}

.rd-daily-preview__date strong {
	max-width: 120px;
	margin-top: 7px;
	color: var(--rd-editorial-navy);
	font-family: Georgia, "Times New Roman", serif;
	font-size: 1.38rem;
	line-height: 1.16;
}

.rd-daily-preview__copy .rd-game-meta {
	margin: 0 0 12px;
}

.rd-daily-preview__copy h3 {
	margin: 0 0 11px;
	color: var(--rd-editorial-navy);
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(1.8rem, 3.2vw, 2.55rem);
	line-height: 1.06;
	letter-spacing: -.04em;
}

.rd-daily-preview__copy > p:last-child {
	margin: 0;
	color: #66635e;
	font-size: .93rem;
	line-height: 1.6;
}

.rd-daily-preview__action {
	display: flex;
	align-items: stretch;
	flex-direction: column;
	gap: 15px;
}

.rd-daily-preview__action > span {
	display: flex;
	align-items: baseline;
	gap: 8px;
	color: #777169;
	font-size: .68rem;
	font-weight: 760;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.rd-daily-preview__action > span b {
	color: var(--rd-category-accent, var(--rd-editorial-blue));
	font-family: Georgia, "Times New Roman", serif;
	font-size: 2.5rem;
	line-height: 1;
}

.rd-daily-preview__action .rd-button {
	width: 100%;
	padding-right: 14px;
	padding-left: 14px;
}

.rankdaily-v27 .rd-category-card__status {
	display: flex;
	align-items: flex-end;
	flex-direction: column;
	gap: 7px;
	min-width: 116px;
}

.rd-category-progress {
	display: block;
	width: 116px;
	color: #8a847a;
	font-size: .63rem;
	font-weight: 680;
	line-height: 1.25;
}

.rd-category-progress > i {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 3px;
	margin-top: 6px;
	background: #ded7ca;
}

.rd-category-progress > i > b {
	display: block;
	width: 0;
	height: 100%;
	background: var(--rd-category-accent, var(--rd-editorial-blue));
	transition: width .28s ease;
}

.rd-category-card.has-progress .rd-category-progress {
	color: var(--rd-category-accent, var(--rd-editorial-blue));
}

.rankdaily-v27 .rd-category-grid--compact .rd-category-card {
	min-height: 218px;
}

.rankdaily-v27 .rd-category-grid--compact .rd-category-card__status {
	align-items: flex-start;
	width: 100%;
}

.rankdaily-v27 .rd-category-grid--compact .rd-category-progress {
	width: min(100%, 120px);
}

.rankdaily-v27 .rd-card-grid--related {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 24px;
}

.rankdaily-v27 .rd-card-grid--related .rd-challenge-card {
	min-height: 184px;
	padding-left: 42px;
}

.rd-challenge-context {
	display: grid;
	grid-template-columns: 180px minmax(0, 1fr);
	column-gap: clamp(28px, 5vw, 70px);
	margin: clamp(42px, 6vw, 70px) 0 0;
	padding: clamp(28px, 4vw, 40px) 0;
	border-width: 1px 0;
	border-style: solid;
	border-color: var(--rd-editorial-line);
}

.rd-challenge-context .rd-detail-kicker {
	grid-row: 1 / span 2;
	margin: 7px 0 0;
}

.rd-challenge-context h2 {
	margin: 0 0 12px;
	color: var(--rd-editorial-navy);
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(1.55rem, 3vw, 2.2rem);
	line-height: 1.08;
	letter-spacing: -.035em;
}

.rd-challenge-context > p:last-child {
	max-width: 730px;
	margin: 0;
	color: #66635e;
	font-size: .94rem;
	line-height: 1.7;
}

.rd-mastery {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 11px;
	margin: 18px auto 0;
}

.rd-mastery__stars {
	display: flex;
	gap: 3px;
}

.rd-mastery__stars i {
	color: #c7bfb2;
	font-size: 1.2rem;
	font-style: normal;
	line-height: 1;
}

.rd-mastery__stars i.is-earned {
	color: #c98b18;
	animation: rd-star-in .42s ease-out both;
}

.rd-mastery__stars i.is-earned:nth-child(2) { animation-delay: .08s; }
.rd-mastery__stars i.is-earned:nth-child(3) { animation-delay: .16s; }

.rd-mastery strong {
	color: var(--rd-editorial-navy);
	font-size: .76rem;
	font-weight: 780;
}

@keyframes rd-star-in {
	0% { opacity: 0; transform: translateY(4px) scale(.6) rotate(-12deg); }
	100% { opacity: 1; transform: translateY(0) scale(1) rotate(0); }
}

.rd-week-panel {
	margin-top: 23px;
	padding-top: 18px;
	border-top: 1px solid var(--rd-editorial-line);
}

.rd-week-panel__heading {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 12px;
}

.rd-week-panel__heading strong {
	color: var(--rd-editorial-navy);
	font-size: .78rem;
}

.rd-week-panel__heading span {
	color: #817b72;
	font-size: .66rem;
}

.rd-week {
	display: grid;
	grid-template-columns: repeat(7, minmax(0, 1fr));
	gap: 6px;
}

.rd-week__day {
	position: relative;
	display: grid;
	min-height: 51px;
	place-items: center;
	padding: 5px 2px;
	border: 1px solid #d8d0c3;
	border-radius: 5px;
	background: rgba(255, 253, 248, .55);
	color: #827c73;
}

.rd-week__day small {
	font-size: .56rem;
	font-weight: 780;
	text-transform: uppercase;
}

.rd-week__day b {
	font-family: Georgia, "Times New Roman", serif;
	font-size: .88rem;
}

.rd-week__day i {
	position: absolute;
	right: 3px;
	bottom: 1px;
	color: #fff;
	font-size: .55rem;
	font-style: normal;
}

.rd-week__day.is-complete {
	border-color: var(--rd-category-accent, var(--rd-editorial-blue));
	background: var(--rd-category-accent, var(--rd-editorial-blue));
	color: #fff;
}

.rd-week__day.is-today {
	box-shadow: 0 0 0 2px var(--rd-surface), 0 0 0 3px var(--rd-category-accent, var(--rd-editorial-blue));
}

.rd-score-card .rd-week-panel--result {
	width: min(460px, 100%);
	margin-right: auto;
	margin-left: auto;
}

.rankdaily-v27 .rd-completed-badge {
	color: var(--rd-category-accent, var(--rd-editorial-blue));
	font-size: .65rem;
	font-weight: 760;
}

.rankdaily-v27 .rd-trust-grid {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media (prefers-reduced-motion: reduce) {
	.rd-mastery__stars i.is-earned {
		animation: none;
	}

	.rd-category-progress > i > b {
		transition: none;
	}
}

@media (max-width: 900px) {
	.rd-daily-preview {
		grid-template-columns: 130px minmax(0, 1fr);
	}

	.rd-daily-preview__action {
		grid-column: 2;
		align-items: center;
		flex-direction: row;
	}

	.rd-daily-preview__action > span {
		min-width: 118px;
	}

	.rankdaily-v27 .rd-card-grid--related {
		grid-template-columns: 1fr;
	}

	.rankdaily-v27 .rd-trust-grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 620px) {
	.rd-daily-preview {
		grid-template-columns: 1fr;
		gap: 21px;
	}

	.rd-daily-preview__date {
		min-height: 0;
		padding: 0 0 18px;
		border-right: 0;
		border-bottom: 1px solid var(--rd-editorial-line);
	}

	.rd-daily-preview__date strong {
		max-width: none;
	}

	.rd-daily-preview__action {
		grid-column: 1;
		align-items: stretch;
		flex-direction: column;
	}

	.rd-daily-preview__action .rd-button {
		width: 100%;
	}

	.rankdaily-v27 .rd-category-card__status,
	.rankdaily-v27 .rd-category-grid--compact .rd-category-card__status {
		grid-column: 2;
		align-items: flex-start;
		min-width: 0;
	}

	.rankdaily-v27 .rd-category-grid--compact .rd-category-card {
		min-height: 0;
	}

	.rankdaily-v27 .rd-category-grid--compact .rd-category-arrow {
		grid-row: 1 / span 3;
	}

	.rankdaily-v27 .rd-category-progress {
		width: min(100%, 150px);
	}

	.rd-challenge-context {
		grid-template-columns: 1fr;
		gap: 10px;
	}

	.rd-challenge-context .rd-detail-kicker {
		grid-row: auto;
		margin: 0;
	}

	.rd-mastery {
		align-items: center;
		flex-direction: column;
		gap: 7px;
	}

	.rd-week-panel__heading {
		align-items: flex-start;
		flex-direction: column;
		gap: 3px;
	}

	.rd-week {
		gap: 4px;
	}

	.rd-week__day {
		min-height: 47px;
	}
}

/* RankDaily 2.4.1 finishing pass */

.rankdaily-v22 .rd-home-hero.rd-home-hero--centered {
	padding-top: clamp(52px, 6vw, 72px);
	padding-bottom: clamp(38px, 4.5vw, 52px);
}

.rankdaily-v22 .rd-home-hero h1 {
	max-width: 820px;
}

.rankdaily-v22 .rd-daily-page {
	padding-top: 30px;
}

.rankdaily-v22 .rd-daily-page .rd-compact-header {
	margin-bottom: 18px;
}

.rankdaily-v22 .rd-daily-page .rd-compact-header h1 {
	margin-top: 7px;
	margin-bottom: 7px;
	font-size: clamp(2.25rem, 4vw, 3.05rem);
}

.rankdaily-v22 .rd-single-question {
	padding-top: 40px;
}

.rankdaily-v22 .rd-breadcrumb {
	margin-bottom: 18px;
	color: #66738a;
}

.rankdaily-v22 .rd-breadcrumb a {
	color: #526078 !important;
}

.rankdaily-v22 .rd-game {
	padding: clamp(25px, 3.5vw, 36px);
}

.rankdaily-v22 .rd-game-header h1,
.rankdaily-v22 .rd-game-header h2 {
	margin-top: 16px;
}

.rankdaily-v22 .rd-stats {
	margin-top: 20px;
}

.rankdaily-v22 .rd-help {
	margin-top: 20px;
}

.rankdaily-v22 .rd-items {
	gap: 7px;
	margin-top: 10px;
}

.rankdaily-v22 .rd-item {
	min-height: 62px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.rankdaily-v22 .rd-handle,
.rankdaily-v22 .rd-move {
	min-width: 40px;
	min-height: 44px;
}

.rankdaily-v22 .rd-submit {
	margin-top: 14px;
}

.rankdaily-v22 .rd-categories-page .rd-page-header {
	margin-bottom: 34px;
}

.rankdaily-v22 .rd-categories-page .rd-page-header h1 {
	max-width: 680px;
}

.rankdaily-v22 .rd-challenge-card h2,
.rankdaily-v22 .rd-challenge-card h3 {
	font-size: 1.125rem;
	line-height: 1.3;
}

.rankdaily-v22 .rd-challenge-card__meta {
	gap: 6px;
}

.rankdaily-v22 .rd-challenge-card {
	cursor: pointer;
}

.rankdaily-v22 .rd-card-grid--category {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 16px;
}

.rankdaily-v22 .rd-card-grid--category .rd-challenge-card {
	min-width: 0;
	min-height: 190px;
	flex: 0 1 calc((100% - 32px) / 3);
	padding: 23px;
}

.rankdaily-v22 .rd-category-archive {
	padding-top: 42px;
}

.rd-category-archive .rd-page-header {
	max-width: 840px;
	margin-bottom: 34px;
	padding: 30px 34px;
}

.rd-category-archive .rd-page-header::before {
	margin-bottom: 17px;
}

.rd-category-archive .rd-page-header h1 {
	font-size: clamp(2.35rem, 4vw, 3.2rem);
}

.rankdaily-v22 .rd-category-outro {
	margin-top: 38px;
}

.rankdaily-v22 .rd-privacy-grid article:last-child:nth-child(odd) {
	grid-column: 1 / -1;
}

@media (max-width: 820px) {
	.rankdaily-v22 .rd-card-grid--category .rd-challenge-card {
		flex-basis: calc((100% - 16px) / 2);
	}

	.rankdaily-v22 .rd-daily-page,
	.rankdaily-v22 .rd-single-question,
	.rankdaily-v22 .rd-category-archive {
		padding-top: 30px;
	}
}

@media (max-width: 620px) {
	.rankdaily-v22 .rd-home-hero.rd-home-hero--centered {
		padding: 38px 0 34px;
	}

	.rankdaily-v22 .rd-game {
		padding: 18px 14px;
	}

	.rankdaily-v22 .rd-item {
		min-height: 60px;
	}

	.rankdaily-v22 .rd-card-grid--category .rd-challenge-card {
		min-height: 158px;
		flex-basis: 100%;
	}

	.rd-category-archive .rd-page-header {
		margin-bottom: 26px;
		padding: 24px 18px;
	}

	.rd-category-archive .rd-page-header h1 {
		font-size: clamp(2rem, 10vw, 2.65rem);
	}
}

@media (max-width: 400px) {
	.rankdaily-v22 .rd-handle,
	.rankdaily-v22 .rd-move {
		min-width: 36px;
	}
}

/* --------------------------------------------------------------------------
 * RankDaily 2.5 editorial knowledge-game system
 * ----------------------------------------------------------------------- */

:root {
	--rd-paper: #f4f0e7;
	--rd-paper-deep: #ece6da;
	--rd-surface: #fffdf8;
	--rd-editorial-ink: #1b2430;
	--rd-editorial-muted: #68665f;
	--rd-editorial-line: #d7d0c3;
	--rd-editorial-blue: #3159c7;
	--rd-editorial-navy: #172033;
}

.rankdaily-v22 {
	--rd-page: var(--rd-paper);
	--rd-ink: var(--rd-editorial-ink);
	--rd-muted: var(--rd-editorial-muted);
	--rd-line: var(--rd-editorial-line);
	--rd-navy: var(--rd-editorial-navy);
	--rd-soft: var(--rd-paper-deep);
	--rd-accent: var(--rd-editorial-blue);
	color: var(--rd-editorial-ink);
}

.rankdaily-v22,
.rankdaily-v22 #page,
.rankdaily-v22 #content,
.rankdaily-v22 .site-content,
.rankdaily-v22 .site-main,
.rankdaily-v22 #primary,
.rankdaily-v22 article.page,
.rankdaily-v22 .entry-content,
.rankdaily-v22 .wp-site-blocks {
	background: var(--rd-paper) !important;
}

.rankdaily-v22 .entry-content > .rd-site,
.rankdaily-v22 .rd-site,
.rd-global-header__inner {
	width: min(calc(100% - 56px), 1120px) !important;
	max-width: 1120px !important;
}

.rd-home-hero h1,
.rd-page-header h1,
.rd-compact-header h1,
.rd-section-heading h2,
.rd-game-header h1,
.rd-game-header h2,
.rd-explore-feature h2,
.rd-about h2,
.rd-privacy h2,
.rd-score-card h2,
.rd-score-card h3,
.rd-correct-reveal > h2,
.rd-correct-reveal > h3 {
	font-family: Georgia, "Times New Roman", serif;
	font-weight: 700;
	letter-spacing: -.04em;
}

.rd-eyebrow,
.rd-detail-kicker,
.rd-score-kicker {
	color: var(--rd-editorial-blue);
	font-size: .68rem;
	font-weight: 800;
	letter-spacing: .16em;
}

.rd-global-header {
	border-bottom: 1px solid var(--rd-editorial-line);
	background: rgba(244, 240, 231, .94);
	box-shadow: none;
}

.rd-global-header__inner {
	height: 72px;
}

.rd-brand {
	gap: 9px;
	color: var(--rd-editorial-navy) !important;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 1.32rem;
	font-weight: 700;
	letter-spacing: -.03em;
}

.rd-brand > span {
	width: 31px;
	height: 31px;
	border: 1px solid var(--rd-editorial-navy);
	border-radius: 50%;
	background: transparent;
	box-shadow: none;
	color: var(--rd-editorial-navy);
	font-family: Georgia, "Times New Roman", serif;
	font-weight: 700;
}

.rd-global-nav {
	gap: 18px;
}

.rd-global-nav a {
	height: 72px;
	padding: 0 2px;
	border-radius: 0;
	color: #4f5359;
	font-size: .86rem;
	font-weight: 680;
}

.rd-global-nav a:hover,
.rd-global-nav a[aria-current="page"] {
	background: transparent;
	color: var(--rd-editorial-navy);
}

.rd-global-nav a[aria-current="page"]::after {
	display: block;
	right: 0;
	bottom: 0;
	left: 0;
	height: 2px;
	border-radius: 0;
	background: var(--rd-editorial-blue);
}

.rd-menu-toggle {
	border-color: var(--rd-editorial-line);
	border-radius: 4px;
	background: transparent;
}

.rankdaily-v22 .rd-home {
	padding-bottom: 78px;
}

.rankdaily-v22 .rd-home-hero.rd-home-hero--centered {
	padding: clamp(58px, 6.5vw, 82px) 0 clamp(42px, 5vw, 60px);
}

.rankdaily-v22 .rd-home-hero.rd-home-hero--centered::before {
	border-bottom: 1px solid var(--rd-editorial-line);
	background:
		radial-gradient(circle at 50% -20%, rgba(49, 89, 199, .09), transparent 46%),
		var(--rd-paper);
}

.rankdaily-v22 .rd-home-hero__copy,
.rankdaily-v22 .rd-home-hero h1 {
	max-width: 900px;
}

.rankdaily-v22 .rd-home-hero h1 {
	margin: 14px auto 19px;
	font-size: clamp(3.1rem, 6vw, 5.05rem);
	line-height: .97;
	letter-spacing: -.05em;
}

.rankdaily-v22 .rd-home-hero .rd-lead {
	max-width: 680px;
	margin: 0 auto 25px;
	color: #555b63;
	font-size: clamp(1.12rem, 2vw, 1.3rem);
	line-height: 1.58;
}

.rd-hero-actions {
	align-items: center;
	gap: 22px;
}

.rd-button,
.rankdaily-v22 .rd-submit {
	border-radius: 6px;
}

.rd-button--primary,
.rankdaily-v22 .rd-submit {
	border-color: var(--rd-editorial-navy);
	background: var(--rd-editorial-navy);
	box-shadow: none;
}

.rd-button--primary:hover,
.rankdaily-v22 .rd-submit:hover {
	border-color: var(--rd-editorial-blue);
	background: var(--rd-editorial-blue);
	box-shadow: none;
	transform: translateY(-1px);
}

.rd-hero-link {
	color: var(--rd-editorial-navy) !important;
	font-size: .91rem;
	font-weight: 750;
	text-decoration: underline;
	text-decoration-color: #a9a294;
	text-underline-offset: 5px;
}

.rd-hero-link:hover {
	color: var(--rd-editorial-blue) !important;
	text-decoration-color: currentcolor;
}

.rd-hero-note {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px;
	margin: 20px 0 0;
	color: #77736b;
	font-size: .75rem;
	font-weight: 650;
}

.rd-hero-note span + span::before {
	margin-right: 8px;
	color: #aba498;
	content: "·";
}

.rankdaily-v22 .rd-section--game {
	padding: clamp(36px, 4.8vw, 54px) 0 clamp(64px, 8vw, 88px);
}

.rankdaily-v22 .rd-section--game::before {
	background: var(--rd-paper);
}

.rankdaily-v22 .rd-section--game .rd-section-heading,
.rankdaily-v22 .rd-game {
	width: min(860px, 100%);
}

.rankdaily-v22 .rd-section-heading h2 {
	font-size: clamp(2rem, 4vw, 2.65rem);
	letter-spacing: -.04em;
}

.rankdaily-v22 .rd-game {
	overflow: visible;
	padding: clamp(24px, 3.4vw, 34px);
	border: 1px solid #d4ccbe;
	border-radius: 12px;
	background: var(--rd-surface);
	box-shadow: 0 18px 52px rgba(53, 45, 32, .075);
}

.rankdaily-v22 .rd-game::before {
	height: 3px;
	border-radius: 12px 12px 0 0;
}

.rankdaily-v22 .rd-game::after {
	display: none;
}

.rd-game-meta {
	display: flex;
	align-items: center;
	gap: 7px;
}

.rd-game-meta span {
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: #777269;
	font-size: .67rem;
	font-weight: 760;
	letter-spacing: .09em;
	text-transform: uppercase;
}

.rd-game-meta span + span::before {
	margin-right: 7px;
	color: #b0a99e;
	content: "·";
}

.rd-game-meta .rd-category,
.rd-game-meta .rd-direction {
	border: 0;
	background: transparent;
	color: var(--rd-category-accent, var(--rd-editorial-blue));
}

.rankdaily-v22 .rd-game-header h1,
.rankdaily-v22 .rd-game-header h2 {
	max-width: 720px;
	margin: 15px 0 11px;
	font-size: clamp(2.05rem, 4.5vw, 2.65rem);
	line-height: 1.05;
	letter-spacing: -.045em;
}

.rd-game-task {
	grid-template-columns: auto minmax(0, 1fr);
	gap: 12px;
	margin-top: 10px;
}

.rd-game-task > span {
	padding: 2px 0;
	border-radius: 0;
	background: transparent;
	color: var(--rd-category-accent, var(--rd-editorial-blue));
	font-size: .64rem;
	font-weight: 850;
	letter-spacing: .13em;
}

.rd-game-task p {
	color: #585c60;
	font-size: .94rem;
	line-height: 1.55;
}

.rankdaily-v22 .rd-stats {
	gap: 20px;
	margin-top: 19px;
	padding: 9px 0;
	border-width: 1px 0;
	border-style: solid;
	border-color: var(--rd-editorial-line);
	border-radius: 0;
	background: transparent;
}

.rankdaily-v22 .rd-stats > span {
	padding: 0;
	color: #777269;
}

.rankdaily-v22 .rd-stats > button {
	min-height: 32px;
	margin-left: auto;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: var(--rd-editorial-navy);
	text-decoration: underline;
	text-decoration-color: #aaa294;
	text-underline-offset: 4px;
}

.rankdaily-v22 .rd-stats > button:hover {
	border: 0;
	background: transparent;
	color: var(--rd-editorial-blue);
}

.rankdaily-v22 .rd-help {
	gap: 10px;
	margin-top: 18px;
	color: #716d65;
}

.rankdaily-v22 .rd-help strong {
	color: var(--rd-category-accent, var(--rd-editorial-blue));
}

.rankdaily-v22 .rd-items {
	gap: 0;
	margin: 9px 0 16px;
}

.rankdaily-v22 .rd-item {
	grid-template-columns: 36px 36px minmax(0, 1fr) 40px 40px;
	gap: 6px;
	min-height: 59px;
	padding: 3px 4px;
	border-width: 0 0 1px;
	border-color: var(--rd-editorial-line);
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

.rankdaily-v22 .rd-item:first-child {
	border-top: 1px solid var(--rd-editorial-line);
}

.rankdaily-v22 .rd-item::before {
	display: block;
	width: auto;
	height: auto;
	border-radius: 0;
	background: transparent;
	color: var(--rd-category-accent, var(--rd-editorial-blue));
	content: counter(rankdaily-position, decimal-leading-zero);
	font-family: Georgia, "Times New Roman", serif;
	font-size: 1.35rem;
	font-weight: 700;
	line-height: 1;
}

.rankdaily-v22 .rd-item:hover {
	border-color: var(--rd-editorial-line);
	background: rgba(236, 230, 218, .5);
	box-shadow: none;
	transform: none;
}

.rankdaily-v22 .rd-item.is-selected {
	border-color: var(--rd-category-accent, var(--rd-editorial-blue));
	background: color-mix(in srgb, var(--rd-category-accent, var(--rd-editorial-blue)), white 94%);
	box-shadow: inset 3px 0 0 var(--rd-category-accent, var(--rd-editorial-blue));
}

.rankdaily-v22 .rd-item.is-selected::before {
	background: transparent;
	content: counter(rankdaily-position, decimal-leading-zero);
}

.rankdaily-v22 .rd-item-name {
	min-height: 44px;
	color: var(--rd-editorial-ink);
	font-size: 1rem;
	font-weight: 690;
}

.rankdaily-v22 .rd-handle,
.rankdaily-v22 .rd-move {
	width: 38px;
	height: 42px;
	border: 0;
	border-radius: 4px;
	background: transparent;
	color: #817b72;
}

.rankdaily-v22 .rd-move {
	opacity: .48;
	transition: color .14s ease, opacity .14s ease, background-color .14s ease;
}

.rankdaily-v22 .rd-handle svg,
.rankdaily-v22 .rd-move svg {
	display: block;
	width: 18px;
	height: 18px;
}

.rankdaily-v22 .rd-handle svg {
	fill: currentcolor;
}

.rankdaily-v22 .rd-move svg {
	fill: none;
	stroke: currentcolor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.8;
}

.rankdaily-v22 .rd-item:hover .rd-move,
.rankdaily-v22 .rd-move:focus-visible {
	opacity: 1;
}

.rankdaily-v22 .rd-move:hover,
.rankdaily-v22 .rd-handle:hover {
	background: var(--rd-paper-deep);
	color: var(--rd-category-accent, var(--rd-editorial-blue));
}

.rankdaily-v22 .rd-submit {
	min-height: 54px;
	margin-top: 12px;
	background: var(--rd-editorial-navy);
	box-shadow: none;
	font-size: .95rem;
	letter-spacing: .01em;
}

.rankdaily-v22 .rd-game.is-complete .rd-results {
	margin-top: 26px;
}

.rankdaily-v22 .rd-score-card {
	overflow: visible;
	padding: 28px 12px;
	border-width: 1px 0;
	border-style: solid;
	border-color: var(--rd-editorial-line);
	border-radius: 0;
	background: transparent;
}

.rankdaily-v22 .rd-score-card::before,
.rankdaily-v22 .rd-score-card::after {
	display: none;
}

.rankdaily-v22 .rd-score-card h2,
.rankdaily-v22 .rd-score-card h3 {
	color: var(--rd-editorial-navy);
	font-size: clamp(3.4rem, 9vw, 4.85rem);
}

.rankdaily-v22 .rd-squares span {
	width: 28px;
	height: 28px;
	border-radius: 2px;
	box-shadow: none;
}

.rankdaily-v22 .rd-original-toggle {
	margin-top: 19px;
	padding-right: 0;
	padding-left: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	text-decoration: underline;
	text-decoration-color: #aaa294;
	text-underline-offset: 4px;
}

.rankdaily-v22 .rd-original-toggle:hover {
	border: 0;
	background: transparent;
	color: var(--rd-editorial-blue);
}

.rankdaily-v22 .rd-result-panel {
	padding: 20px 0 0;
	border: 0;
	border-radius: 0;
	background: transparent;
}

.rankdaily-v22 .rd-result-list {
	gap: 0;
}

.rankdaily-v22 .rd-result-list li {
	min-height: 48px;
	padding: 8px 4px;
	border-width: 0 0 1px 3px;
	border-bottom-color: var(--rd-editorial-line);
	border-radius: 0;
	background: transparent;
}

.rankdaily-v22 .rd-result-rank {
	border-radius: 0;
	background: transparent;
	font-family: Georgia, "Times New Roman", serif;
	font-size: .85rem;
}

.rankdaily-v22 .rd-next-countdown {
	padding: 0;
	border-radius: 0;
	background: transparent;
}

.rankdaily-v22 .rd-correct-reveal {
	margin-top: 38px;
}

.rankdaily-v22 .rd-correct-reveal > :is(h2, h3) {
	margin-bottom: 18px;
	font-size: clamp(1.9rem, 4vw, 2.7rem);
	text-align: left;
}

.rankdaily-v22 .rd-fact-grid {
	gap: 0;
	border-top: 1px solid var(--rd-editorial-line);
}

.rankdaily-v22 .rd-fact-card,
.rankdaily-v22 .rd-fact-card:last-child:nth-child(odd) {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	column-gap: 24px;
	padding: 20px 3px;
	border-width: 0 0 1px;
	border-color: var(--rd-editorial-line);
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

.rankdaily-v22 .rd-fact-card__top {
	grid-column: 1 / -1;
	grid-template-columns: 34px minmax(0, 1fr) auto;
}

.rankdaily-v22 .rd-fact-card__top > span {
	width: 30px;
	height: 30px;
	border-radius: 0;
	background: transparent;
	color: var(--rd-category-accent, var(--rd-editorial-blue));
	font-family: Georgia, "Times New Roman", serif;
	font-size: 1rem;
}

.rankdaily-v22 .rd-fact-card__top b {
	color: var(--rd-category-accent, var(--rd-editorial-blue));
	font-size: .84rem;
}

.rankdaily-v22 .rd-fact-card p {
	margin: 9px 0 0 44px;
	color: #64625e;
	line-height: 1.6;
}

.rankdaily-v22 .rd-source-link {
	grid-column: 1;
	margin: 9px 0 0 44px;
	color: var(--rd-editorial-navy);
	font-size: .74rem;
	font-weight: 680;
	text-decoration-color: #aaa294;
	text-underline-offset: 3px;
}

.rankdaily-v22 .rd-page {
	padding-top: clamp(48px, 6vw, 72px);
	padding-bottom: clamp(70px, 8vw, 100px);
}

.rankdaily-v22 .rd-page-header,
.rd-category-archive .rd-page-header,
.rankdaily-v22 .rd-about .rd-page-header,
.rankdaily-v22 .rd-privacy .rd-page-header {
	max-width: 780px;
	margin: 0 0 clamp(44px, 6vw, 70px);
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	text-align: left;
}

.rd-category-archive .rd-page-header::before {
	display: none;
}

.rankdaily-v22 .rd-page-header > p:last-child {
	max-width: 690px;
	margin: 16px 0 0;
	color: #64625e;
	font-size: 1.04rem;
	line-height: 1.7;
}

.rankdaily-v22 .rd-page-header h1,
.rankdaily-v22 .rd-compact-header h1 {
	margin-top: 12px;
	font-size: clamp(2.8rem, 5.2vw, 4.5rem);
	line-height: .98;
	letter-spacing: -.05em;
}

.rankdaily-v22 .rd-compact-header {
	max-width: 860px;
	margin: 0 auto 16px;
	text-align: left;
}

.rankdaily-v22 .rd-daily-page {
	padding-top: 26px;
}

.rankdaily-v22 .rd-daily-page .rd-compact-header h1 {
	font-size: clamp(2.45rem, 4.4vw, 3.55rem);
}

.rankdaily-v22 .rd-category-grid {
	display: block;
	margin: 0;
}

.rankdaily-v22 .rd-category-card,
.rankdaily-v22 .rd-category-card[class*="is-category-"] {
	position: relative;
	display: grid;
	min-height: 0;
	grid-template-columns: 70px 42px minmax(0, 1fr) auto 28px;
	gap: 18px;
	align-items: center;
	padding: 23px 2px;
	border-width: 1px 0 0;
	border-style: solid;
	border-color: var(--rd-editorial-line);
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

.rankdaily-v22 .rd-category-card:last-child {
	border-bottom: 1px solid var(--rd-editorial-line);
}

.rankdaily-v22 .rd-category-card[class*="is-category-"]::before,
.rankdaily-v22 .rd-category-card::after {
	display: none;
}

.rankdaily-v22 .rd-category-card:hover,
.rankdaily-v22 .rd-category-card[class*="is-category-"]:hover {
	border-color: var(--rd-editorial-line);
	background: rgba(255, 253, 248, .52);
	box-shadow: none;
	transform: none;
}

.rd-category-index {
	color: #aba396;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 1.75rem;
	font-weight: 700;
}

.rankdaily-v22 .rd-category-icon,
.rankdaily-v22 .rd-category-card[class*="is-category-"] .rd-category-icon {
	width: 38px;
	height: 38px;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: var(--rd-category-accent, var(--rd-editorial-blue));
}

.rankdaily-v22 .rd-category-icon svg {
	width: 27px;
	height: 27px;
}

.rd-category-card__copy {
	display: block;
	min-width: 0;
}

.rankdaily-v22 .rd-category-card__title {
	margin: 0 0 4px;
	color: var(--rd-editorial-navy);
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(1.35rem, 2.5vw, 1.75rem);
	letter-spacing: -.025em;
}

.rankdaily-v22 .rd-category-card__copy > span {
	color: #6d6a64;
	font-size: .86rem;
}

.rankdaily-v22 .rd-category-card__count {
	align-self: center;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: #777169;
	font-size: .73rem;
	font-weight: 700;
}

.rd-category-arrow {
	color: var(--rd-category-accent, var(--rd-editorial-blue));
	font-size: 1.1rem;
	transition: transform .15s ease;
}

.rd-category-card:hover .rd-category-arrow {
	transform: translateX(4px);
}

.rd-category-grid--compact {
	display: grid !important;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	border-top: 1px solid var(--rd-editorial-line);
}

.rankdaily-v22 .rd-category-grid--compact .rd-category-card {
	display: flex;
	min-height: 180px;
	align-items: flex-start;
	justify-content: flex-start;
	flex-direction: column;
	gap: 12px;
	padding: 22px 18px;
	border-width: 0 0 1px 1px;
}

.rankdaily-v22 .rd-category-grid--compact .rd-category-card:first-child {
	border-left: 0;
}

.rd-category-grid--compact .rd-category-index {
	font-size: 1rem;
}

.rd-category-grid--compact .rd-category-icon {
	display: none;
}

.rd-category-grid--compact .rd-category-card__copy {
	flex: 1;
}

.rd-category-grid--compact .rd-category-card__title {
	margin-bottom: 8px;
}

.rd-category-grid--compact .rd-category-card__count {
	align-self: flex-start;
}

.rd-category-grid--compact .rd-category-arrow {
	position: absolute;
	right: 17px;
	bottom: 20px;
}

.rd-explore-feature {
	grid-template-columns: minmax(0, 1fr) 230px;
	gap: 38px;
	margin: 0 auto 34px;
	padding: clamp(30px, 5vw, 48px) 0;
	border-width: 1px 0;
	border-color: var(--rd-editorial-line);
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

.rd-explore-feature::before {
	display: none;
}

.rd-explore-feature h2 {
	margin: 8px 0 12px;
	font-size: clamp(2rem, 4vw, 3rem);
	line-height: 1.05;
}

.rd-explore-feature__mark {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	min-height: 190px;
	border-left: 1px solid var(--rd-editorial-line);
	color: var(--rd-category-accent, var(--rd-editorial-blue));
	text-align: center;
}

.rd-explore-feature__mark strong {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 8.5rem;
	font-weight: 700;
	line-height: .78;
	letter-spacing: -.08em;
}

.rd-explore-feature__mark span {
	margin-top: 18px;
	color: #726e67;
	font-size: .7rem;
	font-weight: 780;
	letter-spacing: .12em;
	text-transform: uppercase;
}

.rankdaily-v22 .rd-filters {
	position: static;
	display: flex;
	gap: 18px;
	margin: 0 0 32px;
	padding: 0 0 12px;
	border: 0;
	border-bottom: 1px solid var(--rd-editorial-line);
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

.admin-bar.rankdaily-v22 .rd-filters {
	top: auto;
}

.rankdaily-v22 .rd-filters button {
	position: relative;
	padding: 6px 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: #6d6a64;
	font-size: .76rem;
}

.rankdaily-v22 .rd-filters button.is-active,
.rankdaily-v22 .rd-filters button:hover {
	background: transparent;
	color: var(--rd-editorial-navy);
}

.rankdaily-v22 .rd-filters button.is-active::after {
	position: absolute;
	right: 0;
	bottom: -13px;
	left: 0;
	height: 2px;
	background: var(--rd-editorial-blue);
	content: "";
}

.rankdaily-v22 .rd-filters .rd-filter-surprise {
	margin-left: auto;
	color: var(--rd-editorial-blue);
}

.rankdaily-v22 .rd-card-grid--library,
.rankdaily-v22 .rd-card-grid--category,
.rankdaily-v22 .rd-card-grid--related {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0 32px;
	counter-reset: rd-library;
}

.rankdaily-v22 .rd-challenge-card,
.rankdaily-v22 .rd-card-grid--category .rd-challenge-card {
	position: relative;
	display: flex;
	min-width: 0;
	min-height: 168px;
	flex: none;
	justify-content: space-between;
	padding: 24px 4px 22px 48px;
	border-width: 1px 0 0;
	border-color: var(--rd-editorial-line);
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	counter-increment: rd-library;
}

.rankdaily-v22 .rd-challenge-card::before,
.rankdaily-v22 .rd-challenge-card[class*="is-category-"]::before {
	position: absolute;
	top: 26px;
	left: 3px;
	display: block;
	width: auto;
	height: auto;
	border-radius: 0;
	background: transparent;
	color: #a79f92;
	content: counter(rd-library, decimal-leading-zero);
	font-family: Georgia, "Times New Roman", serif;
	font-size: .82rem;
	font-weight: 700;
}

.rankdaily-v22 .rd-challenge-card:hover,
.rankdaily-v22 .rd-challenge-card[class*="is-category-"]:hover {
	border-color: var(--rd-editorial-line);
	background: rgba(255, 253, 248, .54);
	box-shadow: none;
	transform: none;
}

.rankdaily-v22 .rd-challenge-card__meta {
	display: flex;
	gap: 7px;
	align-items: center;
}

.rankdaily-v22 .rd-challenge-card__meta span {
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: var(--rd-category-accent, var(--rd-editorial-blue));
	font-size: .65rem;
	letter-spacing: .1em;
	text-transform: uppercase;
}

.rankdaily-v22 .rd-challenge-card__meta i {
	color: #aaa296;
	font-style: normal;
}

.rankdaily-v22 .rd-challenge-card h2,
.rankdaily-v22 .rd-challenge-card h3 {
	margin: 15px 0 20px;
	color: var(--rd-editorial-navy);
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(1.14rem, 2vw, 1.34rem);
	font-weight: 700;
	line-height: 1.24;
	letter-spacing: -.02em;
}

.rankdaily-v22 .rd-card-action {
	color: #5e605f;
	font-size: .74rem;
	font-weight: 720;
}

.rankdaily-v22 .rd-challenge-card:hover .rd-card-action {
	color: var(--rd-category-accent, var(--rd-editorial-blue));
}

.rankdaily-v22 .rd-category-outro {
	border-top: 1px solid var(--rd-editorial-line);
	padding-top: 30px;
}

.rankdaily-v22 .rd-info-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 0 34px;
}

.rankdaily-v22 .rd-info-grid article,
.rankdaily-v22 .rd-trust-grid article,
.rankdaily-v22 .rd-privacy-grid article {
	min-height: 0;
	padding: 27px 0;
	border-width: 1px 0 0;
	border-style: solid;
	border-color: var(--rd-editorial-line);
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

.rd-step-index {
	display: block;
	margin-bottom: 32px;
	color: var(--rd-editorial-blue);
	font-family: Georgia, "Times New Roman", serif;
	font-size: 1.15rem;
	font-weight: 700;
}

.rankdaily-v22 .rd-info-grid article > .rd-step-index {
	display: block;
	width: auto;
	height: auto;
	place-items: initial;
	border-radius: 0;
	background: transparent;
	color: var(--rd-editorial-blue);
}

.rankdaily-v22 .rd-info-grid h2 {
	font-size: 1.65rem;
}

.rankdaily-v22 .rd-scoring-card,
.rankdaily-v22 .rd-privacy-highlight,
.rankdaily-v22 .rd-privacy-control {
	padding: clamp(28px, 4vw, 42px) 0;
	border-width: 1px 0;
	border-style: solid;
	border-color: var(--rd-editorial-line);
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

.rankdaily-v22 .rd-score-key {
	gap: 0;
}

.rankdaily-v22 .rd-score-key span {
	min-height: 0;
	padding: 6px 18px;
	border: 0;
	border-left: 1px solid var(--rd-editorial-line);
	border-radius: 0;
	background: transparent;
}

.rankdaily-v22 .rd-score-key b {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 1.7rem;
}

.rankdaily-v22 .rd-trust-grid {
	gap: 34px;
}

.rankdaily-v22 .rd-privacy {
	width: min(calc(100% - 56px), 860px) !important;
	max-width: 860px !important;
}

.rankdaily-v22 .rd-privacy-highlight {
	display: block;
	padding-left: 25px;
	border-top: 0;
	border-right: 0;
	border-bottom: 0;
	border-left: 3px solid var(--rd-editorial-blue);
}

.rankdaily-v22 .rd-privacy-highlight .rd-info-icon {
	display: none;
}

.rankdaily-v22 .rd-privacy-grid {
	display: block;
	margin-top: 46px;
}

.rankdaily-v22 .rd-privacy-grid article:last-child:nth-child(odd) {
	grid-column: auto;
}

.rankdaily-v22 .rd-privacy-grid h2,
.rankdaily-v22 .rd-privacy-control h2,
.rankdaily-v22 .rd-privacy-highlight h2 {
	font-size: clamp(1.55rem, 3vw, 2rem);
}

.rankdaily-v22 .rd-privacy-control {
	align-items: flex-start;
	margin-top: 42px;
}

.rankdaily-v22 .rd-privacy-updated {
	text-align: left;
}

.rankdaily-v22 .rd-home-steps {
	gap: 0;
	border-top: 1px solid var(--rd-editorial-line);
}

.rankdaily-v22 .rd-home-steps article {
	padding: 28px 28px 0;
	border-width: 0 0 0 1px;
	border-color: var(--rd-editorial-line);
	border-radius: 0;
	background: transparent;
}

.rankdaily-v22 .rd-home-steps article:first-child {
	padding-left: 0;
	border-left: 0;
}

.rankdaily-v22 .rd-home-steps article > span {
	display: block;
	width: auto;
	height: auto;
	border-radius: 0;
	background: transparent;
	color: var(--rd-editorial-blue);
	font-family: Georgia, "Times New Roman", serif;
	font-size: 1.1rem;
	font-weight: 700;
}

.rankdaily-v22 .rd-home-steps h3 {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 1.45rem;
	letter-spacing: -.025em;
}

.rankdaily-v22 .rd-stats-modal__card {
	border-radius: 10px;
	background: var(--rd-surface);
}

.rankdaily-v22 .rd-stats-grid span {
	border-radius: 4px;
	background: var(--rd-paper-deep);
}

.rd-global-footer {
	border-top: 1px solid #303849;
	background: var(--rd-editorial-navy);
}

.rd-global-footer .rd-brand > span {
	border-color: rgba(255, 255, 255, .65);
	color: #fff;
}

.rd-global-footer .rd-brand.rd-brand--footer {
	color: #fff !important;
}

.rankdaily-v22 .rd-inline-link {
	display: inline-block;
	margin-left: 7px;
	color: var(--rd-editorial-navy);
	font-size: .88rem;
	font-weight: 760;
	text-decoration: underline;
	text-decoration-color: #aaa294;
	text-underline-offset: 4px;
}

.rankdaily-v22 .rd-attempt-state {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin: 11px 0 0;
	padding: 9px 0;
	border-top: 1px solid var(--rd-editorial-line);
	color: #78736b;
	font-size: .73rem;
}

.rankdaily-v22 .rd-attempt-state strong {
	color: var(--rd-category-accent, var(--rd-editorial-blue));
	font-size: .69rem;
	font-weight: 820;
	letter-spacing: .1em;
	text-transform: uppercase;
}

.rankdaily-v22 .rd-attempt-feedback {
	display: grid;
	grid-template-columns: auto auto minmax(0, 1fr);
	gap: 15px;
	align-items: center;
	margin: 4px 0 8px;
	padding: 13px 15px;
	border: 1px solid #cfc7b9;
	border-radius: 6px;
	background: var(--rd-paper);
	color: #65615a;
	font-size: .78rem;
}

.rankdaily-v22 .rd-attempt-feedback > strong {
	color: var(--rd-editorial-navy);
	font-size: .72rem;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.rankdaily-v22 .rd-attempt-feedback .rd-squares {
	gap: 4px;
	margin: 0;
}

.rankdaily-v22 .rd-attempt-feedback .rd-squares span {
	width: 18px;
	height: 18px;
}

.rankdaily-v22 .rd-item {
	position: relative;
}

.rankdaily-v22 .rd-item.is-attempt-exact,
.rankdaily-v22 .rd-item.is-locked {
	background: color-mix(in srgb, #22a447, white 94%);
	box-shadow: inset 3px 0 0 #22a447;
}

.rankdaily-v22 .rd-item.is-attempt-close {
	background: color-mix(in srgb, #e7a622, white 94%);
	box-shadow: inset 3px 0 0 #e7a622;
}

.rankdaily-v22 .rd-item.is-attempt-far {
	box-shadow: inset 3px 0 0 #dc3b32;
}

.rankdaily-v22 .rd-game.is-colorblind .rd-item.is-attempt-exact,
.rankdaily-v22 .rd-game.is-colorblind .rd-item.is-locked {
	background: color-mix(in srgb, #0072b2, white 94%);
	box-shadow: inset 3px 0 0 #0072b2;
}

.rankdaily-v22 .rd-game.is-colorblind .rd-item.is-attempt-close {
	background: color-mix(in srgb, #e69f00, white 94%);
	box-shadow: inset 3px 0 0 #e69f00;
}

.rankdaily-v22 .rd-game.is-colorblind .rd-item.is-attempt-far {
	box-shadow: inset 3px 0 0 #6b7280;
}

.rankdaily-v22 .rd-item.is-locked::after {
	position: absolute;
	right: 9px;
	padding: 3px 6px;
	border-radius: 3px;
	background: #e7f6eb;
	color: #137a38;
	content: "Correct";
	font-size: .61rem;
	font-weight: 820;
	letter-spacing: .07em;
	text-transform: uppercase;
}

.rankdaily-v22 .rd-item.is-locked .rd-handle,
.rankdaily-v22 .rd-item.is-locked .rd-move {
	visibility: hidden;
}

.rankdaily-v22 .rd-move {
	opacity: .68;
}

.rankdaily-v22 .rd-move:disabled {
	opacity: .22;
}

.rankdaily-v22 .rd-attempt-history {
	display: grid;
	gap: 8px;
	width: min(330px, 100%);
	margin: 19px auto 0;
}

.rankdaily-v22 .rd-attempt-row {
	display: grid;
	grid-template-columns: 74px minmax(0, 1fr);
	gap: 12px;
	align-items: center;
}

.rankdaily-v22 .rd-attempt-row > span {
	color: #777269;
	font-size: .68rem;
	font-weight: 760;
	letter-spacing: .06em;
	text-align: right;
	text-transform: uppercase;
}

.rankdaily-v22 .rd-attempt-row .rd-squares {
	justify-content: flex-start;
	margin: 0;
}

.rankdaily-v22 .rd-result-actions--top {
	margin: 21px 0 3px;
	padding-bottom: 22px;
	border-bottom: 1px solid var(--rd-editorial-line);
}

.rankdaily-v22 .rd-correct-reveal {
	scroll-margin-top: 92px;
}

.rankdaily-v22 .rd-score-card.is-perfect h2,
.rankdaily-v22 .rd-score-card.is-perfect h3 {
	animation: rd-perfect-settle .48s ease-out both;
}

@keyframes rd-perfect-settle {
	0% { opacity: .35; transform: translateY(7px) scale(.98); }
	100% { opacity: 1; transform: translateY(0) scale(1); }
}

@media (prefers-reduced-motion: reduce) {
	.rankdaily-v22 .rd-score-card.is-perfect h2,
	.rankdaily-v22 .rd-score-card.is-perfect h3 {
		animation: none;
	}
}

@media (hover: none), (pointer: coarse) {
	.rankdaily-v22 .rd-move {
		background: rgba(236, 230, 218, .7);
		opacity: 1;
	}
}

@media (max-width: 900px) {
	.rd-category-grid--compact {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.rankdaily-v22 .rd-category-grid--compact .rd-category-card:nth-child(odd) {
		border-left: 0;
	}

	.rankdaily-v22 .rd-category-grid--compact .rd-category-card:first-child {
		border-left: 0;
	}
}

@media (max-width: 820px) {
	.rankdaily-v22 .entry-content > .rd-site,
	.rankdaily-v22 .rd-site,
	.rd-global-header__inner {
		width: min(calc(100% - 34px), 1120px) !important;
	}

	.rankdaily-v22 .rd-privacy {
		width: min(calc(100% - 34px), 860px) !important;
	}

	.rd-explore-feature {
		grid-template-columns: 1fr;
	}

	.rd-explore-feature__mark {
		display: none;
	}

	.rankdaily-v22 .rd-card-grid--library,
	.rankdaily-v22 .rd-card-grid--category {
		grid-template-columns: 1fr;
	}

	.rankdaily-v22 .rd-info-grid {
		grid-template-columns: 1fr;
	}

	.rankdaily-v22 .rd-info-grid article {
		display: grid;
		grid-template-columns: 52px minmax(0, 1fr);
		column-gap: 18px;
	}

	.rd-step-index {
		grid-row: 1 / span 2;
		margin: 3px 0 0;
	}

	.rankdaily-v22 .rd-info-grid h2,
	.rankdaily-v22 .rd-info-grid p {
		grid-column: 2;
	}
}

@media (max-width: 760px) {
	.rd-global-nav {
		right: 0;
		left: 0;
		gap: 0;
		padding: 7px 0;
		border-color: var(--rd-editorial-line);
		border-radius: 0;
		background: var(--rd-paper);
		box-shadow: 0 16px 34px rgba(53, 45, 32, .12);
	}

	.rd-global-nav a {
		height: 48px;
		padding: 0 16px;
	}

	.rd-global-nav a:hover,
	.rd-global-nav a[aria-current="page"] {
		background: var(--rd-paper-deep);
	}
}

@media (max-width: 620px) {
	.rankdaily-v22 .entry-content > .rd-site,
	.rankdaily-v22 .rd-site,
	.rd-global-header__inner,
	.rankdaily-v22 .rd-privacy {
		width: calc(100% - 24px) !important;
	}

	.rankdaily-v22 .rd-home-hero.rd-home-hero--centered {
		padding: 53px 0 46px;
	}

	.rankdaily-v22 .rd-home-hero h1 {
		font-size: clamp(2.65rem, 13vw, 3.65rem);
	}

	.rd-hero-actions {
		gap: 17px;
	}

	.rd-hero-actions .rd-hero-link {
		align-self: center;
	}

	.rd-hero-note {
		gap: 6px;
	}

	.rd-hero-note span + span::before {
		margin-right: 6px;
	}

	.rankdaily-v22 .rd-inline-link {
		display: block;
		margin: 7px 0 0;
	}

	.rankdaily-v22 .rd-game {
		padding: 23px 14px;
		border-radius: 9px;
	}

	.rankdaily-v22 .rd-game-header h1,
	.rankdaily-v22 .rd-game-header h2 {
		font-size: clamp(1.9rem, 9vw, 2.45rem);
	}

	.rankdaily-v22 .rd-attempt-state {
		align-items: flex-start;
		flex-direction: column;
		gap: 2px;
	}

	.rankdaily-v22 .rd-attempt-feedback {
		grid-template-columns: 1fr;
		gap: 8px;
	}

	.rankdaily-v22 .rd-attempt-feedback .rd-squares {
		justify-content: flex-start;
	}

	.rd-game-task {
		grid-template-columns: 1fr;
		gap: 4px;
	}

	.rankdaily-v22 .rd-stats {
		gap: 7px 16px;
	}

	.rankdaily-v22 .rd-stats > button {
		width: auto;
		margin: 0 0 0 auto;
	}

	.rankdaily-v22 .rd-item {
		grid-template-columns: 28px 36px minmax(0, 1fr) 40px 40px;
		gap: 2px;
		min-height: 60px;
	}

	.rankdaily-v22 .rd-item::before {
		font-size: 1rem;
	}

	.rankdaily-v22 .rd-item.is-locked .rd-item-name {
		padding-right: 62px;
	}

	.rankdaily-v22 .rd-move {
		background: rgba(236, 230, 218, .72);
		opacity: 1;
	}

	.rankdaily-v22 .rd-handle,
	.rankdaily-v22 .rd-move {
		width: 40px;
		height: 44px;
	}

	.rankdaily-v22 .rd-submit {
		position: sticky;
		z-index: 3;
		bottom: 12px;
		box-shadow: 0 9px 24px rgba(20, 35, 66, .2);
	}

	.rankdaily-v22 .rd-game.is-complete .rd-submit {
		position: static;
	}

	.rankdaily-v22 .rd-fact-card,
	.rankdaily-v22 .rd-fact-card:last-child:nth-child(odd) {
		grid-template-columns: 1fr;
		padding: 18px 1px;
	}

	.rankdaily-v22 .rd-source-link {
		grid-column: 1;
		margin-left: 44px;
	}

	.rankdaily-v22 .rd-page-header h1,
	.rankdaily-v22 .rd-compact-header h1 {
		font-size: clamp(2.55rem, 12vw, 3.55rem);
	}

	.rankdaily-v22 .rd-category-card,
	.rankdaily-v22 .rd-category-card[class*="is-category-"] {
		grid-template-columns: 42px minmax(0, 1fr) 24px;
		gap: 12px;
		padding: 20px 1px;
	}

	.rd-category-index {
		font-size: 1.2rem;
	}

	.rankdaily-v22 .rd-category-icon {
		display: none;
	}

	.rd-category-card__copy {
		grid-column: 2;
	}

	.rankdaily-v22 .rd-category-card__count {
		grid-column: 2;
	}

	.rd-category-arrow {
		grid-column: 3;
		grid-row: 1 / span 2;
	}

	.rd-category-grid--compact {
		grid-template-columns: 1fr;
	}

	.rankdaily-v22 .rd-category-grid--compact .rd-category-card {
		display: grid;
		min-height: 0;
		grid-template-columns: 36px minmax(0, 1fr) auto;
		padding: 18px 1px;
		border-left: 0;
	}

	.rd-category-grid--compact .rd-category-index {
		grid-column: 1;
		grid-row: 1 / span 2;
	}

	.rd-category-grid--compact .rd-category-card__copy,
	.rd-category-grid--compact .rd-category-card__count {
		grid-column: 2;
	}

	.rd-category-grid--compact .rd-category-arrow {
		position: static;
		grid-column: 3;
		grid-row: 1 / span 2;
		align-self: center;
	}

	.rankdaily-v22 .rd-filters {
		gap: 13px;
		overflow-x: auto;
		padding-bottom: 12px;
		white-space: nowrap;
	}

	.rankdaily-v22 .rd-filters .rd-filter-surprise {
		margin-left: 0;
	}

	.rankdaily-v22 .rd-challenge-card,
	.rankdaily-v22 .rd-card-grid--category .rd-challenge-card {
		min-height: 148px;
	}

	.rankdaily-v22 .rd-scoring-card,
	.rankdaily-v22 .rd-privacy-control {
		align-items: stretch;
		flex-direction: column;
	}

	.rankdaily-v22 .rd-home-steps article,
	.rankdaily-v22 .rd-home-steps article:first-child {
		padding: 24px 0;
		border-width: 0 0 1px;
	}

	.rankdaily-v22 .rd-score-key {
		width: 100%;
		margin-top: 24px;
	}

	.rankdaily-v22 .rd-score-key span:first-child {
		border-left: 0;
		padding-left: 0;
	}
}

@media (max-width: 400px) {
	.rankdaily-v22 .rd-game {
		padding-right: 10px;
		padding-left: 10px;
	}

	.rankdaily-v22 .rd-item {
		grid-template-columns: 24px 32px minmax(0, 1fr) 38px 38px;
	}
}

/* RankDaily 2.8.0 release-candidate details. */
.rd-daily-preview__complete {
	margin-top: 12px !important;
	color: var(--rd-category-accent, #168478) !important;
	font-size: 13px !important;
	font-weight: 750 !important;
	line-height: 1.45 !important;
}

.rd-daily-preview.is-completed {
	border-color: color-mix(in srgb, var(--rd-category-accent, #168478) 38%, var(--rd-line)) !important;
	background: color-mix(in srgb, var(--rd-category-soft, #e8f4f1) 42%, #fffdf8) !important;
}

.rd-daily-preview.is-completed .rd-daily-preview__action > span b {
	color: var(--rd-category-accent, #168478) !important;
}

.rd-text-link {
	display: inline-flex;
	margin-top: 14px;
	color: var(--rd-blue, #3157d5);
	font-size: 13px;
	font-weight: 750;
	text-decoration: none;
	text-underline-offset: 4px;
}

.rd-text-link:hover,
.rd-text-link:focus-visible {
	text-decoration: underline;
}