/*
 * The homepage (templates/home/*, src/Home). Ported from the approved boards Home-Final (v3.2),
 * Home-Mobile, Home-Live and HomeModules-Library (layouts A to L); BRIEF §20b to §20h, §26.
 *
 * Built on tokens.css and components.css (the story card, list row, chip, meta line, section
 * heading row, placeholder and partners wall live there). Full-width modules in the 1200 container,
 * 72px apart (36 + 36), alternating white and grey bands. Never two modules of one shape back to
 * back is the editor's rule (Layouts families); the CSS makes every shape work in either order.
 * Reduced motion: nothing moves (the ticker is a still, scrollable row; carousels and rails
 * do not auto-advance).
 */

/* ---------------------------------------------------------------- container, bands, small parts */

.skdr-home-wrap {
	box-sizing: border-box;
	max-width: var(--skdr-container, 1200px);
	margin: 0 auto;
	padding: 0 var(--skdr-gutter, 24px);
}

.skdr-home {
	background: var(--skdr-white);
	color: var(--skdr-gray);
	font-family: var(--skdr-font);
}

.skdr-home *,
.skdr-home *::before,
.skdr-home *::after {
	box-sizing: border-box;
}

.skdr-home-sec {
	padding: var(--skdr-section-home, 36px) 0;
}

.skdr-home-sec--w {
	background: var(--skdr-white);
}

.skdr-home-sec--g {
	background: var(--skdr-page);
}

/* A module that draws its own padding (the partners wall) only takes the band's colour. */
.skdr-home-band {
	display: block;
}

.skdr-home .skdr-home-hgrp {
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.skdr-home .skdr-home-src {
	display: flex;
	align-items: center;
	gap: 6px;
	margin: 2px 0 0;
	color: var(--skdr-muted);
	font-size: 14px;
	line-height: 22px;
}

.skdr-home .skdr-home-tools {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 16px;
}

.skdr-home .skdr-home-arrows {
	display: flex;
	gap: 8px;
}

/* Round 44px buttons (Schedule-A2): previous, next, pause */
.skdr-home .wbtn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: none;
	width: var(--skdr-tap, 44px);
	height: var(--skdr-tap, 44px);
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: var(--skdr-white);
	box-shadow: var(--skdr-shadow-ring);
	color: var(--skdr-ink);
	cursor: pointer;
}

.skdr-home .wbtn:hover {
	background: var(--skdr-fill);
}

.skdr-home .wbtn[aria-disabled="true"] {
	opacity: 0.4;
	cursor: default;
}

.skdr-home .wbtn[aria-disabled="true"]:hover {
	background: var(--skdr-white);
}

.skdr-home .wbtn:focus-visible,
.skdr-home-ab-dot:focus-visible,
.skdr-tick-btn:focus-visible,
.skdr-tick-list a:focus-visible,
.skdr-feat-main:focus-visible,
.skdr-feat-row:focus-visible,
.skdr-flist__a:focus-visible,
.skdr-tile:focus-visible,
.skdr-pop__list a:focus-visible,
.skdr-mod-bt:focus-visible,
.skdr-mod-ll:focus-visible,
.skdr-home-appeal__pill:focus-visible,
.skdr-home-ab-slide:focus-visible {
	outline: var(--skdr-focus-outline);
	outline-offset: var(--skdr-focus-offset);
	box-shadow: var(--skdr-focus-shadow);
}

.skdr-home .ndot {
	display: inline-block;
	flex: none;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: var(--skdr-red);
}

/* Pause and play icons swap with aria-pressed */
.skdr-tick-ic--play {
	display: none;
}

[aria-pressed="true"] > .skdr-tick-ic--pause {
	display: none;
}

[aria-pressed="true"] > .skdr-tick-ic--play {
	display: block;
}

/* "Alive": the category chip and the quiet NEW chip on one line (BRIEF §20c) */
.skdr-chips {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px;
}

