/* Netflix Top 10 Search — white page, dark-grey section cards */
#won-top10-root.won-top10 {
	--won-max: 1240px;
	--won-table-max: 52rem;
	--won-font-body: Roboto, system-ui, -apple-system, sans-serif;
	--won-ink: #e5e5e5;
	--won-ink-soft: #d4d4d4;
	--won-muted: #999;
	--won-line: #2a2a2a;
	--won-paper: #fff;
	--won-card: #1a1a1a;
	--won-accent: #b9090b;
	--won-radius: 8px;
	color: #161617;
	font-family: var(--won-font-body);
	background: #fff;
	width: 100%;
	max-width: 100%;
	margin: 0;
	padding: 0 0 48px;
	min-height: 60vh;
	box-sizing: border-box;
}
body.won-top10-active #wrapper {
	background: #fff;
}
#won-top10-root #page,
#won-top10-root #page .container,
#won-top10-root #page .main,
#won-top10-root #page .main-inner {
	margin-top: 0 !important;
	padding-top: 0 !important;
}
#won-top10-root #page .content .pad,
body.won-top10-active #page .content .pad {
	padding-top: 1.35rem !important;
	margin-top: 0 !important;
}
#won-top10-root #page .sidebar {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

.won-top10__inner {
	width: min(100% - 2rem, var(--won-max));
	margin: 0 auto;
}

/* Dark masthead band */
#won-top10-root > header.won-top10__masthead {
	--won-ink: #e5e5e5;
	--won-ink-soft: #d4d4d4;
	--won-muted: #999;
	--won-line: #2a2a2a;
	--won-paper: #0d0d0d;
	--won-card: #1a1a1a;
	--won-accent: #b9090b;
	position: relative;
	color: var(--won-ink);
	background: var(--won-card);
	border-top: 1px solid var(--won-line);
	border-bottom: 1px solid var(--won-line);
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.22);
	padding: 1.75rem 0 1.5rem;
	margin: 0 !important;
}
.won-top10__crumbs {
	margin: 0 0 1rem;
}
.won-top10__crumbs ol {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .35rem .5rem;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: .8125rem;
	line-height: 1.35;
	color: var(--won-muted);
}
.won-top10__crumbs li {
	display: inline-flex;
	align-items: center;
	gap: .5rem;
	min-width: 0;
}
.won-top10__crumbs li:not(:last-child)::after {
	content: "/";
	color: color-mix(in srgb, var(--won-muted) 70%, transparent);
	font-weight: 600;
}
.won-top10__crumbs a {
	color: var(--won-ink-soft) !important;
	text-decoration: none;
	font-weight: 600;
}
.won-top10__crumbs a:hover {
	color: #fff !important;
	text-decoration: underline;
}
.won-top10__crumbs [aria-current="page"] span {
	color: var(--won-muted);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: min(70vw, 28rem);
}
.won-top10__masthead-top {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
	gap: 1rem 1.5rem;
}
.won-top10__brand h1 {
	margin: 0 0 .45rem;
	font-size: clamp(1.65rem, 3.5vw, 2.35rem);
	font-weight: 700;
	line-height: 1.15;
	color: #fff;
}
.won-top10__brand-desc,
.won-top10__brand-desc p {
	margin: 0;
	max-width: 42rem;
	color: #fff;
	font-size: .95rem;
	line-height: 1.5;
}

/* Dark-grey section cards (site card surface) */
#won-top10-root .won-rec-tag-focus__card,
#won-top10-root .top10-title-overview .won-rec-tag-focus__card,
#won-top10-root .top10-search-panel {
	background: #1a1a1a !important;
	border: 1px solid rgba(255, 255, 255, 0.12) !important;
	border-radius: 12px;
	box-shadow: 0 8px 22px rgba(0, 0, 0, 0.18);
	color: #e5e5e5 !important;
}
#won-top10-root .top10-title-overview {
	margin: 0 0 1.5rem;
}
#won-top10-root .top10-search-panel {
	padding: 1.25rem 1.35rem 1.5rem;
	margin: 0 0 1.5rem;
}
#won-top10-root .top10-search-panel > .top10-search-section-title:first-child {
	margin-top: 0 !important;
}

