:root {
	--color-background: #0f1419;
	--color-bg-main: #101010;
	--color-bg-dark-secondary: #171717;
	--color-text-primary: #f5f5f5;
	--color-text-on-dark: #fff;
	--color-primary: #e50914;
	color-scheme: dark;
}

html[data-theme="light"] {
	--color-background: #f5f7fb;
	--color-bg-main: #fff;
	--color-bg-dark-secondary: #e9edf3;
	--color-bg-surface: #fff;
	--color-text-primary: #17202a;
	--color-text-secondary: #586574;
	--color-text-on-dark: #fff;
	--color-primary-light: #b20f17;
	--color-primary-dark: #920c13;
	--color-border: rgba(23, 32, 42, .14);
	color-scheme: light;
}

.section.section--details {
	background: linear-gradient(135deg, rgba(20, 20, 30, .96), rgba(25, 25, 40, .98));
	border-block: 1px solid rgba(255, 182, 28, .16);
	margin-block: clamp(2rem, 5vw, 3.5rem) 0;
	padding-block: clamp(2rem, 5vw, 3.5rem);
}

.section.section--details h2 {
	color: #ffbd45;
	font-size: clamp(1.35rem, 2.4vw, 1.85rem);
	line-height: 1.25;
	margin: 0 0 1rem;
}

.section.section--details p {
	color: rgba(245, 245, 245, .84);
	line-height: 1.75;
	margin-block: 0 1rem;
	max-width: 90ch;
}

.single-details__topics {
	margin-block-start: 1.5rem;
}

.single-details__topics h3 {
	font-size: 1rem;
	margin: 0 0 .75rem;
}

.single-details__topics ul {
	display: flex;
	flex-wrap: wrap;
	gap: .5rem;
	list-style: none;
	margin: 0;
	padding: 0;
}

.single-details__topics li {
	border: 1px solid rgba(255, 182, 28, .25);
	border-radius: 999px;
	color: rgba(255, 255, 255, .86);
	font-size: .88rem;
	padding: .35rem .7rem;
}

.single-details__topics a {
	color: inherit;
	text-decoration: none;
}

.single-details__topics a:hover,
.single-details__topics a:focus-visible {
	color: #ffbd45;
	text-decoration: underline;
	text-underline-offset: .2em;
}

html[data-theme="light"] .section.section--details {
	background: linear-gradient(135deg, #fff, #f3f5f8);
	border-color: rgba(180, 124, 0, .2);
}

html[data-theme="light"] .section.section--details h2,
html[data-theme="light"] .single-details__topics a:hover,
html[data-theme="light"] .single-details__topics a:focus-visible {
	color: #8f5d00;
}

html[data-theme="light"] .section.section--details p,
html[data-theme="light"] .single-details__topics li {
	color: #3f4a56;
}

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

* {
	scrollbar-color: #e50914 transparent;
	scrollbar-width: thin;
}

*::-webkit-scrollbar {
	height: 10px;
	width: 10px;
}

*::-webkit-scrollbar-track {
	background: transparent;
}

*::-webkit-scrollbar-thumb {
	background-color: #e50914;
	border: 2px solid transparent;
	border-radius: 999px;
	background-clip: padding-box;
}

*::-webkit-scrollbar-thumb:hover {
	background-color: #ff3039;
}

html {
	min-width: 320px;
}

body {
	background: var(--color-bg-main);
	color: var(--color-text-primary);
	font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	line-height: 1.5;
	margin: 0;
	min-width: 320px;
}

.mmp-native-banner {
	background: var(--color-bg-dark-secondary, #171717);
	border-radius: .75rem;
	margin: 1rem auto;
	max-width: 1280px;
	min-height: 8rem;
	overflow: hidden;
}

.mmp-native-banner iframe {
	background: transparent;
	display: block;
	margin-inline: auto;
	max-width: 100%;
}

.site-footer {
	background: var(--color-bg-dark-secondary);
	border-top: 1px solid var(--color-border, rgba(255, 255, 255, .12));
	color: var(--color-text-secondary, #c7c7c7);
	padding: clamp(1.5rem, 4vw, 2.5rem) 1rem 1rem;
}

.site-footer__inner {
	display: grid;
	gap: 1.5rem 2rem;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin-inline: auto;
	max-width: 1280px;
}

.site-footer__ads {
	grid-column: 1 / -1;
	min-width: 0;
}

.site-footer__identity {
	max-width: 34rem;
	min-width: 0;
}

.site-footer__brand {
	color: var(--color-text-primary);
	font-size: 1.1rem;
	font-weight: 800;
	text-decoration: none;
}

.site-footer__identity p {
	line-height: 1.65;
	margin: .45rem 0 0;
	max-width: 48ch;
}

.site-footer__navigation ul {
	display: flex;
	flex-wrap: wrap;
	gap: .5rem 1rem;
	justify-content: flex-end;
	list-style: none;
	margin: 0;
	padding: 0;
}

.site-footer__navigation a {
	color: inherit;
	display: inline-block;
	padding: .25rem 0;
	text-decoration: none;
}

.site-footer__navigation a:hover,
.site-footer__navigation a:focus-visible {
	color: var(--color-text-primary);
	text-decoration: underline;
	text-underline-offset: .2em;
}

.site-footer__copyright {
	border-top: 1px solid var(--color-border, rgba(255, 255, 255, .12));
	grid-column: 1 / -1;
	margin: 0;
	padding-top: .85rem;
	text-align: center;
}

@media (max-width: 640px) {
	.site-footer__inner {
		grid-template-columns: minmax(0, 1fr);
	}

	.site-footer__navigation ul {
		justify-content: flex-start;
	}

	.site-footer__copyright {
		grid-column: auto;
	}
}

a {
	color: inherit;
}

button,
input,
select,
textarea {
	font: inherit;
}

img,
svg,
video {
	height: auto;
	max-width: 100%;
}

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		scroll-behavior: auto !important;
		animation-duration: .01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: .01ms !important;
	}
}