.skdr-new {
	display: inline-flex;
	align-items: center;
	height: 22px;
	padding: 0 6px;
	border-radius: 4px;
	background: var(--skdr-yel);
	color: var(--skdr-on-yel);
	font-size: 11px;
	line-height: 22px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

/* The play circle on a video thumbnail */
.skdr-media {
	position: relative;
	display: block;
	flex: none;
	line-height: 0;
}

.skdr-media__img {
	display: block;
	width: 100%;
	height: 100%;
	aspect-ratio: 16 / 9;
	object-fit: cover;
}

.skdr-play {
	position: absolute;
	left: 50%;
	top: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	margin: -28px 0 0 -28px;
	border-radius: 50%;
	background: var(--skdr-white);
	color: var(--skdr-dark);
	box-shadow: var(--skdr-shadow-card);
}

.skdr-play svg {
	margin-left: 3px;
}

.skdr-play--lg {
	width: 72px;
	height: 72px;
	margin: -36px 0 0 -36px;
}

.skdr-play--lg svg {
	width: 28px;
	height: 28px;
	margin-left: 4px;
}

/* ---------------------------------------------------------------- the Trending ticker (Home-Final .skdr-tick) */

.skdr-tick {
	background: var(--skdr-fill);
	font-family: var(--skdr-font);
}

.skdr-tick-in {
	display: flex;
	align-items: center;
	gap: 12px;
	height: 52px;
}

.skdr-tick-tag {
	position: relative;
	flex: none;
	display: inline-flex;
	align-items: center;
	height: 32px;
	margin: 0 10px 0 0;
	padding: 0 14px 0 16px;
	border-radius: 4px 0 0 4px;
	background: var(--skdr-yel);
	color: var(--skdr-on-yel);
	font-size: 15px;
	line-height: 22px;
	font-weight: 600;
	white-space: nowrap;
}

.skdr-tick-tag::after {
	content: "";
	position: absolute;
	top: 0;
	right: -10px;
	width: 0;
	height: 0;
	border-top: 16px solid transparent;
	border-bottom: 16px solid transparent;
	border-left: 10px solid var(--skdr-yel);
}

.skdr-tick-view {
	flex: 1;
	min-width: 0;
	height: 44px;
	display: flex;
	align-items: center;
	overflow: hidden;
}

/* Duration = list width / speed, set by home.js (px/s per device); 28s until then */
.skdr-tick-track {
	display: flex;
	flex: none;
	width: max-content;
	animation: skdrTick var(--skdr-tick-dur, 28s) linear infinite;
}

.skdr-tick-view:hover .skdr-tick-track,
.skdr-tick-view:focus-within .skdr-tick-track,
.skdr-tick--paused .skdr-tick-track {
	animation-play-state: paused;
}

@keyframes skdrTick {
	from { transform: translateX(0); }
	to { transform: translateX(-50%); }
}

.skdr-tick-list {
	display: flex;
	align-items: center;
	flex: none;
	margin: 0;
	padding: 0;
	list-style: none;
}

.skdr-tick-list li {
	display: flex;
	align-items: center;
	gap: 25px;
	margin: 0;
	padding: 0 25px 0 0;
	white-space: nowrap;
}

.skdr-tick-dot {
	flex: none;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: var(--skdr-red);
}

.skdr-tick-list a {
	display: inline-flex;
	align-items: center;
	height: 36px;
	padding: 0 2px;
	border-radius: 2px;
	color: var(--skdr-ink);
	font-size: 15px;
	line-height: 22px;
	font-weight: 400;
	text-decoration: none;
}

.skdr-tick-list a:hover {
	color: var(--skdr-dark);
	text-decoration: underline;
	text-decoration-thickness: 2px;
	text-underline-offset: 3px;
}

.skdr-tick-btn {
	flex: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: var(--skdr-tap, 44px);
	height: var(--skdr-tap, 44px);
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: transparent;
	color: var(--skdr-dark);
	cursor: pointer;
}

.skdr-tick-btn:hover {
	background: var(--skdr-line);
	color: var(--skdr-red);
}

@media (max-width: 640px) {
	.skdr-tick-in {
		height: 44px;
		gap: 8px;
		padding-right: 0;
	}

	.skdr-tick-tag {
		height: 28px;
		margin-right: 8px;
		padding: 0 10px 0 12px;
		font-size: 13px;
		line-height: 20px;
	}

	.skdr-tick-tag::after {
		right: -8px;
		border-top-width: 14px;
		border-bottom-width: 14px;
		border-left-width: 8px;
	}

	.skdr-tick-list a {
		font-size: 14px;
	}
}

/* ---------------------------------------------------------------- the opener (Home-Final, HomeAbove-Styles option 2) */

.skdr-home-ab-sec {
	padding: 24px 0;
	background: var(--skdr-white);
}

.skdr-home-ab-sec :where(p, h2, h3, ul, ol) {
	margin: 0;
	padding: 0;
}

.skdr-home-ab-sec :where(ul, ol) {
	list-style: none;
}

.skdr-home-ab-hrow {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	min-height: 44px;
	margin: 0 0 16px;
}

.skdr-home-ab-hl {
	display: flex;
	align-items: center;
	gap: 16px;
	min-width: 0;
}

.skdr-home-ab-count {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: var(--skdr-ink);
	font-size: 13px;
	line-height: 20px;
	font-weight: 600;
	white-space: nowrap;
}

.skdr-home-ab-ago {
	display: block;
	color: var(--skdr-muted);
	font-size: 13px;
	line-height: 20px;
}

.skdr-home-ab-ago--now {
	color: var(--skdr-red);
	font-weight: 600;
}

.skdr-home-ab-t {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	color: var(--skdr-ink);
	font-weight: 600;
}

.skdr-home-ab-th {
	position: relative;
	display: block;
	flex: none;
	line-height: 0;
	overflow: hidden;
}

.skdr-home-ab-th > img,
.skdr-home-ab-th > .skdr-ph {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 9;
	object-fit: cover;
}

.skdr-home-ab-row__txt {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 4px;
	min-width: 0;
	flex: 1;
}

.skdr-home-ab-car {
	position: relative;
}

.skdr-home-ab-car__vp {
	overflow: hidden;
	border-radius: 8px;
	box-shadow: var(--skdr-shadow-card);
	touch-action: pan-y;
}

.skdr-home-ab-car__track {
	display: flex;
	transform: translateX(calc(var(--skdr-i, 0) * -100%));
	transition: transform 0.45s ease;
}

.skdr-home-ab-car__slide {
	flex: 0 0 100%;
	min-width: 0;
}

.skdr-home-ab-slide {
	display: block;
	height: 100%;
	background: var(--skdr-white);
	color: var(--skdr-ink);
	text-decoration: none;
}

.skdr-home-ab-slide:hover {
	color: var(--skdr-ink);
}

.skdr-home-ab-slide:hover .skdr-home-ab-th > img,
.skdr-home-ab-slide:hover .skdr-ph {
	opacity: 0.9;
}

.skdr-home-ab-slide__p {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 16px 20px;
}

.skdr-home-ab-slide__p .skdr-home-ab-t {
	margin-top: 8px;
	font-size: 28px;
	line-height: 36px;
	font-weight: 700;
}

.skdr-home-ab-slide:hover .skdr-home-ab-t {
	color: var(--skdr-dark);
	text-decoration: underline;
	text-decoration-thickness: 2px;
	text-underline-offset: 3px;
}

.skdr-home-ab-slide--split {
	display: grid;
	grid-template-columns: minmax(0, 440fr) minmax(0, 312fr);
	height: 368px;
}

.skdr-home-ab-slide--split .skdr-home-ab-th {
	height: 368px;
}

.skdr-home-ab-slide--split .skdr-home-ab-th > img,
.skdr-home-ab-slide--split .skdr-home-ab-th > .skdr-ph,
.skdr-home-ab-slide--split .skdr-media,
.skdr-home-ab-slide--split .skdr-media__img,
.skdr-home-ab-slide--split .skdr-media .skdr-ph {
	height: 100%;
	aspect-ratio: auto;
}

.skdr-home-ab-slide--split .skdr-home-ab-slide__p {
	height: 368px;
	padding: 24px;
}

.skdr-home-ab-slide--split .skdr-home-ab-t {
	-webkit-line-clamp: 3;
	font-size: 24px;
	line-height: 32px;
}

.skdr-home-ab-slide__s {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin-top: 8px;
	color: var(--skdr-gray);
	font-size: 15px;
	line-height: 24px;
}

.skdr-home-ab-slide--split .skdr-home-ab-ago {
	margin-top: auto;
	padding-top: 12px;
}

.skdr-home-ab-car__bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 8px;
}