/* Intro copy on white page canvas (outside cards) */
#won-top10-root .entry.themeform > p,
#won-top10-root .entry.themeform > ul,
#won-top10-root .entry.themeform > ol {
	color: #333;
}
#won-top10-root .entry.themeform > p a,
#won-top10-root .entry.themeform > ul a {
	color: var(--won-accent);
}
#won-top10-root hr {
	border: 0;
	border-top: 1px solid #e2e2e6;
	margin: 1.25rem 0;
	background: none;
}

/* Search panel */
#won-top10-root .top10-search-panel--search {
	padding: 1.15rem 1.25rem 1.2rem;
}
#won-top10-root .top10-search-panel--search .top10-search-toolbar {
	height: auto !important;
	min-height: 0;
	margin: 0 0 .85rem;
	padding: 0;
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	color: #e5e5e5;
}
#won-top10-root .top10-search-toolbar__form {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .75rem 1rem;
}
#won-top10-root .top10-search-toolbar__label {
	float: none !important;
	display: block;
	margin: 0;
	line-height: 1.3;
	color: #f0f0f0 !important;
	font-weight: 700;
	font-size: .8125rem;
	text-transform: uppercase;
	letter-spacing: .04em;
}
#won-top10-root .top10-search-toolbar__field {
	flex: 1 1 16rem;
	min-width: 12rem;
}
#won-top10-root .top10-search-toolbar__field .select2-container {
	width: 100% !important;
}
#won-top10-root .top10-search-toolbar input[type="submit"],
#won-top10-root .top10-search-toolbar__submit {
	float: none !important;
	margin: 0;
	padding: .55rem 1.05rem;
	border: 1px solid var(--won-accent);
	border-radius: 999px;
	background: var(--won-accent);
	color: #fff;
	font-size: .8125rem;
	font-weight: 600;
	cursor: pointer;
	width: auto !important;
	flex: 0 0 auto;
}
#won-top10-root .top10-search-toolbar input[type="submit"]:hover,
#won-top10-root .top10-search-toolbar__submit:hover {
	background: #9a0709;
	border-color: #9a0709;
}
#won-top10-root .top10-search-panel--search .top10-search-note {
	margin: 0;
}
#won-top10-root .top10-search-toolbar__label-wrap {
	flex: 1 1 100%;
	min-width: 0;
}
#won-top10-root .top10-search-toolbar__hint {
	margin: .35rem 0 0;
	color: #b8b8b8;
	font-size: .875rem;
	font-weight: 400;
	line-height: 1.4;
	text-transform: none;
	letter-spacing: 0;
}
#won-top10-root .top10-search-suggest {
	margin: 0 0 1rem;
}
#won-top10-root .top10-search-suggest__label {
	margin: 0 0 .55rem;
	color: #f0f0f0;
	font-size: .75rem;
	font-weight: 700;
	letter-spacing: .05em;
	text-transform: uppercase;
}
#won-top10-root .top10-search-suggest__scroller {
	position: relative;
	margin: 0 -.15rem;
}
#won-top10-root .top10-search-suggest__scroller::before,
#won-top10-root .top10-search-suggest__scroller::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: .35rem;
	width: 1.5rem;
	z-index: 1;
	pointer-events: none;
}
#won-top10-root .top10-search-suggest__scroller::before {
	left: 0;
	background: linear-gradient(90deg, #1a1a1a, transparent);
}
#won-top10-root .top10-search-suggest__scroller::after {
	right: 0;
	background: linear-gradient(270deg, #1a1a1a, transparent);
}
#won-top10-root .top10-search-suggest__list,
#won-top10-root .entry.themeform .top10-search-suggest__list {
	display: flex;
	flex-wrap: nowrap;
	align-items: stretch;
	gap: .5rem;
	margin: 0 !important;
	padding: 0 .15rem .45rem !important;
	list-style: none !important;
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	overscroll-behavior-x: contain;
	scrollbar-width: thin;
	scrollbar-color: rgba(185, 9, 11, 0.55) transparent;
}
#won-top10-root .top10-search-suggest__list::-webkit-scrollbar {
	height: 5px;
}
#won-top10-root .top10-search-suggest__list::-webkit-scrollbar-thumb {
	background: rgba(185, 9, 11, 0.55);
	border-radius: 999px;
}
#won-top10-root .top10-search-suggest__list > li,
#won-top10-root .entry.themeform .top10-search-suggest__list > li {
	flex: 0 0 auto;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
	background: none !important;
}
#won-top10-root .top10-search-suggest__list > li::before,
#won-top10-root .top10-search-suggest__list > li::after,
#won-top10-root .entry.themeform .top10-search-suggest__list > li::before,
#won-top10-root .entry.themeform .top10-search-suggest__list > li::after {
	content: none !important;
	display: none !important;
}
#won-top10-root .top10-search-suggest__chip {
	display: inline-flex;
	flex-direction: column;
	align-items: flex-start;
	gap: .15rem;
	max-width: none;
	padding: .55rem .85rem;
	border: 1px solid rgba(255, 255, 255, 0.16);
	border-radius: 999px;
	background: color-mix(in srgb, #0d0d0d 70%, transparent);
	color: #f5f5f5 !important;
	text-decoration: none !important;
	line-height: 1.25;
	transition: border-color .15s ease, background .15s ease, color .15s ease;
}
#won-top10-root .top10-search-suggest__chip:hover,
#won-top10-root .top10-search-suggest__chip:focus {
	border-color: var(--won-accent);
	background: color-mix(in srgb, var(--won-accent) 18%, #0d0d0d);
	color: #fff !important;
}
#won-top10-root .top10-search-suggest__chip.is-current {
	border-color: var(--won-accent);
	background: color-mix(in srgb, var(--won-accent) 28%, #0d0d0d);
}
#won-top10-root .top10-search-suggest__chip-title {
	font-size: .875rem;
	font-weight: 600;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: min(72vw, 15.5rem);
}
#won-top10-root .top10-search-suggest__chip-meta {
	font-size: .68rem;
	font-weight: 600;
	letter-spacing: .03em;
	text-transform: uppercase;
	color: #999;
}
#won-top10-root .top10-search-suggest__chip:hover .top10-search-suggest__chip-meta,
#won-top10-root .top10-search-suggest__chip.is-current .top10-search-suggest__chip-meta {
	color: #ffb3b6;
}
#won-top10-root .top10-search-suggest__browse {
	margin: .7rem 0 0;
	font-size: .875rem;
}
#won-top10-root .top10-search-suggest__browse a {
	color: #ff8a8f !important;
	font-weight: 600;
	text-decoration: none;
}
#won-top10-root .top10-search-suggest__browse a:hover,
#won-top10-root .top10-search-suggest__browse a:focus {
	color: #ffb3b6 !important;
	text-decoration: underline;
}

/* Notes / method insets on dark cards */
#won-top10-root .top10-search-note,
#won-top10-root .top10-method-note {
	margin: 0 0 1.25rem;
	padding: .85rem 1rem;
	background: #f4f4f6 !important;
	border: 1px solid #d8d8de !important;
	border-left: 3px solid var(--won-accent) !important;
	border-radius: 10px;
	box-shadow: none !important;
	color: #222 !important;
	overflow: hidden;
}
#won-top10-root .top10-method-note {
	padding: 0;
}
#won-top10-root .top10-method-note__inner {
	display: flex;
	align-items: flex-start;
	gap: .85rem;
	padding: 1rem 1.1rem;
	border-left: none;
}
#won-top10-root .top10-search-note__text,
#won-top10-root .top10-method-note__text {
	margin: 0;
	color: #333 !important;
}
#won-top10-root .top10-search-note__text b,
#won-top10-root .top10-method-note__title {
	color: #161617 !important;
}
#won-top10-root .top10-method-note__icon {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.65rem;
	height: 1.65rem;
	border-radius: 999px;
	background: color-mix(in srgb, var(--won-accent) 18%, #fff);
	color: #b9090b;
	font-weight: 700;
	line-height: 1;
}
#won-top10-root .top10-method-note__text a {
	color: #b9090b;
	font-weight: 600;
}
#won-top10-root .top10-method-note__text a:hover,
#won-top10-root .top10-method-note__text a:focus {
	color: #9a0709;
}

/* Merged weekly date + methodology note */
#won-top10-root .top10-search-week-notes .top10-search-week-notice {
	margin: 0 0 .65rem;
	padding: 0;
	background: none !important;
	border: none !important;
	border-radius: 0;
	color: #222 !important;
	font-size: .95rem;
	line-height: 1.45;
}
#won-top10-root .top10-search-week-notes .top10-search-week-notice b {
	color: #b9090b !important;
}
#won-top10-root .top10-search-week-notes .top10-method-note__title {
	display: block;
	margin: 0 0 .25rem;
	font-size: .72rem;
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: #555 !important;
}
#won-top10-root .top10-search-week-notes .top10-method-note__text {
	margin: 0;
	color: #333 !important;
	font-size: .9rem;
	line-height: 1.45;
}