.skdr-home-ab-ctl {
	display: flex;
	align-items: center;
	gap: 8px;
	height: 44px;
}

.skdr-home-ab-dots {
	display: flex;
	align-items: center;
	margin: 0 4px 0 0;
}

.skdr-home-ab-dot {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 44px;
	padding: 0;
	border: 0;
	border-radius: 4px;
	background: transparent;
	cursor: pointer;
}

.skdr-home-ab-dot::before {
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	border-radius: 999px;
	background: var(--skdr-track);
}

.skdr-home-ab-dot:hover::before {
	background: var(--skdr-dark);
}

.skdr-home-ab-dot--on {
	width: 40px;
}

.skdr-home-ab-dot--on::before {
	width: 28px;
	background: var(--skdr-line);
}

.skdr-home-ab-dot__fill {
	position: absolute;
	left: 6px;
	top: 18px;
	width: 0;
	height: 8px;
	border-radius: 999px;
	background: var(--skdr-red);
}

/* The active dot fills over the 7 seconds to the next slide; it holds still when the carousel pauses */
.skdr-home-ab-dot--on .skdr-home-ab-dot__fill {
	width: 28px;
	transform-origin: left center;
	animation: skdrAbProg var(--skdr-autoadvance, 7s) linear forwards;
}

@keyframes skdrAbProg {
	from { transform: scaleX(0); }
	to { transform: scaleX(1); }
}

.skdr-home-ab-car:hover .skdr-home-ab-dot__fill,
.skdr-home-ab-car:focus-within .skdr-home-ab-dot__fill,
.skdr-home-ab-car--paused .skdr-home-ab-dot__fill {
	animation-play-state: paused;
}

/* Without auto-advance the active dot is simply full */
.skdr-home-ab-car--still .skdr-home-ab-dot--on .skdr-home-ab-dot__fill {
	animation: none;
	transform: scaleX(1);
}

.skdr-home-ab-pos {
	min-width: 40px;
	color: var(--skdr-gray);
	font-size: 13px;
	line-height: 20px;
	font-weight: 600;
	font-variant-numeric: tabular-nums;
}

.skdr-home-ab-o2 {
	display: grid;
	grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
	gap: 24px;
	align-items: start;
}

.skdr-home-ab-o2--solo {
	grid-template-columns: minmax(0, 1fr);
}

/* Mirror (BRIEF §20h): the carousel on the right, with grid order so the reading order stays */
.skdr-home-ab-o2--mirror {
	grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
}

.skdr-home-ab-o2--mirror .skdr-home-ab-car {
	order: 2;
}

.skdr-home-ab-o2--solo.skdr-home-ab-o2--mirror {
	grid-template-columns: minmax(0, 1fr);
}

.skdr-home-ab-colhd {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	min-height: 44px;
	margin-bottom: 12px;
}

.skdr-home-ab-h3 {
	color: var(--skdr-ink);
	font-size: 18px;
	line-height: 26px;
	font-weight: 700;
}

.skdr-home-ab-top__sub {
	display: block;
	color: var(--skdr-muted);
	font-size: 13px;
	line-height: 20px;
}