/* Section titles on dark cards */
#won-top10-root.top10-search-page h4.top10-search-section-title,
#won-top10-root.top10-search-page .entry.themeform h4.top10-search-section-title,
#won-top10-root.top10-search-page .entry h4.top10-search-section-title,
#won-top10-root .won-rec-tag-focus__title {
	margin: 0 0 1rem !important;
	padding: 0 0 .55rem !important;
	border: none !important;
	border-bottom: 2px solid rgba(255, 255, 255, 0.12) !important;
	background: none !important;
	font-size: 1.35rem !important;
	font-weight: 700 !important;
	line-height: 1.3 !important;
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
	position: relative;
	letter-spacing: 0 !important;
	text-shadow: none !important;
	box-shadow: none !important;
}
#won-top10-root.top10-search-page h4.top10-search-section-title .top10-search-section-title__meta,
#won-top10-root.top10-search-page .top10-search-section-title__meta {
	color: #999 !important;
	-webkit-text-fill-color: #999 !important;
}
#won-top10-root.top10-search-page .top10-search-section-title::after {
	background: var(--won-accent);
}

/* Overview body text on dark card */
#won-top10-root .won-rec-tag-focus__card,
#won-top10-root .won-rec-tag-focus__card p,
#won-top10-root .won-rec-tag-focus__card dd,
#won-top10-root .won-rec-tag-focus__card dt,
#won-top10-root .won-rec-tag-focus__card li {
	color: #d6d6d6;
}
#won-top10-root .won-rec-tag-focus__card dt,
#won-top10-root .won-rec-tag-focus__card strong,
#won-top10-root .top10-title-overview__original-line strong {
	color: #fff;
}
#won-top10-root .won-rec-tag-focus__action {
	color: #f0f0f0 !important;
	border-color: rgba(255, 255, 255, 0.14) !important;
	background: color-mix(in srgb, #1a1a1a 80%, #000) !important;
}
#won-top10-root .won-rec-tag-focus__action:hover {
	border-color: var(--won-accent) !important;
	color: #ff8a8f !important;
}

/* Performance panel on dark overview */
#won-top10-root .top10-title-performance__heading,
#won-top10-root .top10-title-performance__chart-heading {
	color: #fff !important;
}
#won-top10-root .top10-title-performance__lede,
#won-top10-root .top10-title-performance__chart-lede,
#won-top10-root .top10-title-performance__sub {
	color: #a8a8a8 !important;
}
#won-top10-root .top10-title-performance__label,
#won-top10-root .won-rec-tag-focus__card .top10-title-performance__label {
	color: #fff !important;
}
#won-top10-root .top10-title-performance__value {
	color: #d6d6d6 !important;
}
#won-top10-root .top10-title-performance__points {
	color: #7eb0e8 !important;
}
#won-top10-root .top10-title-performance--embedded,
#won-top10-root .top10-title-performance__chart {
	border-top-color: rgba(255, 255, 255, 0.12) !important;
}
#won-top10-root .top10-title-performance__move--up {
	background: rgba(34, 139, 34, 0.18);
	color: #7fd67f;
}
#won-top10-root .top10-title-performance__move--down {
	background: rgba(185, 9, 11, 0.22);
	color: #ff8a8f;
}
#won-top10-root .top10-title-performance__move--same,
#won-top10-root .top10-title-performance__move--new {
	background: rgba(255, 255, 255, 0.08);
	color: #c8c8c8;
}

/* Capped data blocks — centered, not full-bleed inside wide cards */
#won-top10-root .table-section-header,
#won-top10-root .table-section-subheader,
#won-top10-root .table-container-top10,
#won-top10-root .top10-search-performance-summary--intro,
#won-top10-root .top10-search-performance-summary,
#won-top10-root .table-container-top10 + p,
#won-top10-root .top10-engagement-period {
	width: 100%;
	max-width: var(--won-table-max);
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
}

/* Season / film stacks */
#won-top10-root .table-section-header {
	margin-top: 1.35rem;
	margin-bottom: 0;
	background: linear-gradient(135deg, #b9090b 0%, #d40812 100%) !important;
	color: #fff !important;
	border: 1px solid rgba(185, 9, 11, 0.65);
	border-bottom: none;
	border-radius: 10px 10px 0 0;
}
#won-top10-root .table-section-subheader {
	margin-top: 0;
	margin-bottom: 0;
	padding: .7rem 1rem !important;
	background: #f4f4f6 !important;
	color: #222 !important;
	border: 1px solid #d8d8de !important;
	border-top: none !important;
	border-bottom: 1px solid #e2e2e6 !important;
	border-radius: 0;
	font-size: .9rem;
	line-height: 1.45;
}
#won-top10-root .table-section-subheader b {
	color: #b9090b !important;
	font-weight: 700;
}
#won-top10-root .table-section-header + .table-section-subheader + .top10-search-performance-summary--intro,
#won-top10-root .table-section-header + .top10-search-performance-summary--intro,
#won-top10-root .table-section-subheader + .top10-search-performance-summary--intro {
	margin-top: 0;
	margin-bottom: 0;
	padding: .85rem 1rem !important;
	border-radius: 0 !important;
	background: #fff !important;
	border: 1px solid #d8d8de !important;
	border-top: none !important;
	border-bottom: 1px solid #e2e2e6 !important;
	border-left: 1px solid #d8d8de !important;
	color: #222 !important;
	box-shadow: none !important;
	font-size: .92rem;
	line-height: 1.5;
}
#won-top10-root .table-section-header + .table-section-subheader + .top10-search-performance-summary--intro b,
#won-top10-root .table-section-header + .top10-search-performance-summary--intro b,
#won-top10-root .table-section-subheader + .top10-search-performance-summary--intro b,
#won-top10-root .table-section-header + .table-section-subheader + .top10-search-performance-summary--intro i,
#won-top10-root .table-section-header + .top10-search-performance-summary--intro i,
#won-top10-root .table-section-subheader + .top10-search-performance-summary--intro i {
	color: #b9090b !important;
	font-style: normal;
	font-weight: 700;
}
#won-top10-root .table-section-header + .table-section-subheader + .table-container-top10,
#won-top10-root .table-section-header + .table-container-top10,
#won-top10-root .top10-search-performance-summary--intro + .table-container-top10 {
	margin-top: 0;
	margin-bottom: 1.75rem;
	background: #fff !important;
	border: 1px solid rgba(255, 255, 255, 0.12) !important;
	border-top: none !important;
	border-radius: 0 0 10px 10px;
	overflow-x: auto;
	overflow-y: hidden;
}

/* Standalone tables (weekly browse, etc.) */
#won-top10-root .table-container-top10 {
	margin-top: 1rem;
	margin-bottom: 1.75rem;
	border-radius: 10px;
	overflow-x: auto;
	overflow-y: hidden;
	border: 1px solid rgba(255, 255, 255, 0.12);
	background: #fff;
}
#won-top10-root .table-section-header + .table-section-subheader + .table-container-top10,
#won-top10-root .table-section-header + .table-container-top10,
#won-top10-root .top10-search-performance-summary--intro + .table-container-top10 {
	/* stacked under season header — keep stack radius, not standalone */
	border-radius: 0 0 10px 10px;
}

/* Tables: light data surface inside dark cards */
#won-top10-root .table-container-top10 table,
#won-top10-root .top10-engagement-table {
	width: 100%;
	margin: 0;
	border-collapse: collapse;
	background: #fff;
	color: #161617;
}
/* Engagement period owns the width cap; nested wrap fills it */
#won-top10-root .top10-engagement-period .table-container-top10 {
	max-width: none;
	margin: 0;
	border: none;
	border-radius: 0;
	background: #fff;
}
#won-top10-root .table-container-top10 thead,
#won-top10-root .table-container-top10 thead th,
#won-top10-root .table-container-top10 thead td,
#won-top10-root .top10-engagement-table thead th {
	background: #b9090b !important;
	color: #fff !important;
	border-color: #b9090b !important;
	font-weight: 700;
}
#won-top10-root .table-container-top10 tbody td,
#won-top10-root .table-container-top10 tbody th,
#won-top10-root .top10-engagement-table tbody td {
	background: #fff !important;
	color: #161617 !important;
	border-color: #e5e5e8 !important;
}
#won-top10-root .table-container-top10 tbody tr:nth-child(even) td,
#won-top10-root .top10-engagement-table tbody tr:nth-child(even) td {
	background: #fafafa !important;
}
#won-top10-root .table-container-top10 tbody tr:hover td,
#won-top10-root .top10-engagement-table tbody tr:hover td {
	background: #f3f4f6 !important;
}
#won-top10-root .table-container-top10 tbody td a {
	color: var(--won-accent) !important;
	text-decoration: none;
	font-weight: 600;
}
#won-top10-root .table-container-top10 tbody td a:hover {
	text-decoration: underline;
}
#won-top10-root .period-header,
#won-top10-root .period-header td {
	background: #161617 !important;
	color: #fff !important;
	border-color: #161617 !important;
}