.skdr-home-ab-top ol {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.skdr-home-ab-top li a {
	display: flex;
	align-items: flex-start;
	gap: 14px;
	border-radius: 4px;
	color: var(--skdr-ink);
	text-decoration: none;
}

.skdr-home-ab-top li a:hover {
	color: var(--skdr-ink);
}

.skdr-home-ab-top .skdr-pop__n {
	width: 28px;
}

.skdr-home-ab-top .skdr-home-ab-t {
	font-size: 15px;
	line-height: 22px;
}

.skdr-home-ab-top li a:hover .skdr-home-ab-t {
	color: var(--skdr-dark);
	text-decoration: underline;
	text-decoration-thickness: 2px;
	text-underline-offset: 3px;
}

@media (max-width: 600px) {
	.skdr-home-ab-sec {
		padding: 20px 0;
	}

	.skdr-home-ab-hrow {
		margin-bottom: 12px;
	}

	.skdr-home-ab-hl {
		gap: 10px;
	}

	.skdr-home-ab-o2,
	.skdr-home-ab-o2--mirror {
		grid-template-columns: minmax(0, 1fr);
		gap: 24px;
	}

	.skdr-home-ab-o2--mirror .skdr-home-ab-car {
		order: 0;
	}

	.skdr-home-ab-slide__p {
		padding: 14px 16px;
	}

	.skdr-home-ab-slide__p .skdr-home-ab-t {
		font-size: 20px;
		line-height: 28px;
	}

	.skdr-home-ab-slide--split {
		display: block;
		height: auto;
	}

	.skdr-home-ab-slide--split .skdr-home-ab-th {
		height: auto;
	}

	.skdr-home-ab-slide--split .skdr-home-ab-th > img,
	.skdr-home-ab-slide--split .skdr-home-ab-th > .skdr-ph,
	.skdr-home-ab-slide--split .skdr-media__img,
	.skdr-home-ab-slide--split .skdr-media .skdr-ph {
		height: auto;
		aspect-ratio: 16 / 9;
	}

	.skdr-home-ab-slide--split .skdr-media {
		height: auto;
	}

	.skdr-home-ab-slide--split .skdr-home-ab-slide__p {
		height: auto;
		padding: 14px 16px 16px;
	}

	.skdr-home-ab-slide--split .skdr-home-ab-t {
		font-size: 20px;
		line-height: 28px;
	}

	.skdr-home-ab-slide__s {
		-webkit-line-clamp: 2;
		font-size: 14px;
		line-height: 22px;
	}

	.skdr-home-ab-car__bar .skdr-home-ab-pos {
		display: none;
	}
}

/* ---------------------------------------------------------------- grid layouts A, B, C and the story cards */

.skdr-home-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 24px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.skdr-home-grid--4 {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.skdr-home-grid > li {
	display: flex;
	margin: 0;
}

/* ---------------------------------------------------------------- D · featured and list (Home-Final .skdr-feat) */

.skdr-feat {
	display: grid;
	grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
	gap: 32px;
	align-items: stretch;
}

.skdr-feat--mirror {
	grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
}

.skdr-feat--mirror .skdr-feat-main {
	order: 2;
}

.skdr-feat-main {
	display: flex;
	flex-direction: column;
	border-radius: 8px;
	background: var(--skdr-white);
	box-shadow: var(--skdr-shadow-card);
	overflow: hidden;
	color: var(--skdr-ink);
	text-decoration: none;
}

.skdr-feat-main:hover {
	color: var(--skdr-ink);
}

.skdr-feat-main__img,
.skdr-feat-main .skdr-ph {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 9;
	object-fit: cover;
	transition: opacity var(--skdr-hover-fade, 0.15s) ease;
}

.skdr-feat-main__body {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 20px 24px 24px;
}

.skdr-feat-main__t {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	min-height: 64px;
	margin: 12px 0 0;
	color: var(--skdr-ink);
	font-size: 24px;
	line-height: 32px;
	font-weight: 700;
}

.skdr-feat-main__s {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin: 8px 0 0;
	color: var(--skdr-gray);
	font-size: 16px;
	line-height: 26px;
}

.skdr-feat-main .skdr-home-meta {
	margin-top: 8px;
	padding-top: 0;
}

.skdr-feat-main:hover .skdr-feat-main__img,
.skdr-feat-main:hover .skdr-ph {
	opacity: 0.85;
}

.skdr-feat-main:hover .skdr-feat-main__t {
	color: var(--skdr-dark);
	text-decoration: underline;
	text-decoration-thickness: 2px;
	text-underline-offset: 3px;
}

.skdr-feat-list {
	display: grid;
	grid-template-rows: repeat(4, minmax(0, 1fr));
	margin: 0;
	padding: 0;
	list-style: none;
}

.skdr-feat-list li {
	display: flex;
	margin: 0;
	border-top: 1px solid var(--skdr-line);
}

.skdr-feat-list li:first-child {
	border-top: 0;
}

.skdr-feat-row {
	flex: 1;
	display: flex;
	align-items: flex-start;
	gap: 16px;
	padding: 16px 0;
	border-radius: 2px;
	color: var(--skdr-ink);
	text-decoration: none;
}

.skdr-feat-list li:first-child .skdr-feat-row {
	padding-top: 0;
}

.skdr-feat-row:hover {
	color: var(--skdr-ink);
}

.skdr-feat-row__txt {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	min-width: 0;
}

.skdr-feat-row__t {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	min-height: 48px;
	margin: 6px 0 0;
	color: var(--skdr-ink);
	font-size: 16px;
	line-height: 24px;
	font-weight: 600;
}

.skdr-feat-row .skdr-home-meta {
	margin-top: 4px;
	padding-top: 0;
}

.skdr-feat-row .skdr-ph,
.skdr-feat-row__img {
	flex: none;
	width: 120px;
	height: 68px;
	border-radius: 8px;
	object-fit: cover;
	transition: opacity var(--skdr-hover-fade, 0.15s) ease;
}

.skdr-feat-row:hover .skdr-ph,
.skdr-feat-row:hover .skdr-feat-row__img {
	opacity: 0.85;
}

.skdr-feat-row:hover .skdr-feat-row__t {
	color: var(--skdr-dark);
	text-decoration: underline;
	text-decoration-thickness: 2px;
	text-underline-offset: 3px;
}

/* ---------------------------------------------------------------- E, J · rails (4 visible, ‹ › one card, swipe on phones) */

.skdr-rail {
	margin: -4px;
	padding: 4px;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scroll-padding-left: 4px;
	scrollbar-width: none;
}

.skdr-rail::-webkit-scrollbar {
	display: none;
}

.skdr-rail__track {
	display: grid;
	grid-auto-flow: column;
	gap: 24px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.skdr-rail__track--c,
.skdr-rail__track--v,
.skdr-rail__track--t {
	grid-auto-columns: calc((100% - 72px) / 4);
}

.skdr-rail__track > li {
	display: flex;
	flex-direction: column;
	min-width: 0;
	margin: 0;
	scroll-snap-align: start;
}

.skdr-rail__track > li > * {
	flex: 1;
}

/* The video card in its rail: the title (2 lines) and a small source line, as Home-Final's .skdr-vid */
.skdr-rail__track--v .skdr-video-card {
	height: 100%;
}

/* ---------------------------------------------------------------- F · compact list (and the Street Kids Direct feed) */

.skdr-mod-f {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 20px 48px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.skdr-mod-f > li {
	display: flex;
	align-items: center;
	min-height: 72px;
	margin: 0;
}

.skdr-mod-f--1 {
	grid-template-columns: minmax(0, 1fr);
}

.skdr-mod-f .skdr-home-row {
	align-items: center;
}

.skdr-mod-f .skdr-home-row__t {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* The other site's posts: outlined rows with a 160x90 picture, source, date and the ↗ */
.skdr-mod-f--cards {
	gap: 16px 24px;
}

.skdr-mod-f--cards > li {
	align-items: stretch;
	min-height: 0;
}

.skdr-flist__a {
	flex: 1;
	display: flex;
	align-items: flex-start;
	gap: 16px;
	padding: 16px;
	border-radius: 8px;
	background: var(--skdr-white);
	box-shadow: var(--skdr-shadow-card);
	color: var(--skdr-ink);
	text-decoration: none;
}

.skdr-flist__a:hover {
	color: var(--skdr-ink);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06), 0 0 0 1px var(--skdr-dark);
}

.skdr-flist__a .skdr-ph,
.skdr-flist__img {
	flex: none;
	width: 160px;
	height: 90px;
	border-radius: 4px;
	object-fit: cover;
	transition: opacity var(--skdr-hover-fade, 0.15s) ease;
}

.skdr-flist__txt {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	min-width: 0;
}

.skdr-flist__t {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	min-height: 48px;
	margin: 6px 0 0;
	color: var(--skdr-ink);
	font-size: 17px;
	line-height: 24px;
	font-weight: 600;
}

.skdr-flist__m {
	align-self: stretch;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	margin-top: 6px;
	color: var(--skdr-muted);
	font-size: 13px;
	line-height: 20px;
}

.skdr-flist__src {
	font-weight: 600;
}

.skdr-ext {
	flex: none;
	color: var(--skdr-dark);
}

.skdr-flist__a:hover .skdr-ph,
.skdr-flist__a:hover .skdr-flist__img {
	opacity: 0.85;
}

.skdr-flist__a:hover .skdr-flist__t {
	color: var(--skdr-dark);
	text-decoration: underline;
	text-decoration-thickness: 2px;
	text-underline-offset: 3px;
}

.skdr-flist__a:hover .skdr-ext {
	color: var(--skdr-red);
}

/* ---------------------------------------------------------------- G · numbered, H · headlines */

.skdr-mod-meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 4px 8px;
	margin-top: auto;
	padding-top: 8px;
	color: var(--skdr-muted);
	font-size: 13px;
	line-height: 20px;
}

.skdr-mod-g {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 24px 48px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.skdr-mod-g > li {
	display: flex;
	align-items: flex-start;
	gap: 16px;
	min-height: 80px;
	margin: 0;
}

.skdr-mod-gtx {
	display: flex;
	flex-direction: column;
	min-width: 0;
	padding-top: 8px;
}

.skdr-mod-gtx a {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	border-radius: 2px;
	color: var(--skdr-ink);
	font-size: 16px;
	line-height: 24px;
	font-weight: 600;
	text-decoration: none;
}

.skdr-mod-gtx a:hover,
.skdr-mod-ha:hover,
.skdr-mod-l3 a:hover {
	color: var(--skdr-dark);
	text-decoration: underline;
	text-decoration-thickness: 2px;
	text-underline-offset: 3px;
}

.skdr-mod-gtx .skdr-mod-meta {
	padding-top: 4px;
}

.skdr-mod-h {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	grid-template-rows: repeat(4, auto);
	grid-auto-flow: column;
	gap: 20px 48px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.skdr-mod-h > li {
	min-height: 70px;
	margin: 0;
}

.skdr-mod-ht {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0;
	color: var(--skdr-muted);
	font-size: 12px;
	line-height: 18px;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.skdr-mod-ht--fresh {
	color: var(--skdr-red);
}

.skdr-mod-ha {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin-top: 4px;
	border-radius: 2px;
	color: var(--skdr-ink);
	font-size: 16px;
	line-height: 24px;
	font-weight: 600;
	text-decoration: none;
}

/* ---------------------------------------------------------------- I · bento (solid caption bars, no overlays) */

.skdr-mod-bento {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	grid-template-rows: repeat(3, 180px);
	gap: 16px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.skdr-mod-bento > li {
	display: flex;
	min-width: 0;
	margin: 0;
}

.skdr-mod-bx--l {
	grid-column: 1 / span 2;
	grid-row: 1 / span 3;
}

.skdr-mod-bx--w {
	grid-column: span 2;
}

/* Mirrored: the large tile on the right, the wide ones on the left; DOM order unchanged */
.skdr-mod-bento--mirror .skdr-mod-bx--l {
	grid-column: 3 / span 2;
}

.skdr-mod-bento--mirror .skdr-mod-bx--w {
	grid-column: 1 / span 2;
}

.skdr-mod-bt {
	flex: 1;
	display: flex;
	flex-direction: column;
	min-width: 0;
	border-radius: 8px;
	overflow: hidden;
	background: var(--skdr-ink);
	color: var(--skdr-white);
	text-decoration: none;
}

.skdr-mod-bt:hover {
	color: var(--skdr-white);
}

.skdr-mod-bimg,
.skdr-mod-bt .skdr-ph {
	display: block;
	flex: 1;
	min-height: 0;
	width: 100%;
	object-fit: cover;
	transition: opacity var(--skdr-hover-fade, 0.15s) ease;
}

.skdr-mod-bbar {
	flex: none;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 16px 20px 18px;
	background: var(--skdr-ink);
}

.skdr-mod-btt {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin: 10px 0 0;
	color: var(--skdr-white);
	font-size: 24px;
	line-height: 32px;
	font-weight: 700;
}

.skdr-mod-bbar .skdr-mod-meta {
	padding-top: 6px;
	color: var(--skdr-white);
}

.skdr-mod-bt--s .skdr-mod-bbar {
	padding: 10px 12px 12px;
}

.skdr-mod-bt--s .skdr-mod-btt {
	margin: 0;
	font-size: 14px;
	line-height: 20px;
	font-weight: 600;
}

.skdr-mod-bt--w {
	flex-direction: row;
	background: var(--skdr-white);
	box-shadow: var(--skdr-shadow-card);
	color: var(--skdr-ink);
}

.skdr-mod-bt--w:hover {
	color: var(--skdr-ink);
}

.skdr-mod-bt--w .skdr-mod-bimg,
.skdr-mod-bt--w .skdr-ph {
	flex: none;
	width: 320px;
	height: 100%;
}

.skdr-mod-bt--w .skdr-mod-bbar {
	flex: 1;
	min-width: 0;
	justify-content: center;
	padding: 16px 20px;
	background: var(--skdr-white);
}

.skdr-mod-bt--w .skdr-mod-btt {
	color: var(--skdr-ink);
	font-size: 18px;
	line-height: 26px;
	font-weight: 600;
}

.skdr-mod-bt--w .skdr-mod-meta {
	color: var(--skdr-muted);
}

.skdr-mod-bt:hover .skdr-mod-bimg,
.skdr-mod-bt:hover .skdr-ph {
	opacity: 0.85;
}

.skdr-mod-bt:hover .skdr-mod-btt {
	text-decoration: underline;
	text-decoration-thickness: 2px;
	text-underline-offset: 3px;
}

.skdr-mod-bt--w:hover .skdr-mod-btt {
	color: var(--skdr-dark);
}

/* ---------------------------------------------------------------- K · big card row, L · category columns */

.skdr-mod-k2 {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 24px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.skdr-mod-k2 > li {
	display: flex;
	margin: 0;
}

.skdr-home-story__body.skdr-mod-kb {
	padding: 20px 24px 24px;
}

.skdr-mod-kt {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	min-height: 60px;
	margin: 12px 0 0;
	color: var(--skdr-ink);
	font-size: 22px;
	line-height: 30px;
	font-weight: 700;
}

.skdr-mod-ks {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	min-height: 48px;
	margin: 8px 0 0;
	color: var(--skdr-gray);
	font-size: 15px;
	line-height: 24px;
}

.skdr-home-story:hover .skdr-mod-kt {
	color: var(--skdr-dark);
	text-decoration: underline;
	text-decoration-thickness: 2px;
	text-underline-offset: 3px;
}

.skdr-mod-cols3 {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 24px 32px;
}

.skdr-mod-cols3--mirror > :nth-child(1) {
	order: 3;
}

.skdr-mod-cols3--mirror > :nth-child(3) {
	order: 1;
}

.skdr-mod-colh {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	min-height: 44px;
	margin: 0 0 12px;
}

.skdr-mod-h3 {
	margin: 0;
	color: var(--skdr-ink);
	font-size: 20px;
	line-height: 28px;
	font-weight: 700;
}

.skdr-mod-ll {
	display: block;
	border-radius: 8px;
	color: var(--skdr-ink);
	text-decoration: none;
}

.skdr-mod-ll:hover {
	color: var(--skdr-ink);
}

.skdr-mod-ll .skdr-ph,
.skdr-mod-llimg {
	display: flex;
	width: 100%;
	aspect-ratio: 16 / 9;
	border-radius: 8px;
	object-fit: cover;
	transition: opacity var(--skdr-hover-fade, 0.15s) ease;
}

.skdr-mod-llt {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	min-height: 52px;
	margin: 12px 0 0;
	color: var(--skdr-ink);
	font-size: 18px;
	line-height: 26px;
	font-weight: 700;
}

.skdr-mod-ll .skdr-mod-meta {
	padding-top: 4px;
}

.skdr-mod-ll:hover .skdr-ph,
.skdr-mod-ll:hover .skdr-mod-llimg {
	opacity: 0.85;
}

.skdr-mod-ll:hover .skdr-mod-llt {
	color: var(--skdr-dark);
	text-decoration: underline;
	text-decoration-thickness: 2px;
	text-underline-offset: 3px;
}

.skdr-mod-l3 {
	display: flex;
	flex-direction: column;
	gap: 14px;
	margin: 16px 0 0;
	padding: 0;
	list-style: none;
}

.skdr-mod-l3 > li {
	min-height: 64px;
	margin: 0;
}

.skdr-mod-l3 a {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	border-radius: 2px;
	color: var(--skdr-ink);
	font-size: 15px;
	line-height: 22px;
	font-weight: 600;
	text-decoration: none;
}

.skdr-mod-lm {
	margin: 2px 0 0;
	color: var(--skdr-muted);
	font-size: 12px;
	line-height: 18px;
}

/* ---------------------------------------------------------------- pair: more stories (2/3) + most read (1/3) */

.skdr-cols {
	display: grid;
	grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
	gap: 48px;
	align-items: start;
}

.skdr-cols--solo {
	grid-template-columns: minmax(0, 1fr);
}

.skdr-cols--mirror {
	grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
}

.skdr-cols--mirror > :first-child {
	order: 2;
}

.skdr-cols--solo.skdr-cols--mirror {
	grid-template-columns: minmax(0, 1fr);
}

.skdr-pop {
	padding: 24px;
	border-radius: 12px;
	background: var(--skdr-page);
}

.skdr-home-sec--g .skdr-pop {
	background: var(--skdr-white);
	box-shadow: var(--skdr-shadow-ring);
}

.skdr-pop .skdr-home-hrow {
	margin-bottom: 16px;
}

.skdr-pop__list {
	display: flex;
	flex-direction: column;
	gap: 20px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.skdr-pop__list li {
	display: flex;
	align-items: flex-start;
	gap: 16px;
	margin: 0;
}

.skdr-pop__n {
	flex: none;
	width: 32px;
	color: var(--skdr-red);
	font-size: 32px;
	line-height: 40px;
	font-weight: 700;
}

.skdr-pop__list a {
	padding-top: 8px;
	border-radius: 2px;
	color: var(--skdr-ink);
	font-size: 16px;
	line-height: 24px;
	font-weight: 600;
	text-decoration: none;
}

.skdr-pop__list a:hover {
	color: var(--skdr-dark);
	text-decoration: underline;
	text-decoration-thickness: 2px;
	text-underline-offset: 3px;
}

.skdr-home .skdr-home-list {
	display: flex;
	flex-direction: column;
	gap: 20px;
	margin: 0;
	padding: 0;
	list-style: none;
}

/* ---------------------------------------------------------------- On Radio Christmas: 1:1 show tiles */

.skdr-tile {
	display: block;
	border-radius: 8px;
	text-decoration: none;
}

.skdr-tile .skdr-ph,
.skdr-tile__img {
	display: block;
	width: 100%;
	aspect-ratio: 1 / 1;
	border-radius: 8px;
	object-fit: cover;
	transition: opacity var(--skdr-hover-fade, 0.15s) ease;
}

/* Show names are Radio Christmas Red in every state: no hover change and no underline (client, 18 Oct) */
.skdr-tile__n {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	min-height: 48px;
	margin: 12px 0 0;
	color: var(--skdr-red);
	font-size: 16px;
	line-height: 24px;
	font-weight: 600;
	text-decoration: none;
}

.skdr-home .skdr-tile .cap {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-top: 4px;
	color: var(--skdr-muted);
	font-size: 12px;
	line-height: 18px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.skdr-tile:hover .skdr-ph,
.skdr-tile:hover .skdr-tile__img {
	opacity: 0.85;
}

.skdr-tiles-foot {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 8px 24px;
	margin-top: 16px;
}

/* ---------------------------------------------------------------- the appeal band */

.skdr-home-appeal {
	display: flex;
	align-items: center;
	gap: 24px;
	padding: 32px 40px;
	border-radius: 8px;
	background: var(--skdr-white);
	box-shadow: var(--skdr-shadow-card);
}

.skdr-home-appeal__orn {
	display: block;
	flex: none;
	width: auto;
	height: 56px;
}

.skdr-home-appeal__copy {
	flex: 1;
	min-width: 0;
}

.skdr-home-appeal__lab {
	color: var(--skdr-red);
	font-size: 12px;
	line-height: 18px;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.skdr-home-appeal__h {
	margin: 4px 0 0;
	color: var(--skdr-ink);
	font-size: 22px;
	line-height: 30px;
	font-weight: 700;
}

.skdr-home-appeal__txt {
	margin: 6px 0 0;
	color: var(--skdr-gray);
	font-size: 14px;
	line-height: 22px;
}

.skdr-home-appeal__codes {
	margin: 8px 0 0;
	color: var(--skdr-ink);
	font-size: 14px;
	line-height: 22px;
	font-weight: 600;
}

.skdr-home-appeal__pill {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: none;
	height: 44px;
	padding: 0 22px;
	border-radius: 999px;
	background: var(--skdr-yel);
	color: var(--skdr-on-yel);
	font-size: 15px;
	font-weight: 600;
	text-decoration: none;
	white-space: nowrap;
	transition: background var(--skdr-hover-fade, 0.15s), color var(--skdr-hover-fade, 0.15s);
}

.skdr-home-appeal__pill:hover {
	background: var(--skdr-yel-h);
	color: var(--skdr-on-yel);
}

/* ---------------------------------------------------------------- the app strip */

.skdr-home-appcard {
	border-radius: 8px;
	background: var(--skdr-white);
	box-shadow: var(--skdr-shadow-ring);
	overflow: hidden;
}

.skdr-home-app.skdr-app-strip {
	display: flex;
	align-items: center;
	gap: 16px;
	height: 72px;
	padding: 0 16px;
}

.skdr-home-app .skdr-app-strip__icon {
	flex: none;
	display: block;
	width: 40px;
	height: 40px;
	border-radius: 9px;
	overflow: hidden;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08);
}

.skdr-home-app .skdr-app-strip__icon img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.skdr-home-app .skdr-app-strip__title {
	flex: 1;
	min-width: 0;
	margin: 0;
	color: var(--skdr-ink);
	font-size: 16px;
	line-height: 24px;
	font-weight: 700;
}

.skdr-home-app .skdr-app-badges {
	margin-top: 0;
	flex-wrap: nowrap;
}

/* ---------------------------------------------------------------- responsive */

@media (max-width: 1080px) {
	.skdr-mod-g,
	.skdr-mod-h {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		grid-template-rows: none;
		grid-auto-flow: row;
		gap: 20px 32px;
	}
}

@media (max-width: 960px) {
	.skdr-cols,
	.skdr-cols--mirror,
	.skdr-feat,
	.skdr-feat--mirror {
		grid-template-columns: minmax(0, 1fr);
	}

	.skdr-feat--mirror .skdr-feat-main,
	.skdr-cols--mirror > :first-child {
		order: 0;
	}

	.skdr-feat-list {
		grid-template-rows: none;
	}

	.skdr-feat-list li:first-child {
		border-top: 1px solid var(--skdr-line);
	}

	.skdr-feat-list li:first-child .skdr-feat-row {
		padding-top: 16px;
	}

	.skdr-home-grid,
	.skdr-home-grid--4 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.skdr-mod-bento,
	.skdr-mod-bento--mirror {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		grid-template-rows: none;
		grid-auto-rows: auto;
		gap: 12px;
	}

	.skdr-mod-bx--l,
	.skdr-mod-bx--w,
	.skdr-mod-bento--mirror .skdr-mod-bx--l,
	.skdr-mod-bento--mirror .skdr-mod-bx--w {
		grid-column: 1 / span 2;
		grid-row: auto;
	}

	.skdr-mod-bx--l .skdr-mod-bimg,
	.skdr-mod-bx--l .skdr-ph {
		flex: none;
		height: auto;
		aspect-ratio: 16 / 9;
	}

	.skdr-mod-bt--w {
		min-height: 90px;
	}

	.skdr-mod-bt--w .skdr-ph,
	.skdr-mod-bt--w .skdr-mod-bimg {
		width: 128px;
		height: auto;
		align-self: stretch;
	}

	.skdr-mod-bt--s .skdr-ph,
	.skdr-mod-bt--s .skdr-mod-bimg {
		flex: none;
		height: 90px;
	}

	.skdr-mod-cols3,
	.skdr-mod-k2 {
		grid-template-columns: minmax(0, 1fr);
	}

	.skdr-mod-cols3--mirror > :nth-child(1),
	.skdr-mod-cols3--mirror > :nth-child(3) {
		order: 0;
	}
}

@media (max-width: 760px) {
	.skdr-home-wrap {
		padding: 0 var(--skdr-gutter-phone, 16px);
	}

	.skdr-home-sec {
		padding: 28px 0;
	}

	.skdr-rail {
		margin: -4px -16px;
		padding: 4px 16px;
		scroll-padding-left: 16px;
	}

	.skdr-rail__track {
		gap: 16px;
	}

	.skdr-rail__track--c {
		grid-auto-columns: 70%;
	}

	.skdr-rail__track--v {
		grid-auto-columns: 78%;
	}

	.skdr-rail__track--t {
		grid-auto-columns: 42%;
	}

	.skdr-home .skdr-home-arrows {
		display: none;
	}

	.skdr-home-grid,
	.skdr-home-grid--4 {
		gap: 16px;
	}

	.skdr-mod-f,
	.skdr-mod-f--cards {
		grid-template-columns: minmax(0, 1fr);
	}

	.skdr-mod-g,
	.skdr-mod-h {
		grid-template-columns: minmax(0, 1fr);
		gap: 16px;
	}

	.skdr-mod-g > li,
	.skdr-mod-h > li {
		min-height: 0;
	}

	/* Stacked: the ornament, the words at full width, then the button. A wrapping row never
	   wrapped (the words may shrink to nothing), so they fell to a word a line (Kai, 19 Oct). */
	.skdr-home-appeal {
		flex-direction: column;
		align-items: flex-start;
		gap: 16px;
		padding: 24px;
	}

	.skdr-home-appeal__orn {
		height: 48px;
	}

	.skdr-home-appeal__copy {
		flex: none;
		width: 100%;
	}

	/* The icon and title on one line, the store badges on their own line under them. */
	.skdr-home-app.skdr-app-strip {
		flex-wrap: wrap;
		height: auto;
		padding: 16px;
	}

	.skdr-home-app .skdr-app-badges {
		flex: 1 0 100%;
		flex-wrap: wrap;
	}

	.skdr-mod-kt {
		min-height: 0;
		font-size: 20px;
		line-height: 28px;
	}
}

@media (max-width: 520px) {
	.skdr-home-grid,
	.skdr-home-grid--4 {
		grid-template-columns: minmax(0, 1fr);
	}

	.skdr-flist__a .skdr-ph,
	.skdr-flist__img,
	.skdr-feat-row .skdr-ph,
	.skdr-feat-row__img {
		width: 96px;
		height: 54px;
	}
}

/* ---------------------------------------------------------------- reduced motion: nothing moves */

@media (prefers-reduced-motion: reduce) {
	.skdr-tick-track {
		animation: none;
	}

	.skdr-tick-view {
		overflow-x: auto;
		overscroll-behavior-x: contain;
		scrollbar-width: thin;
	}

	.skdr-tick-dup,
	.skdr-tick-btn,
	.skdr-home-ab-pause,
	[data-skdr-rail-pause] {
		display: none;
	}

	.skdr-home-ab-car__track,
	.skdr-home-ab-th,
	.skdr-feat-main__img,
	.skdr-feat-main .skdr-ph,
	.skdr-feat-row .skdr-ph,
	.skdr-feat-row__img,
	.skdr-flist__a .skdr-ph,
	.skdr-flist__img,
	.skdr-tile .skdr-ph,
	.skdr-tile__img,
	.skdr-mod-bimg,
	.skdr-mod-bt .skdr-ph,
	.skdr-mod-ll .skdr-ph,
	.skdr-mod-llimg,
	.skdr-home-appeal__pill {
		transition: none;
	}

	.skdr-home-ab-dot--on .skdr-home-ab-dot__fill {
		animation: none;
		transform: scaleX(1);
	}
}