/* Interrupted / non-consecutive week gap in title history tables */
#won-top10-root .table-container-top10 tbody tr.new-data > td {
	border-top: 6px solid #c8c8ce !important;
	border-left-color: #e5e5e8 !important;
	border-right-color: #e5e5e8 !important;
	border-bottom-color: #e5e5e8 !important;
	padding-top: .75rem !important;
}

/* Performance summaries */
#won-top10-root .top10-search-performance-summary,
#won-top10-root .table-container-top10 + p,
#won-top10-root .top10-search-performance-summary--intro,
#won-top10-root .top10-title-overview + hr + small {
	margin-top: 1rem;
	margin-bottom: 1.25rem;
	background: color-mix(in srgb, #1a1a1a 92%, var(--won-accent) 8%) !important;
	border: 1px solid rgba(255, 255, 255, 0.12) !important;
	border-left: 3px solid var(--won-accent) !important;
	border-radius: 8px;
	box-shadow: none !important;
	color: #d6d6d6 !important;
}
#won-top10-root .top10-search-performance-summary b,
#won-top10-root .top10-search-performance-summary i,
#won-top10-root .table-container-top10 + p b,
#won-top10-root .table-container-top10 + p i,
#won-top10-root .top10-title-overview + hr + small b {
	color: #fff !important;
}
/* Re-assert stacked season unity after general summary margins/borders */
#won-top10-root .table-section-header + .table-section-subheader + .top10-search-performance-summary--intro,
#won-top10-root .table-section-header + .top10-search-performance-summary--intro,
#won-top10-root .table-section-subheader + .top10-search-performance-summary--intro {
	margin-top: 0;
	margin-bottom: 0;
	border-radius: 0 !important;
	background: #fff !important;
	border: 1px solid #d8d8de !important;
	border-top: none !important;
	border-left: 1px solid #d8d8de !important;
	color: #222 !important;
}
#won-top10-root .table-section-header + .table-section-subheader + .table-container-top10,
#won-top10-root .table-section-header + .table-container-top10,
#won-top10-root .top10-search-performance-summary--intro + .table-container-top10 {
	margin-top: 0;
	margin-bottom: 1.75rem;
	border-top: none !important;
	border-radius: 0 0 10px 10px;
}

/* Nested dark insets */
#won-top10-root .top10-search-panel .top10-engagement-chart,
#won-top10-root .top10-search-panel .top10-search-prediction,
#won-top10-root .top10-search-panel .top10-engagement-details,
#won-top10-root .top10-search-panel #add-comparison-title-box,
#won-top10-root .top10-search-panel .top10-search-week-nav,
#won-top10-root .top10-engagement-chart,
#won-top10-root .top10-search-prediction,
#won-top10-root #add-comparison-title-box,
#won-top10-root .top10-engagement-details,
#won-top10-root .data-summary-details {
	background: color-mix(in srgb, #1a1a1a 90%, #000 10%) !important;
	border: 1px solid rgba(255, 255, 255, 0.12) !important;
	border-radius: 10px;
	box-shadow: none !important;
	color: #e4e4e4 !important;
}
#won-top10-root .top10-engagement-lede,
#won-top10-root .top10-search-prediction__lede,
#won-top10-root .top10-search-prediction__footnote {
	color: #b8b8b8 !important;
}
#won-top10-root .top10-search-prediction__title,
#won-top10-root .top10-engagement-period__title,
#won-top10-root .top10-engagement-details__summary,
#won-top10-root .data-summary-toggle,
#won-top10-root #add-comparison-title-box label {
	color: #fff !important;
}
#won-top10-root .top10-engagement-details__summary,
#won-top10-root .data-summary-toggle {
	background: color-mix(in srgb, #1a1a1a 85%, #000 15%) !important;
}
#won-top10-root .top10-search-prediction__stat {
	background: color-mix(in srgb, #1a1a1a 80%, transparent) !important;
	border-color: rgba(255, 255, 255, 0.12) !important;
}
#won-top10-root .top10-search-prediction__stat-value {
	color: #fff !important;
}
#won-top10-root .top10-search-prediction__stat--bull .top10-search-prediction__stat-label { color: #7fd67f; }
#won-top10-root .top10-search-prediction__stat--base .top10-search-prediction__stat-label { color: #7eb0e8; }
#won-top10-root .top10-search-prediction__stat--bear .top10-search-prediction__stat-label { color: #ff8a8f; }

/* Close remaining light islands on dark cards */
#won-top10-root .top10-engagement-period {
	margin-top: .35rem;
	margin-bottom: 1rem;
	padding: 0;
	border: 1px solid rgba(255, 255, 255, 0.12) !important;
	border-radius: 10px;
	background: color-mix(in srgb, #1a1a1a 88%, #000 12%) !important;
	overflow: hidden;
	color: #e4e4e4;
}
#won-top10-root .top10-engagement-period__title {
	background: #161617 !important;
	color: #fff !important;
	border-bottom: 2px solid var(--won-accent);
}
#won-top10-root .data-summary-details > div {
	background: color-mix(in srgb, #1a1a1a 92%, #000 8%) !important;
	color: #d6d6d6 !important;
}
#won-top10-root .filters-list:not(.top10-search-toolbar) {
	background: transparent !important;
	color: #e5e5e5;
}
#won-top10-root .top10-engagement-details__inner {
	color: #d6d6d6;
}
#won-top10-root #add-comparison-title-box {
	padding: 1rem 1.1rem;
}
#won-top10-root #add-comparison-title-box input[type="text"],
#won-top10-root #add-comparison-title-box input:not([type="submit"]):not([type="button"]) {
	background: #0d0d0d !important;
	border: 1px solid rgba(255, 255, 255, 0.14) !important;
	color: #e5e5e5 !important;
	border-radius: 8px;
}

/* Buttons on dark cards */
#won-top10-root .chart-btn,
#won-top10-root .top10-search-btn {
	border: 1px solid rgba(255, 255, 255, 0.12) !important;
	background: color-mix(in srgb, #1a1a1a 88%, transparent) !important;
	color: #f0f0f0 !important;
}
#won-top10-root .chart-btn:hover,
#won-top10-root .top10-search-btn:hover,
#won-top10-root .chart-btn.active,
#won-top10-root .top10-search-btn.active {
	border-color: var(--won-accent) !important;
	background: color-mix(in srgb, var(--won-accent) 16%, #1a1a1a) !important;
	color: #ff8a8f !important;
}

/* Week nav — compact segmented control */
#won-top10-root .top10-search-week-nav {
	display: flex;
	flex-wrap: nowrap;
	align-items: stretch;
	width: 100%;
	max-width: var(--won-table-max);
	margin: 0 auto 1.15rem;
	padding: 0;
	box-sizing: border-box;
	overflow: hidden;
	background: #b9090b !important;
	border: 1px solid #b9090b !important;
	border-radius: 12px;
	box-shadow: none;
}
#won-top10-root .top10-search-week-nav__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .35rem;
	flex: 0 0 auto;
	min-height: 48px;
	padding: .7rem .95rem;
	border: none !important;
	border-radius: 0;
	background: #b9090b !important;
	color: #fff !important;
	font-size: .8125rem;
	font-weight: 700;
	line-height: 1.2;
	text-decoration: none !important;
	white-space: nowrap;
	transition: background .15s ease, color .15s ease;
}
#won-top10-root .top10-search-week-nav__btn--prev {
	border-right: 1px solid rgba(255, 255, 255, 0.28) !important;
}
#won-top10-root .top10-search-week-nav__btn--next {
	border-left: 1px solid rgba(255, 255, 255, 0.28) !important;
}
#won-top10-root a.top10-search-week-nav__btn:hover,
#won-top10-root a.top10-search-week-nav__btn:focus {
	background: #9a0709 !important;
	color: #fff !important;
}
#won-top10-root .top10-search-week-nav__btn.is-disabled {
	opacity: .45;
	cursor: not-allowed;
	pointer-events: none;
	color: rgba(255, 255, 255, 0.7) !important;
	background: #b9090b !important;
}
#won-top10-root .top10-search-week-nav__icon {
	display: inline-flex;
	line-height: 0;
}
#won-top10-root .top10-search-week-nav__select-wrap {
	position: relative;
	flex: 1 1 auto;
	min-width: 0;
	margin: 0;
	background: #0d0d0d;
}
#won-top10-root .top10-search-week-nav__select-wrap > .screen-reader-text,
#won-top10-root .top10-search-week-nav__sr {
	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;
}
#won-top10-root .top10-search-week-nav__select-wrap::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 1rem;
	width: .5rem;
	height: .5rem;
	border-right: 2px solid #ddd;
	border-bottom: 2px solid #ddd;
	transform: translateY(-65%) rotate(45deg);
	pointer-events: none;
}
#won-top10-root .top10-search-week-nav__select,
#won-top10-root .top10-search-week-nav select#weekselect {
	appearance: none;
	-webkit-appearance: none;
	display: block;
	width: 100% !important;
	max-width: 100%;
	min-height: 48px;
	margin: 0 !important;
	float: none !important;
	padding: .7rem 2.4rem .7rem 1rem !important;
	border: none !important;
	border-radius: 0 !important;
	background: #0d0d0d !important;
	color: #fff !important;
	font-size: .9rem !important;
	font-weight: 600;
	line-height: 1.3;
	text-align: center;
	box-shadow: none !important;
	cursor: pointer;
}
#won-top10-root .top10-search-week-nav__select:hover,
#won-top10-root .top10-search-week-nav__select:focus,
#won-top10-root .top10-search-week-nav select#weekselect:hover,
#won-top10-root .top10-search-week-nav select#weekselect:focus {
	background: #1a1a1a !important;
	outline: none;
	box-shadow: inset 0 0 0 1px rgba(185, 9, 11, 0.65);
}
@media (max-width: 680px) {
	#won-top10-root .top10-search-week-nav {
		flex-wrap: wrap;
	}
	#won-top10-root .top10-search-week-nav__select-wrap {
		flex: 1 1 100%;
		order: -1;
		border-bottom: 1px solid rgba(255, 255, 255, 0.12);
	}
	#won-top10-root .top10-search-week-nav__btn {
		flex: 1 1 50%;
		min-width: 0;
		padding: .7rem .65rem;
		font-size: .78rem;
	}
	#won-top10-root .top10-search-week-nav__btn--prev {
		border-right: 1px solid rgba(255, 255, 255, 0.12) !important;
	}
	#won-top10-root .top10-search-week-nav__btn--next {
		border-left: none !important;
	}
	#won-top10-root .top10-search-week-nav__label {
		overflow: hidden;
		text-overflow: ellipsis;
	}
}

/* Select2 on dark cards */
#won-top10-root .select2-container--default .select2-selection--single {
	background: #0d0d0d;
	border: 1px solid rgba(255, 255, 255, 0.14);
	border-radius: 8px;
	height: 42px;
	display: flex;
	align-items: center;
}
#won-top10-root .select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #e5e5e5;
	line-height: 40px;
	padding-left: 12px;
}
#won-top10-root .select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 40px;
}
#won-top10-root .select2-container--default .select2-selection--single .select2-selection__placeholder {
	color: #888;
}

#won-top10-root .clear {
	display: none;
}

/* Big back control above title overview */
#won-top10-root .won-top10__back-wrap {
	margin: 0 0 1.25rem;
}
#won-top10-root .won-top10__back {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .65rem;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	padding: 1rem 1.35rem;
	border: 1px solid var(--won-accent);
	border-radius: 10px;
	background: var(--won-accent);
	color: #fff !important;
	font-size: 1.05rem;
	font-weight: 700;
	letter-spacing: .01em;
	line-height: 1.2;
	text-decoration: none !important;
	transition: background .18s ease, border-color .18s ease, transform .18s ease;
}
#won-top10-root .won-top10__back:hover,
#won-top10-root .won-top10__back:focus {
	background: #9a0709;
	border-color: #9a0709;
	color: #fff !important;
	text-decoration: none !important;
	transform: translateY(-1px);
}
#won-top10-root .won-top10__back-icon {
	display: inline-flex;
	flex: 0 0 auto;
	line-height: 0;
}
#won-top10-root .won-top10__back-label {
	text-align: center;
}