/**
 * Overdrive 4.7.1 — final article polish.
 * This file is intentionally enqueued last. It resolves presentation conflicts
 * left by historical News Magazine X layers without changing editorial data.
 */

/* -------------------------------------------------------------------------
   1. Canvas + readable copy
   ------------------------------------------------------------------------- */
html[data-theme="light-mode"] body.go-verge,
html[data-theme="light-mode"] body.go-verge[class],
html[data-theme="light-mode"] body.single-post.go-verge,
html[data-theme="light-mode"] body.go-verge.go-has-editorial-background[class],
html[data-theme="light"] body.go-verge,
html[data-theme="light"] body.go-verge[class],
html[data-theme="light"] body.single-post.go-verge,
html[data-theme="light"] body.go-verge.go-has-editorial-background[class] {
	--canvas: #f4f5f7;
	--slate: #ffffff;
	--surface: #ffffff;
	--surface-1: #ffffff;
	--surface-2: #eef1f4;
	--text: #15171c;
	--text-muted: #343b46;
	--text-secondary: #47505d;
	--frame: #d6dae0;
	--border: #d6dae0;
	--border-strong: #bfc5cd;
	--link: #421aff;
	--link-hover: #421aff;
	background-color: #f4f5f7 !important;
	background-image:
		radial-gradient(ellipse at 16% -10%, #ffffff 0%, #f4f5f7 38%, transparent 70%),
		radial-gradient(ellipse at 92% 0%, rgba(216, 255, 56, .14) 0%, transparent 42%),
		linear-gradient(#f4f5f7, #eceff3) !important;
}

html[data-theme="dark-mode"] body.go-verge,
html[data-theme="dark-mode"] body.go-verge[class],
html[data-theme="dark-mode"] body.single-post.go-verge,
html[data-theme="dark-mode"] body.go-verge.go-has-editorial-background[class],
html[data-theme="dark"] body.go-verge,
html[data-theme="dark"] body.go-verge[class],
html[data-theme="dark"] body.single-post.go-verge,
html[data-theme="dark"] body.go-verge.go-has-editorial-background[class] {
	--canvas: #0f1115;
	--slate: #171a20;
	--surface: #171a20;
	--surface-1: #171a20;
	--surface-2: #1d2128;
	--text: #f7f8fa;
	--text-muted: #d5dae2;
	--text-secondary: #c5ccd6;
	--frame: #343a45;
	--border: #343a45;
	--border-strong: #4a5260;
	--link: #d8ff38;
	--link-hover: #e4ff79;
	background-color: #0f1115 !important;
	background-image:
		radial-gradient(ellipse at 18% 0%, #2e323c 0%, #17191e 42%, transparent 70%),
		radial-gradient(ellipse at 88% 8%, rgba(216, 255, 56, .10) 0%, transparent 40%),
		linear-gradient(#14161b, #0f1115) !important;
}


@media (min-width: 768px) {
	html[data-theme="dark-mode"] body.go-verge,
	html[data-theme="dark-mode"] body.go-verge[class],
	html[data-theme="dark-mode"] body.single-post.go-verge,
	html[data-theme="dark-mode"] body.go-verge.go-has-editorial-background[class],
	html[data-theme="dark"] body.go-verge,
	html[data-theme="dark"] body.go-verge[class],
	html[data-theme="dark"] body.single-post.go-verge,
	html[data-theme="dark"] body.go-verge.go-has-editorial-background[class] {
		background-color: #0f1115 !important;
		background-image:
			radial-gradient(ellipse at 24% -8%, #32363f 0%, #161a22 44%, transparent 72%),
			radial-gradient(ellipse at 90% 0%, rgba(216, 255, 56, .11) 0%, transparent 42%),
			linear-gradient(#12141a, #0c111a) !important;
	}
}

html[data-theme="light-mode"],
html[data-theme="light"] {
	background-color: #f4f5f7 !important;
}
html[data-theme="dark-mode"],
html[data-theme="dark"] {
	background-color: #0f1115 !important;
}
html[data-theme="light-mode"] body.go-verge,
html[data-theme="light"] body.go-verge,
html[data-theme="dark-mode"] body.go-verge,
html[data-theme="dark"] body.go-verge {
	background-attachment: fixed !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
}

/* Remove the old purple/burgundy haze from the main article surfaces. */
html[data-theme="dark-mode"] body.go-verge :where(.go-main, .go-site, .site-main),
html[data-theme="dark"] body.go-verge :where(.go-main, .go-site, .site-main) {
	background-color: transparent !important;
	background-image: none !important;
}

body.single-post.go-verge .go-article__content {
	color: var(--text) !important;
	overflow: visible !important;
	contain: none !important;
}
body.single-post.go-verge .go-article__content :where(p, li, dd, dt, figcaption, blockquote, td, th) {
	color: var(--text) !important;
}
body.single-post.go-verge .go-article__deck,
body.single-post.go-verge .go-author-card__bio,
body.single-post.go-verge .go-author-card__role {
	color: var(--text-secondary) !important;
}
body.single-post.go-verge .go-article__content--dropcap > p:first-of-type::first-letter {
	color: var(--text) !important;
	-webkit-text-fill-color: currentColor !important;
}

/* Requested interaction language: blue hover in light mode. */
html[data-theme="light-mode"] body.go-verge :where(
	.go-article__content,
	.go-archive-row,
	.go-stream,
	.go-tile,
	.go-author-card,
	.go-channel-invite,
	.go-tags
) a:hover,
html[data-theme="light-mode"] body.go-verge :where(
	.go-article__content,
	.go-archive-row,
	.go-stream,
	.go-tile,
	.go-author-card,
	.go-channel-invite,
	.go-tags
) a:focus-visible,
html[data-theme="light"] body.go-verge :where(
	.go-article__content,
	.go-archive-row,
	.go-stream,
	.go-tile,
	.go-author-card,
	.go-channel-invite,
	.go-tags
) a:hover,
html[data-theme="light"] body.go-verge :where(
	.go-article__content,
	.go-archive-row,
	.go-stream,
	.go-tile,
	.go-author-card,
	.go-channel-invite,
	.go-tags
) a:focus-visible {
	color: #421aff !important;
	text-decoration-color: #421aff !important;
}

/* -------------------------------------------------------------------------
   2. Header: keep the parent editorial vertical marked on child stories.
   ------------------------------------------------------------------------- */
body.go-verge .go-header--471 .go-header__sections-list a.is-current,
body.go-verge .go-header--471 .go-header__sections-list a[aria-current="location"] {
	color: #101217 !important;
	box-shadow: inset 0 -2px 0 #101217 !important;
}

/* -------------------------------------------------------------------------
   3. Featured image + editorial label + hero ad
   ------------------------------------------------------------------------- */
body.single-post.go-verge .go-article__hero .go-frame > img {
	display: block;
	inline-size: 100%;
	block-size: auto;
	aspect-ratio: 16 / 9;
	object-fit: cover;
	object-position: center;
}

body.single-post.go-verge .go-article__hero-tag {
	inset-block-start: 18px !important;
	inset-inline-start: auto !important;
	inset-inline-end: 18px !important;
	display: inline-flex !important;
	align-items: stretch !important;
	gap: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: 0 6px 18px rgba(0, 0, 0, .18) !important;
	transform: none !important;
	overflow: hidden;
}
body.single-post.go-verge .go-article__hero-tag::after,
body.single-post.go-verge .go-article__hero-tag::before {
	display: none !important;
	content: none !important;
}
body.single-post.go-verge .go-article__hero-tag-label,
body.single-post.go-verge .go-article__hero-tag-game {
	display: inline-flex !important;
	align-items: center !important;
	min-block-size: 38px;
	padding: 9px 13px !important;
	border: 0 !important;
	border-radius: 0 !important;
	transform: none !important;
	font-family: "Barlow Condensed", var(--font-sans), sans-serif !important;
	font-size: .78rem !important;
	font-weight: 700 !important;
	line-height: 1 !important;
	letter-spacing: .065em !important;
	text-transform: uppercase !important;
	white-space: nowrap;
}
body.single-post.go-verge .go-article__hero-tag-label {
	background: #d8ff38 !important;
	color: #101217 !important;
}
body.single-post.go-verge .go-article__hero-tag-game {
	max-inline-size: min(46vw, 290px);
	background: #17191e !important;
	color: #fff !important;
	overflow: hidden;
	text-overflow: ellipsis;
}
body.single-post.go-verge .go-article__hero-tag--special .go-article__hero-tag-label,
body.single-post.go-verge .go-article__hero-tag--guide .go-article__hero-tag-label,
body.single-post.go-verge .go-article__hero-tag--ranking .go-article__hero-tag-label,
body.single-post.go-verge .go-article__hero-tag--list .go-article__hero-tag-label,
body.single-post.go-verge .go-article__hero-tag--critique .go-article__hero-tag-label {
	background: #d8ff38 !important;
	color: #101217 !important;
}

/* The photo overlay is deliberately a leaderboard strip, not a billboard. */
body.single-post.go-verge .go-article__hero--ad-ready .go-ad-slot--article-hero-overlay {
	inline-size: min(320px, calc(100% - 20px)) !important;
	max-inline-size: calc(100% - 20px) !important;
	min-block-size: 0 !important;
}
body.single-post.go-verge .go-ad-slot--article-hero-overlay[data-go-ad-sizing="fixed"]:not(.is-ad-filled) > ins {
	inline-size: min(320px, 100%) !important;
	block-size: 100px !important;
}
@media (min-width: 800px) {
	body.single-post.go-verge .go-article__hero--ad-ready .go-ad-slot--article-hero-overlay,
	body.single-post.go-verge .go-article__hero--ad-ready .go-ad-slot--article-hero-overlay.is-ad-preparing[data-go-ad-near-viewport="1"] {
		inline-size: min(728px, calc(100% - 30px)) !important;
		max-inline-size: min(728px, calc(100% - 30px)) !important;
		min-block-size: 90px !important;
	}
	body.single-post.go-verge .go-ad-slot--article-hero-overlay[data-go-ad-sizing="fixed"]:not(.is-ad-filled) > ins {
		inline-size: 728px !important;
		max-inline-size: 100% !important;
		block-size: 90px !important;
	}
}
@media (min-width: 1101px) {
	body.single-post.go-verge .go-article__hero--ad-ready .go-ad-slot--article-hero-overlay,
	body.single-post.go-verge .go-article__hero--ad-ready .go-ad-slot--article-hero-overlay.is-ad-preparing[data-go-ad-near-viewport="1"] {
		inline-size: min(728px, calc(100% - 30px)) !important;
		max-inline-size: min(728px, calc(100% - 30px)) !important;
		min-block-size: 90px !important;
	}
	body.single-post.go-verge .go-ad-slot--article-hero-overlay[data-go-ad-sizing="fixed"]:not(.is-ad-filled) > ins {
		inline-size: 728px !important;
		block-size: 90px !important;
	}
}
body.single-post.go-verge .go-ad-slot--article-hero-overlay.is-ad-filled > ins {
	max-inline-size: 100% !important;
	max-block-size: 100px !important;
}

/* -------------------------------------------------------------------------
   4. Auto Ads: same neutral pause contract as Overdrive 4.7.1
   ------------------------------------------------------------------------- */
body.single-post.go-verge .go-article__content > .od-ad-break[data-go-ad-break] {
	display: block !important;
	clear: both !important;
	inline-size: 100% !important;
	max-inline-size: 100% !important;
	min-block-size: 0 !important;
	margin: 1.35rem 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	overflow: visible !important;
	contain: none !important;
}
body.single-post.go-verge .go-article__content > .od-ad-break[data-go-ad-break]:has(ins.adsbygoogle),
body.single-post.go-verge .go-article__content > .od-ad-break[data-go-ad-break]:has(.google-auto-placed) {
	min-block-size: 90px !important;
	margin-block: 1.6rem !important;
}
/* Do not force a Google-generated wrapper to the width/height of a theme slot. */
body.single-post.go-verge .go-article__content .google-auto-placed {
	clear: both !important;
	width: auto !important;
	max-width: none !important;
	margin-block: 1.35rem !important;
	margin-inline: auto !important;
	contain: none !important;
}
body.single-post.go-verge .go-article__content .google-auto-placed ins.adsbygoogle {
	margin-inline: auto !important;
}
/* Google owns visibility of automatic placements, including placements near theme modules. */

/* -------------------------------------------------------------------------
   5. “Curte X?” — restrained editorial insert
   ------------------------------------------------------------------------- */
body.single-post.go-verge .go-article__content .go-channel-invite {
	position: relative !important;
	display: block !important;
	inline-size: 100% !important;
	max-inline-size: 100% !important;
	margin: 30px 0 !important;
	padding: 18px 20px 16px !important;
	border: 1px solid var(--frame) !important;
	border-radius: 10px !important;
	background: transparent !important;
	box-shadow: none !important;
	overflow: visible !important;
	contain: none !important;
}
body.single-post.go-verge .go-channel-invite__tag {
	inset-block-start: -12px !important;
	inset-inline-start: 16px !important;
	padding: 0 7px !important;
	background: var(--canvas) !important;
	color: #789300 !important;
}
html[data-theme="dark-mode"] body.single-post.go-verge .go-channel-invite__tag,
html[data-theme="dark"] body.single-post.go-verge .go-channel-invite__tag {
	color: #d8ff38 !important;
}
body.single-post.go-verge .go-channel-invite__tag > svg {
	inline-size: 20px !important;
	block-size: 20px !important;
}
body.single-post.go-verge .go-channel-invite__question {
	margin: 0 0 8px !important;
	color: var(--text) !important;
	font-family: "Source Sans 3", var(--font-sans), sans-serif !important;
	font-size: 1rem !important;
	font-weight: 700 !important;
	line-height: 1.35 !important;
}
body.single-post.go-verge .go-channel-invite__lead,
body.single-post.go-verge .go-channel-invite__action {
	margin: 0 !important;
	color: var(--text-secondary) !important;
	font-size: 1rem !important;
	line-height: 1.45 !important;
}
body.single-post.go-verge .go-channel-invite__action {
	display: grid !important;
	grid-template-columns: 18px minmax(0, 1fr) !important;
	align-items: start !important;
	gap: 9px !important;
}
body.single-post.go-verge .go-channel-invite__glyph {
	inline-size: 17px !important;
	block-size: 17px !important;
	margin-block-start: 3px !important;
	color: #789300 !important;
}
html[data-theme="dark-mode"] body.single-post.go-verge .go-channel-invite__glyph,
html[data-theme="dark"] body.single-post.go-verge .go-channel-invite__glyph {
	color: #d8ff38 !important;
}
body.single-post.go-verge .go-article__content .go-channel-invite a.go-channel-invite__link,
body.single-post.go-verge .go-article__content .go-channel-invite a.go-channel-invite__link:visited {
	color: var(--text) !important;
	font-weight: 500 !important;
	text-decoration: none !important;
	box-shadow: none !important;
}
html[data-theme="dark-mode"] body.single-post.go-verge .go-article__content .go-channel-invite a.go-channel-invite__link,
html[data-theme="dark"] body.single-post.go-verge .go-article__content .go-channel-invite a.go-channel-invite__link {
	color: #e8ff85 !important;
}

/* -------------------------------------------------------------------------
   6. Native content tables — horizontal editorial rules
   ------------------------------------------------------------------------- */
body.single-post.go-verge .go-article__content :where(.wp-block-table, .go-table-scroll) {
	inline-size: 100% !important;
	max-inline-size: 100% !important;
	margin: 28px 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	overflow-x: auto !important;
	-webkit-overflow-scrolling: touch;
}
body.single-post.go-verge .go-article__content :where(.wp-block-table, .go-table-scroll) table,
body.single-post.go-verge .go-article__content > table {
	inline-size: 100% !important;
	min-inline-size: 100%;
	border-collapse: collapse !important;
	border-spacing: 0 !important;
	border: 0 !important;
	background: transparent !important;
	color: var(--text) !important;
}
body.single-post.go-verge .go-article__content table :where(th, td) {
	padding: 13px 10px !important;
	border: 0 !important;
	border-block-end: 1px solid var(--frame) !important;
	background: transparent !important;
	color: var(--text) !important;
	vertical-align: middle !important;
	text-align: start;
}
body.single-post.go-verge .go-article__content table thead th {
	font-family: "Barlow Condensed", var(--font-sans), sans-serif !important;
	font-size: .76rem !important;
	font-weight: 700 !important;
	line-height: 1.1 !important;
	letter-spacing: .075em !important;
	text-transform: uppercase !important;
	text-align: center !important;
}
body.single-post.go-verge .go-article__content table thead th:first-child {
	text-align: start !important;
}
body.single-post.go-verge .go-article__content table tbody :where(th, td:first-child) {
	font-family: "Barlow Condensed", var(--font-sans), sans-serif !important;
	font-size: .82rem !important;
	font-weight: 700 !important;
	letter-spacing: .045em !important;
	text-transform: uppercase !important;
}
body.single-post.go-verge .go-article__content table tbody td:not(:first-child) {
	font-family: "Source Sans 3", var(--font-sans), sans-serif !important;
	font-size: 1rem !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
}
body.single-post.go-verge .go-article__content table tr:last-child > :where(th, td) {
	border-block-end-color: var(--frame) !important;
}

/* -------------------------------------------------------------------------
   7. End tags — first topic lime, remaining topics outlined
   ------------------------------------------------------------------------- */
body.single-post.go-verge .go-tags {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	gap: 8px !important;
	margin: 34px 0 0 !important;
	padding: 0 !important;
}
body.single-post.go-verge .go-tags .go-tag,
body.single-post.go-verge .go-tags .go-tag:visited {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-block-size: 30px !important;
	padding: 6px 11px !important;
	border: 1px solid var(--frame) !important;
	border-radius: 999px !important;
	background: transparent !important;
	color: var(--text) !important;
	box-shadow: none !important;
	font-family: "Barlow Condensed", var(--font-sans), sans-serif !important;
	font-size: .75rem !important;
	font-weight: 700 !important;
	line-height: 1 !important;
	letter-spacing: .06em !important;
	text-decoration: none !important;
	text-transform: uppercase !important;
}
body.single-post.go-verge .go-tags .go-tag:first-child,
body.single-post.go-verge .go-tags .go-tag:first-child:visited {
	border-color: #d8ff38 !important;
	background: #d8ff38 !important;
	color: #101217 !important;
}
html[data-theme="light-mode"] body.single-post.go-verge .go-tags .go-tag:not(:first-child):hover,
html[data-theme="light"] body.single-post.go-verge .go-tags .go-tag:not(:first-child):hover {
	border-color: #421aff !important;
	color: #421aff !important;
}
html[data-theme="dark-mode"] body.single-post.go-verge .go-tags .go-tag:not(:first-child):hover,
html[data-theme="dark"] body.single-post.go-verge .go-tags .go-tag:not(:first-child):hover {
	border-color: #d8ff38 !important;
	color: #d8ff38 !important;
}

/* -------------------------------------------------------------------------
   8. Author field — portal byline, not a boxed card
   ------------------------------------------------------------------------- */
body.single-post.go-verge .go-author-card {
	display: grid !important;
	grid-template-columns: 64px minmax(0, 1fr) !important;
	align-items: center !important;
	gap: 16px !important;
	inline-size: 100% !important;
	max-inline-size: 100% !important;
	margin: 36px 0 0 !important;
	padding: 20px 0 !important;
	border: 0 !important;
	border-block: 1px solid var(--frame) !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}
body.single-post.go-verge .go-author-card__avatar {
	inline-size: 64px !important;
	block-size: 64px !important;
	border-radius: 50% !important;
	overflow: hidden !important;
}
body.single-post.go-verge .go-author-card__avatar img {
	display: block !important;
	inline-size: 64px !important;
	block-size: 64px !important;
	object-fit: cover !important;
}
body.single-post.go-verge .go-author-card__body {
	min-inline-size: 0 !important;
}
body.single-post.go-verge .go-author-card :where(p, a) {
	margin: 0 !important;
	box-shadow: none !important;
}
body.single-post.go-verge .go-author-card__kicker {
	margin-block-end: 3px !important;
	color: var(--text-secondary) !important;
	font-family: "Barlow Condensed", var(--font-sans), sans-serif !important;
	font-size: .72rem !important;
	font-weight: 600 !important;
	letter-spacing: .13em !important;
	text-transform: uppercase !important;
}
body.single-post.go-verge .go-author-card__name,
body.single-post.go-verge .go-author-card__name a {
	color: var(--text) !important;
	font-family: "Barlow Condensed", var(--font-sans), sans-serif !important;
	font-size: 1.28rem !important;
	font-weight: 700 !important;
	line-height: 1.1 !important;
	text-decoration: none !important;
}
body.single-post.go-verge .go-author-card__role,
body.single-post.go-verge .go-author-card__bio {
	margin-block-start: 5px !important;
	font-family: "Source Sans 3", var(--font-sans), sans-serif !important;
	font-size: .98rem !important;
	line-height: 1.4 !important;
}
body.single-post.go-verge .go-author-card__link {
	display: inline-flex !important;
	margin-block-start: 7px !important;
	color: var(--text-secondary) !important;
	font-family: "Barlow Condensed", var(--font-sans), sans-serif !important;
	font-size: .74rem !important;
	font-weight: 700 !important;
	letter-spacing: .06em !important;
	text-decoration: none !important;
	text-transform: uppercase !important;
}

/* -------------------------------------------------------------------------
   9. Mid-article share — hard layout reset, including mobile
   ------------------------------------------------------------------------- */
body.single-post.go-verge .go-article__content .go-inline-cta--share-only {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) !important;
	gap: 15px !important;
	inline-size: 100% !important;
	max-inline-size: 100% !important;
	min-inline-size: 0 !important;
	margin: 30px 0 !important;
	padding: 18px !important;
	border: 1px solid var(--frame) !important;
	border-radius: 10px !important;
	background: var(--surface) !important;
	box-shadow: none !important;
	overflow: hidden !important;
	contain: none !important;
}
body.single-post.go-verge .go-inline-cta--share-only .go-inline-cta__share-heading {
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
	min-inline-size: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}
body.single-post.go-verge .go-inline-cta--share-only .go-inline-cta__share-emblem {
	display: inline-grid !important;
	place-items: center !important;
	flex: 0 0 34px !important;
	inline-size: 34px !important;
	block-size: 34px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 1px solid var(--frame) !important;
	border-radius: 50% !important;
	background: transparent !important;
	color: var(--text) !important;
}
body.single-post.go-verge .go-inline-cta--share-only .go-inline-cta__share-emblem svg {
	display: block !important;
	inline-size: 18px !important;
	block-size: 18px !important;
	max-inline-size: 18px !important;
	max-block-size: 18px !important;
	margin: 0 !important;
	padding: 0 !important;
	fill: currentColor !important;
}
body.single-post.go-verge .go-inline-cta--share-only .go-inline-cta__share-title {
	display: block !important;
	min-inline-size: 0 !important;
	margin: 0 !important;
	color: var(--text) !important;
	font-family: "Barlow Condensed", var(--font-sans), sans-serif !important;
	font-size: 1rem !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
	letter-spacing: .02em !important;
	text-transform: uppercase !important;
	white-space: normal !important;
}
body.single-post.go-verge .go-inline-cta--share-only .go-inline-cta__share {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	gap: 8px !important;
	inline-size: 100% !important;
	max-inline-size: 100% !important;
	min-inline-size: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}
body.single-post.go-verge .go-article__content .go-inline-cta--share-only a.go-inline-cta__share-link,
body.single-post.go-verge .go-article__content .go-inline-cta--share-only a.go-inline-cta__share-link:visited {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 7px !important;
	inline-size: 100% !important;
	min-inline-size: 0 !important;
	min-block-size: 42px !important;
	margin: 0 !important;
	padding: 9px 8px !important;
	border: 1px solid var(--frame) !important;
	border-radius: 7px !important;
	background: transparent !important;
	color: var(--text) !important;
	box-shadow: none !important;
	font-family: "Source Sans 3", var(--font-sans), sans-serif !important;
	font-size: .85rem !important;
	font-weight: 600 !important;
	line-height: 1 !important;
	text-decoration: none !important;
	white-space: nowrap !important;
	overflow: hidden !important;
}
body.single-post.go-verge .go-article__content .go-inline-cta--share-only a.go-inline-cta__share-link svg {
	display: block !important;
	flex: 0 0 17px !important;
	inline-size: 17px !important;
	block-size: 17px !important;
	max-inline-size: 17px !important;
	max-block-size: 17px !important;
	margin: 0 !important;
	padding: 0 !important;
	fill: currentColor !important;
}
body.single-post.go-verge .go-inline-cta--share-only .go-inline-cta__share-link span {
	display: inline !important;
	min-inline-size: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	color: inherit !important;
	font: inherit !important;
	line-height: inherit !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
}
html[data-theme="light-mode"] body.single-post.go-verge .go-article__content .go-inline-cta--share-only a.go-inline-cta__share-link:hover,
html[data-theme="light"] body.single-post.go-verge .go-article__content .go-inline-cta--share-only a.go-inline-cta__share-link:hover {
	border-color: #421aff !important;
	color: #421aff !important;
}
html[data-theme="dark-mode"] body.single-post.go-verge .go-article__content .go-inline-cta--share-only a.go-inline-cta__share-link:hover,
html[data-theme="dark"] body.single-post.go-verge .go-article__content .go-inline-cta--share-only a.go-inline-cta__share-link:hover {
	border-color: #d8ff38 !important;
	color: #d8ff38 !important;
}

/* Top byline: same clean author language as the end-of-story field. */
body.single-post.go-verge .go-article__meta--below-hero {
	align-items: center !important;
	color: var(--text-secondary) !important;
}
body.single-post.go-verge .go-article__meta--below-hero .go-article__avatar {
	inline-size: 38px !important;
	block-size: 38px !important;
	flex: 0 0 38px !important;
	border-radius: 50% !important;
	overflow: hidden !important;
}
body.single-post.go-verge .go-article__meta--below-hero .go-article__avatar img {
	inline-size: 38px !important;
	block-size: 38px !important;
	object-fit: cover !important;
}
body.single-post.go-verge .go-article__meta--below-hero .go-byline {
	color: var(--text) !important;
	font-family: "Barlow Condensed", var(--font-sans), sans-serif !important;
	font-size: .92rem !important;
	font-weight: 700 !important;
	letter-spacing: .02em !important;
	text-transform: none !important;
}
body.single-post.go-verge .go-article__meta--below-hero :where(.go-time, .go-mono, .go-dot) {
	color: var(--text-secondary) !important;
	font-family: "Source Sans 3", var(--font-sans), sans-serif !important;
	font-size: .78rem !important;
	font-weight: 500 !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
}

/* -------------------------------------------------------------------------
   10. Back-to-top above accessibility, both on the right
   ------------------------------------------------------------------------- */
body.go-verge .go-a11y {
	inset-inline-start: auto !important;
	inset-inline-end: clamp(16px, 2.4vw, 28px) !important;
	inset-block-end: clamp(16px, 2.4vw, 28px) !important;
}
body.go-verge .go-a11y__panel {
	inset-inline-start: auto !important;
	inset-inline-end: 0 !important;
}
body.go-verge .go-backtop {
	inset-inline-start: auto !important;
	inset-inline-end: clamp(16px, 2.4vw, 28px) !important;
	inset-block-end: clamp(72px, 6.5vw, 84px) !important;
	background: var(--slate) !important;
	color: var(--text) !important;
}
/* Respect AdSense's bottom-anchor safe area while keeping the back-to-top above accessibility. */
html body.go-has-bottom-anchor.go-verge .go-a11y {
	inset-block-end: var(--go-bottom-anchor-control, calc(var(--go-bottom-anchor-space, 0px) + 12px + env(safe-area-inset-bottom))) !important;
}
html body.go-has-bottom-anchor.go-verge .go-backtop {
	inset-block-end: calc(var(--go-bottom-anchor-control, calc(var(--go-bottom-anchor-space, 0px) + 12px + env(safe-area-inset-bottom))) + 56px) !important;
}
html[data-theme="light-mode"] body.go-verge .go-backtop:hover,
html[data-theme="light"] body.go-verge .go-backtop:hover {
	border-color: #421aff !important;
	color: #421aff !important;
}
html[data-theme="dark-mode"] body.go-verge .go-backtop:hover,
html[data-theme="dark"] body.go-verge .go-backtop:hover {
	border-color: #d8ff38 !important;
	color: #d8ff38 !important;
}

/* -------------------------------------------------------------------------
   11. Small-screen safeguards
   ------------------------------------------------------------------------- */
@media (max-width: 767px) {
	body.single-post.go-verge .go-article__hero-tag {
		inset-block-start: 10px !important;
		inset-inline-end: 10px !important;
		max-inline-size: calc(100% - 20px) !important;
	}
	body.single-post.go-verge .go-article__hero-tag-label,
	body.single-post.go-verge .go-article__hero-tag-game {
		min-block-size: 32px !important;
		padding: 7px 9px !important;
		font-size: .68rem !important;
	}
	body.single-post.go-verge .go-inline-cta--share-only .go-inline-cta__share {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
	body.single-post.go-verge .go-article__content .go-inline-cta--share-only a.go-inline-cta__share-link {
		justify-content: flex-start !important;
		padding-inline: 11px !important;
	}
	body.single-post.go-verge .go-author-card {
		grid-template-columns: 54px minmax(0, 1fr) !important;
		gap: 13px !important;
		padding-block: 18px !important;
	}
	body.single-post.go-verge .go-author-card__avatar,
	body.single-post.go-verge .go-author-card__avatar img {
		inline-size: 54px !important;
		block-size: 54px !important;
	}
	body.go-verge .go-a11y {
		inset-inline-end: 12px !important;
		inset-block-end: 12px !important;
	}
	body.go-verge .go-backtop {
		inset-inline-end: 12px !important;
		inset-block-end: 68px !important;
	}
	html body.go-has-bottom-anchor.go-verge .go-a11y {
		inset-block-end: calc(var(--go-bottom-anchor-space, 0px) + 8px + env(safe-area-inset-bottom)) !important;
	}
	html body.go-has-bottom-anchor.go-verge .go-backtop {
		inset-block-end: calc(var(--go-bottom-anchor-space, 0px) + 64px + env(safe-area-inset-bottom)) !important;
	}
}

@media (max-width: 390px) {
	body.single-post.go-verge .go-inline-cta--share-only .go-inline-cta__share {
		grid-template-columns: 1fr !important;
	}
}

/* ========================================================================
   2026-08-24 — scored hero, Auto Ads-safe prose, captions and light/dark QA
   ======================================================================== */

/* Auto Ads must see ordinary article flow. Do not create placeholder divs,
   do not clip Google's wrappers, and never hide a Google-generated placement. */
body.single-post.go-verge .go-article__content[data-go-auto-ads-root="article"] {
	display: block !important;
	position: relative;
	contain: none !important;
	content-visibility: visible !important;
	overflow: visible !important;
	isolation: auto !important;
}
body.single-post.go-verge .go-article__content > .od-ad-break[data-go-ad-break],
body.single-post.go-verge .go-article__content > .go-auto-ad-opportunity[data-go-ad-break] {
	display: block !important;
	clear: both !important;
	inline-size: 100% !important;
	max-inline-size: 100% !important;
	min-inline-size: 0 !important;
	block-size: 0 !important;
	min-block-size: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	overflow: visible !important;
	contain: none !important;
}
body.single-post.go-verge .go-article__content > .od-ad-break[data-go-ad-break]:has(ins.adsbygoogle),
body.single-post.go-verge .go-article__content > .od-ad-break[data-go-ad-break]:has(.google-auto-placed),
body.single-post.go-verge .go-article__content > .go-auto-ad-opportunity[data-go-ad-break]:has(ins.adsbygoogle),
body.single-post.go-verge .go-article__content > .go-auto-ad-opportunity[data-go-ad-break]:has(.google-auto-placed) {
	block-size: auto !important;
	min-block-size: 90px !important;
	margin-block: 1.55rem !important;
}
body.single-post.go-verge .go-article__content .google-auto-placed,
body.single-post.go-verge .go-article__content .google-auto-placed > *,
body.single-post.go-verge .go-article__content ins.adsbygoogle {
	contain: none !important;
	max-inline-size: 100%;
}
/* Important: previous builds used display:none on automatic placements that
   landed inside a theme module. Never override Google's visibility decision. */
body.go-verge [data-go-ad-integrity="atomic"] .google-auto-placed {
	contain: none !important;
}

/* Photo captions: centered under normal images and editorial galleries. */
body.single-post.go-verge .go-article__content :where(
	figcaption,
	.wp-element-caption,
	.wp-caption-text,
	.wp-block-image figcaption,
	.wp-block-gallery figcaption,
	.go-editorial-gallery .wp-element-caption,
	.go-editorial-gallery .wp-caption-text
) {
	inline-size: 100% !important;
	margin-inline: auto !important;
	text-align: center !important;
}

/* ------------------------------------------------------------------------
   Reviews and críticas: image-led scored masthead inspired by the supplied
   reference. Existing markup is re-layered instead of duplicated, so title,
   byline and share controls retain their normal semantics and JS bindings.
   ------------------------------------------------------------------------ */
body.single-post.go-verge .go-article--scored .go-article__main--portal {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) !important;
	grid-template-rows: auto auto !important;
	position: relative !important;
	min-inline-size: 0;
}
body.single-post.go-verge .go-article--scored .go-article__hero {
	grid-column: 1 !important;
	grid-row: 1 !important;
	position: relative !important;
	z-index: 1 !important;
	inline-size: 100% !important;
	min-block-size: clamp(470px, 48vw, 620px) !important;
	margin: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: #0f1115 !important;
	overflow: hidden !important;
	isolation: isolate;
}
body.single-post.go-verge .go-article--scored .go-article__hero .go-frame {
	position: absolute !important;
	inset: 0 !important;
	inline-size: 100% !important;
	block-size: 100% !important;
	min-block-size: 100% !important;
	margin: 0 !important;
	border-radius: 0 !important;
	overflow: hidden !important;
}
body.single-post.go-verge .go-article--scored .go-article__hero .go-frame::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 2;
	pointer-events: none;
	background:
		linear-gradient(180deg, rgba(7,9,12,.04) 0%, rgba(7,9,12,.08) 30%, rgba(7,9,12,.76) 72%, rgba(7,9,12,.97) 100%),
		linear-gradient(90deg, rgba(7,9,12,.22) 0%, transparent 62%);
}
body.single-post.go-verge .go-article--scored .go-article__hero .go-frame > img,
body.single-post.go-verge .go-article--scored .go-article__hero .go-frame > picture,
body.single-post.go-verge .go-article--scored .go-article__hero .go-frame > picture > img {
	inline-size: 100% !important;
	block-size: 100% !important;
	min-block-size: 100% !important;
	max-block-size: none !important;
	object-fit: cover !important;
	object-position: center center !important;
}
body.single-post.go-verge .go-article--scored .go-article__hero-tag {
	display: none !important;
}

body.single-post.go-verge .go-article--scored .go-article__header {
	grid-column: 1 !important;
	grid-row: 1 !important;
	align-self: end !important;
	position: relative !important;
	z-index: 4 !important;
	display: grid !important;
	grid-template-columns: 76px minmax(0, 1fr) !important;
	column-gap: 18px !important;
	row-gap: 8px !important;
	inline-size: min(100%, 930px) !important;
	max-inline-size: none !important;
	margin: 0 !important;
	padding: 0 28px 112px !important;
	color: #fff !important;
	pointer-events: none;
}
body.single-post.go-verge .go-article--scored .go-article__breadcrumb-strip {
	display: none !important;
}
body.single-post.go-verge .go-article--scored .go-scored-hero__kicker {
	grid-column: 1 / -1 !important;
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
	min-inline-size: 0;
	color: #d8ff38 !important;
	font-family: "Barlow Condensed", var(--font-display), sans-serif !important;
	font-size: .78rem !important;
	font-weight: 700 !important;
	line-height: 1 !important;
	letter-spacing: .08em !important;
	text-transform: uppercase !important;
}
body.single-post.go-verge .go-article--scored .go-scored-hero__kicker::after {
	content: "";
	flex: 1 1 auto;
	block-size: 1px;
	background: #d8ff38;
	opacity: .95;
}
body.single-post.go-verge .go-article--scored .go-scored-hero__score {
	grid-column: 1 !important;
	grid-row: 2 / span 2 !important;
	align-self: start !important;
	display: grid !important;
	place-items: center !important;
	inline-size: 74px !important;
	block-size: 80px !important;
	padding: 7px 5px !important;
	background: #d8ff38 !important;
	color: #111217 !important;
	font-family: "Barlow Condensed", var(--font-display), sans-serif !important;
	text-align: center !important;
	box-sizing: border-box !important;
}
body.single-post.go-verge .go-article--scored .go-scored-hero__score strong {
	display: block;
	font-size: 2.25rem !important;
	font-weight: 700 !important;
	line-height: .95 !important;
	letter-spacing: -.025em;
}
body.single-post.go-verge .go-article--scored .go-scored-hero__score span {
	display: block;
	align-self: end;
	font-size: .56rem !important;
	font-weight: 700 !important;
	line-height: 1 !important;
	letter-spacing: .07em !important;
	text-transform: uppercase;
}
body.single-post.go-verge .go-article--scored .go-article__title {
	grid-column: 2 !important;
	grid-row: 2 !important;
	align-self: end !important;
	max-inline-size: 760px !important;
	margin: 0 !important;
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
	font-size: clamp(2.5rem, 4.7vw, 4.55rem) !important;
	line-height: .94 !important;
	letter-spacing: -.025em !important;
	text-wrap: balance;
}
body.single-post.go-verge .go-article--scored .go-article__deck {
	grid-column: 2 !important;
	grid-row: 3 !important;
	max-inline-size: 680px !important;
	margin: 0 !important;
	color: rgba(255,255,255,.91) !important;
	-webkit-text-fill-color: rgba(255,255,255,.91) !important;
	font-size: clamp(1rem, 1.45vw, 1.16rem) !important;
	line-height: 1.35 !important;
}
body.single-post.go-verge .go-article--scored.go-article--critique .go-scored-hero__score {
	background: #d8ff38 !important;
}

body.single-post.go-verge .go-article--scored .go-article__posthero-bar {
	grid-column: 1 !important;
	grid-row: 1 !important;
	align-self: end !important;
	position: relative !important;
	z-index: 5 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 18px !important;
	inline-size: 100% !important;
	max-inline-size: none !important;
	margin: 0 !important;
	padding: 0 28px 24px !important;
	border: 0 !important;
	background: transparent !important;
	color: #fff !important;
	box-sizing: border-box !important;
}
body.single-post.go-verge .go-article--scored .go-article__posthero-bar :where(.go-byline, .go-mono, .go-time, .go-dot, a, button) {
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
}
body.single-post.go-verge .go-article--scored .go-article__avatar img {
	inline-size: 34px !important;
	block-size: 34px !important;
}
body.single-post.go-verge .go-article--scored .go-article-actions {
	margin-inline-start: auto !important;
}
body.single-post.go-verge .go-article--scored .go-article-actions :where(button, a) {
	border-color: rgba(255,255,255,.28) !important;
	background: rgba(15,17,21,.74) !important;
	backdrop-filter: blur(8px);
}
body.single-post.go-verge .go-article--scored .go-article-actions :where(button, a):hover {
	border-color: #d8ff38 !important;
	color: #d8ff38 !important;
	-webkit-text-fill-color: #d8ff38 !important;
}

/* Keep the manual featured-image unit out of the headline/deck zone. */
body.single-post.go-verge .go-article--scored .go-article__hero--ad-ready .go-ad-slot--article-hero-overlay {
	inset-block-start: 14px !important;
	inset-block-end: auto !important;
	z-index: 6 !important;
	max-block-size: 100px !important;
}
body.single-post.go-verge .go-article--scored .go-ad-slot--article-hero-overlay.is-ad-filled > ins {
	max-block-size: 100px !important;
}

body.single-post.go-verge .go-article--scored .go-article__reading {
	grid-column: 1 !important;
	grid-row: 2 !important;
	margin-block-start: 28px !important;
}

@media (max-width: 767px) {
	body.single-post.go-verge .go-article--scored .go-article__hero {
		min-block-size: 520px !important;
	}
	body.single-post.go-verge .go-article--scored .go-article__header {
		grid-template-columns: 60px minmax(0,1fr) !important;
		column-gap: 12px !important;
		row-gap: 7px !important;
		padding: 0 16px 132px !important;
	}
	body.single-post.go-verge .go-article--scored .go-scored-hero__score {
		inline-size: 58px !important;
		block-size: 66px !important;
	}
	body.single-post.go-verge .go-article--scored .go-scored-hero__score strong {
		font-size: 1.78rem !important;
	}
	body.single-post.go-verge .go-article--scored .go-article__title {
		font-size: clamp(2.05rem, 9.4vw, 3.05rem) !important;
		line-height: .96 !important;
	}
	body.single-post.go-verge .go-article--scored .go-article__deck {
		font-size: .98rem !important;
		line-height: 1.32 !important;
	}
	body.single-post.go-verge .go-article--scored .go-article__posthero-bar {
		align-items: flex-end !important;
		padding: 0 16px 18px !important;
	}
	body.single-post.go-verge .go-article--scored .go-article__posthero-bar .go-article__meta {
		min-inline-size: 0 !important;
		font-size: .78rem !important;
	}
	body.single-post.go-verge .go-article--scored .go-article__posthero-bar .go-article-actions {
		flex: 0 0 auto !important;
	}
	body.single-post.go-verge .go-article--scored .go-article__hero--ad-ready .go-ad-slot--article-hero-overlay {
		inset-block-start: 8px !important;
		inline-size: min(320px, calc(100% - 24px)) !important;
	}
}

/* Inline share: hard, final mobile geometry. No global SVG rule may enlarge it. */
body.single-post.go-verge .go-article__content .go-inline-cta--share-only {
	display: grid !important;
	grid-template-columns: minmax(0,1fr) auto !important;
	align-items: center !important;
	gap: 14px !important;
	inline-size: 100% !important;
	max-inline-size: 100% !important;
	min-inline-size: 0 !important;
	overflow: hidden !important;
}
body.single-post.go-verge .go-inline-cta--share-only .go-inline-cta__share-heading {
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
	min-inline-size: 0 !important;
}
body.single-post.go-verge .go-inline-cta--share-only .go-inline-cta__share-emblem,
body.single-post.go-verge .go-inline-cta--share-only .go-inline-cta__share-emblem svg {
	inline-size: 28px !important;
	block-size: 28px !important;
	min-inline-size: 28px !important;
	min-block-size: 28px !important;
	max-inline-size: 28px !important;
	max-block-size: 28px !important;
}
body.single-post.go-verge .go-inline-cta--share-only .go-inline-cta__share {
	display: grid !important;
	grid-template-columns: repeat(4, 40px) !important;
	gap: 8px !important;
	min-inline-size: 0 !important;
}
body.single-post.go-verge .go-article__content .go-inline-cta--share-only a.go-inline-cta__share-link,
body.single-post.go-verge .go-article__content .go-inline-cta--share-only a.go-inline-cta__share-link:visited {
	display: grid !important;
	place-items: center !important;
	inline-size: 40px !important;
	block-size: 40px !important;
	min-inline-size: 40px !important;
	min-block-size: 40px !important;
	padding: 0 !important;
	margin: 0 !important;
	border-radius: 999px !important;
	text-decoration: none !important;
}
body.single-post.go-verge .go-article__content .go-inline-cta--share-only a.go-inline-cta__share-link svg {
	inline-size: 17px !important;
	block-size: 17px !important;
	max-inline-size: 17px !important;
	max-block-size: 17px !important;
}
body.single-post.go-verge .go-inline-cta--share-only .go-inline-cta__share-link span {
	display: none !important;
}
@media (max-width: 560px) {
	body.single-post.go-verge .go-article__content .go-inline-cta--share-only {
		grid-template-columns: minmax(0,1fr) !important;
		gap: 12px !important;
		padding: 16px !important;
	}
	body.single-post.go-verge .go-inline-cta--share-only .go-inline-cta__share {
		grid-template-columns: repeat(4, minmax(0,1fr)) !important;
		inline-size: 100% !important;
	}
	body.single-post.go-verge .go-article__content .go-inline-cta--share-only a.go-inline-cta__share-link,
	body.single-post.go-verge .go-article__content .go-inline-cta--share-only a.go-inline-cta__share-link:visited {
		inline-size: 100% !important;
		min-inline-size: 0 !important;
	}
}

/* ========================================================================
   v3.10.39 — Review / crítica cinematic masthead.
   These pages use the supplied Overdrive reference: a full-bleed featured
   image directly below the two-tier header, dark editorial gradient, score +
   headline on the image and author/actions anchored at the bottom. The normal
   portal body and right rail begin only after the masthead.
   ======================================================================== */
body.single-post.go-verge .go-article--scored > .go-scored-masthead {
	position: relative;
	isolation: isolate;
	inline-size: 100vw;
	max-inline-size: 100vw;
	min-block-size: clamp(540px, 64vh, 760px);
	margin-inline: calc(50% - 50vw);
	margin-block: 0;
	background: #0f1115;
	color: #fff;
	overflow: hidden;
}
body.single-post.go-verge .go-scored-masthead__media,
body.single-post.go-verge .go-scored-masthead__shade {
	position: absolute;
	inset: 0;
}
body.single-post.go-verge .go-scored-masthead__media {
	z-index: 0;
	background: #0f1115;
}
body.single-post.go-verge .go-scored-masthead__media > img,
body.single-post.go-verge .go-scored-masthead__media > picture,
body.single-post.go-verge .go-scored-masthead__media > picture > img {
	display: block;
	inline-size: 100%;
	block-size: 100%;
	min-block-size: 100%;
	max-block-size: none;
	object-fit: cover;
	object-position: center 45%;
}
body.single-post.go-verge .go-scored-masthead__shade {
	z-index: 1;
	pointer-events: none;
	background:
		linear-gradient(180deg, rgba(7, 9, 12, .02) 0%, rgba(7, 9, 12, .08) 34%, rgba(7, 9, 12, .58) 68%, rgba(7, 9, 12, .96) 100%),
		linear-gradient(90deg, rgba(7, 9, 12, .34) 0%, rgba(7, 9, 12, .08) 46%, rgba(7, 9, 12, .15) 100%);
}
body.single-post.go-verge .go-scored-masthead__inner {
	position: relative;
	z-index: 2;
	display: flex;
	align-items: flex-end;
	min-block-size: clamp(540px, 64vh, 760px);
	padding-block: clamp(90px, 12vh, 150px) 28px;
}
body.single-post.go-verge .go-scored-masthead__copy {
	inline-size: min(100%, 1000px);
	margin-inline: 0 auto;
}
body.single-post.go-verge .go-scored-masthead__kicker {
	display: flex;
	align-items: center;
	gap: 12px;
	inline-size: 100%;
	margin-block-end: 10px;
	color: #d8ff38;
	font-family: "Barlow Condensed", var(--font-display), sans-serif;
	font-size: .82rem;
	font-weight: 700;
	line-height: 1;
	letter-spacing: .08em;
	text-transform: uppercase;
}
body.single-post.go-verge .go-scored-masthead__kicker i {
	flex: 1 1 auto;
	block-size: 1px;
	background: #d8ff38;
	opacity: .95;
}
body.single-post.go-verge .go-scored-masthead__lead {
	display: grid;
	grid-template-columns: 82px minmax(0, 1fr);
	align-items: start;
	gap: 18px;
}
body.single-post.go-verge .go-scored-masthead.has-no-score .go-scored-masthead__lead {
	grid-template-columns: minmax(0, 1fr);
}
body.single-post.go-verge .go-scored-masthead__score {
	display: grid;
	grid-template-rows: 1fr auto;
	place-items: center;
	inline-size: 82px;
	block-size: 88px;
	padding: 8px 6px 7px;
	box-sizing: border-box;
	background: #d8ff38;
	color: #101217;
	font-family: "Barlow Condensed", var(--font-display), sans-serif;
	text-align: center;
}
body.single-post.go-verge .go-scored-masthead__score strong {
	align-self: center;
	font-size: clamp(2.45rem, 3.4vw, 3.2rem);
	font-weight: 700;
	line-height: .9;
	letter-spacing: -.025em;
}
body.single-post.go-verge .go-scored-masthead__score span {
	font-size: .6rem;
	font-weight: 700;
	line-height: 1;
	letter-spacing: .075em;
	text-transform: uppercase;
}
body.single-post.go-verge .go-scored-masthead__headline {
	min-inline-size: 0;
}
body.single-post.go-verge .go-scored-masthead__title {
	max-inline-size: 850px;
	margin: 0;
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
	font-family: "Barlow Condensed", var(--font-display), sans-serif;
	font-size: clamp(3rem, 4.9vw, 5.15rem);
	font-weight: 700;
	line-height: .93;
	letter-spacing: -.028em;
	text-wrap: balance;
	text-shadow: 0 2px 18px rgba(0, 0, 0, .28);
}
body.single-post.go-verge .go-scored-masthead__deck {
	max-inline-size: 720px;
	margin: 10px 0 0;
	color: rgba(255,255,255,.93) !important;
	-webkit-text-fill-color: rgba(255,255,255,.93) !important;
	font-family: "Source Sans 3", var(--font-sans), sans-serif;
	font-size: clamp(1.02rem, 1.3vw, 1.2rem);
	font-weight: 400;
	line-height: 1.38;
	text-wrap: pretty;
}
body.single-post.go-verge .go-scored-masthead__footer {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 24px;
	margin-block-start: 34px;
}
body.single-post.go-verge .go-scored-masthead__meta {
	display: flex;
	align-items: center;
	gap: 11px;
	min-inline-size: 0;
	color: #fff;
}
body.single-post.go-verge .go-scored-masthead__avatar,
body.single-post.go-verge .go-scored-masthead__avatar img {
	display: block;
	inline-size: 38px;
	block-size: 38px;
	border-radius: 50%;
}
body.single-post.go-verge .go-scored-masthead__meta-copy {
	display: grid;
	gap: 2px;
	min-inline-size: 0;
}
body.single-post.go-verge .go-scored-masthead__meta :where(a, .go-byline, .go-mono, .go-time) {
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
}
body.single-post.go-verge .go-scored-masthead__meta .go-byline {
	font-family: "Source Sans 3", var(--font-sans), sans-serif;
	font-size: .98rem;
	font-weight: 700;
	line-height: 1.1;
}
body.single-post.go-verge .go-scored-masthead__meta-line {
	display: flex;
	align-items: center;
	gap: 5px;
	color: rgba(255,255,255,.76);
	font-family: "Source Sans 3", var(--font-sans), sans-serif;
	font-size: .77rem;
	line-height: 1.2;
}
body.single-post.go-verge .go-scored-masthead__actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 8px;
	margin-inline-start: auto;
}
body.single-post.go-verge .go-scored-masthead__action,
body.single-post.go-verge .go-scored-masthead__actions .go-product-action--save {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-block-size: 38px;
	margin: 0 !important;
	border: 1px solid rgba(255,255,255,.16) !important;
	border-radius: 999px !important;
	background: rgba(15,17,21,.72) !important;
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
	box-shadow: none !important;
	backdrop-filter: blur(8px);
	font-family: "Barlow Condensed", var(--font-display), sans-serif !important;
	font-size: .72rem !important;
	font-weight: 700 !important;
	line-height: 1 !important;
	letter-spacing: .035em !important;
	text-decoration: none !important;
	text-transform: uppercase !important;
	cursor: pointer;
	transition: border-color .16s ease, color .16s ease, background .16s ease;
}
body.single-post.go-verge .go-scored-masthead__action--icon {
	inline-size: 38px;
	min-inline-size: 38px;
	padding: 0;
}
body.single-post.go-verge .go-scored-masthead__action--icon svg {
	inline-size: 15px;
	block-size: 15px;
}
body.single-post.go-verge .go-scored-masthead__action--text,
body.single-post.go-verge .go-scored-masthead__actions .go-product-action--save {
	padding-inline: 14px !important;
}
body.single-post.go-verge .go-scored-masthead__actions .go-product-action--save > span[aria-hidden="true"] {
	display: none;
}
body.single-post.go-verge .go-scored-masthead__action:hover,
body.single-post.go-verge .go-scored-masthead__action:focus-visible,
body.single-post.go-verge .go-scored-masthead__actions .go-product-action--save:hover,
body.single-post.go-verge .go-scored-masthead__actions .go-product-action--save:focus-visible {
	border-color: #d8ff38 !important;
	background: rgba(15,17,21,.88) !important;
	color: #d8ff38 !important;
	-webkit-text-fill-color: #d8ff38 !important;
}

/* The article starts only after the cinematic masthead; the normal portal rail
   still begins beside the copy, as in the supplied review reference. */
body.single-post.go-verge .go-article--scored .go-article-layout--after-scored-masthead {
	margin-block-start: clamp(28px, 3vw, 44px) !important;
}
body.single-post.go-verge .go-article--scored .go-article-layout--after-scored-masthead .go-article__main--portal {
	display: block !important;
	position: static !important;
}
body.single-post.go-verge .go-article--scored .go-article-layout--after-scored-masthead .go-article__reading {
	display: block !important;
	grid-column: auto !important;
	grid-row: auto !important;
	inline-size: min(100%, var(--reading, 720px)) !important;
	max-inline-size: var(--reading, 720px) !important;
	margin: 0 !important;
}
body.single-post.go-verge .go-article--scored .go-article-layout--after-scored-masthead > .go-article-sidebar {
	margin-top: 0 !important;
}

@media (max-width: 1100px) {
	body.single-post.go-verge .go-article--scored > .go-scored-masthead,
	body.single-post.go-verge .go-scored-masthead__inner {
		min-block-size: clamp(520px, 66vh, 680px);
	}
	body.single-post.go-verge .go-scored-masthead__copy {
		inline-size: min(100%, 900px);
	}
}

@media (max-width: 767px) {
	body.single-post.go-verge .go-article--scored > .go-scored-masthead,
	body.single-post.go-verge .go-scored-masthead__inner {
		min-block-size: clamp(520px, 78svh, 680px);
	}
	body.single-post.go-verge .go-scored-masthead__media > img,
	body.single-post.go-verge .go-scored-masthead__media > picture > img {
		object-position: center 36%;
	}
	body.single-post.go-verge .go-scored-masthead__shade {
		background:
			linear-gradient(180deg, rgba(7,9,12,.04) 0%, rgba(7,9,12,.1) 28%, rgba(7,9,12,.72) 61%, rgba(7,9,12,.98) 100%),
			linear-gradient(90deg, rgba(7,9,12,.22), rgba(7,9,12,.04));
	}
	body.single-post.go-verge .go-scored-masthead__inner {
		padding-block: 86px 18px;
	}
	body.single-post.go-verge .go-scored-masthead__copy {
		inline-size: 100%;
	}
	body.single-post.go-verge .go-scored-masthead__kicker {
		font-size: .72rem;
		margin-block-end: 8px;
	}
	body.single-post.go-verge .go-scored-masthead__lead {
		grid-template-columns: 62px minmax(0, 1fr);
		gap: 12px;
	}
	body.single-post.go-verge .go-scored-masthead__score {
		inline-size: 62px;
		block-size: 70px;
		padding: 7px 4px 6px;
	}
	body.single-post.go-verge .go-scored-masthead__score strong {
		font-size: 2rem;
	}
	body.single-post.go-verge .go-scored-masthead__score span {
		font-size: .52rem;
	}
	body.single-post.go-verge .go-scored-masthead__title {
		font-size: clamp(2.35rem, 10.6vw, 3.5rem);
		line-height: .94;
	}
	body.single-post.go-verge .go-scored-masthead__deck {
		margin-top: 8px;
		font-size: .96rem;
		line-height: 1.34;
	}
	body.single-post.go-verge .go-scored-masthead__footer {
		align-items: flex-end;
		gap: 14px;
		margin-block-start: 24px;
	}
	body.single-post.go-verge .go-scored-masthead__avatar,
	body.single-post.go-verge .go-scored-masthead__avatar img {
		inline-size: 34px;
		block-size: 34px;
	}
	body.single-post.go-verge .go-scored-masthead__actions {
		gap: 6px;
	}
	body.single-post.go-verge .go-scored-masthead__action,
	body.single-post.go-verge .go-scored-masthead__actions .go-product-action--save {
		min-block-size: 34px;
		font-size: .65rem !important;
	}
	body.single-post.go-verge .go-scored-masthead__action--icon {
		inline-size: 34px;
		min-inline-size: 34px;
	}
	body.single-post.go-verge .go-scored-masthead__action--text,
	body.single-post.go-verge .go-scored-masthead__actions .go-product-action--save {
		padding-inline: 10px !important;
	}
	body.single-post.go-verge .go-article--scored .go-article-layout--after-scored-masthead .go-article__reading {
		inline-size: 100% !important;
		max-inline-size: none !important;
	}
}

@media (max-width: 520px) {
	body.single-post.go-verge .go-scored-masthead__footer {
		align-items: flex-start;
		flex-direction: column;
	}
	body.single-post.go-verge .go-scored-masthead__actions {
		justify-content: flex-start;
		margin-inline-start: 0;
	}
}

@media (prefers-reduced-motion: reduce) {
	body.single-post.go-verge .go-scored-masthead__action,
	body.single-post.go-verge .go-scored-masthead__actions .go-product-action--save {
		transition: none;
	}
}

/* ============================================================
   4.7.1 parity follow-up: editorial filters + Mais lidas module
   ============================================================ */

/* Shared horizontal editorial filters / chips */
body.go-verge :is(.go-chips--filter, .go-latest-filters) {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px 18px;
  margin: 0 0 clamp(20px, 2.6vw, 30px);
  padding: 0;
  border: 0;
}

body.go-verge :is(.go-chips--filter, .go-latest-filters) a,
body.go-verge .go-latest-filter {
  --go-filter-pill-bg: transparent;
  --go-filter-pill-color: var(--text-secondary);
  --go-filter-pill-border: color-mix(in srgb, var(--frame) 90%, transparent);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 11px 14px;
  border: 1px solid transparent;
  border-radius: 12px;
  background: var(--go-filter-pill-bg) !important;
  color: var(--go-filter-pill-color) !important;
  font-family: var(--font-mono);
  font-size: clamp(.68rem, .72vw, .78rem);
  font-weight: 700;
  letter-spacing: .11em;
  line-height: 1;
  text-transform: uppercase;
  text-decoration: none;
  box-shadow: none !important;
  transition: color .18s ease, background-color .18s ease, border-color .18s ease, transform .18s ease;
}

body.go-verge :is(.go-chips--filter, .go-latest-filters) a::after,
body.go-verge .go-latest-filter::after {
  display: none !important;
}

html[data-theme="light-mode"] body.go-verge :is(.go-chips--filter, .go-latest-filters) a,
html[data-theme="light-mode"] body.go-verge .go-latest-filter {
  --go-filter-pill-color: #324055;
}

html[data-theme="dark-mode"] body.go-verge :is(.go-chips--filter, .go-latest-filters) a,
html[data-theme="dark-mode"] body.go-verge .go-latest-filter {
  --go-filter-pill-color: rgba(245, 247, 250, .8);
}

html[data-theme="light-mode"] body.go-verge :is(.go-chips--filter, .go-latest-filters) a:hover,
html[data-theme="light-mode"] body.go-verge :is(.go-chips--filter, .go-latest-filters) a:focus-visible,
html[data-theme="light-mode"] body.go-verge .go-latest-filter:hover,
html[data-theme="light-mode"] body.go-verge .go-latest-filter:focus-visible {
  color: #2458ff !important;
  background: color-mix(in srgb, #2458ff 8%, transparent) !important;
  border-color: color-mix(in srgb, #2458ff 16%, transparent) !important;
  transform: translateY(-1px);
}

html[data-theme="dark-mode"] body.go-verge :is(.go-chips--filter, .go-latest-filters) a:hover,
html[data-theme="dark-mode"] body.go-verge :is(.go-chips--filter, .go-latest-filters) a:focus-visible,
html[data-theme="dark-mode"] body.go-verge .go-latest-filter:hover,
html[data-theme="dark-mode"] body.go-verge .go-latest-filter:focus-visible {
  color: var(--lime) !important;
  background: color-mix(in srgb, var(--lime) 10%, transparent) !important;
  border-color: color-mix(in srgb, var(--lime) 18%, transparent) !important;
  transform: translateY(-1px);
}

body.go-verge :is(.go-chips--filter, .go-latest-filters) a.is-active,
body.go-verge :is(.go-chips--filter, .go-latest-filters) a[aria-current="page"],
body.go-verge .go-latest-filter.is-active,
body.go-verge .go-latest-filter[aria-current="page"] {
  color: #0e1308 !important;
  background: var(--lime) !important;
  border-color: var(--lime) !important;
  transform: none;
}

html[data-theme="dark-mode"] body.go-verge :is(.go-chips--filter, .go-latest-filters) a.is-active,
html[data-theme="dark-mode"] body.go-verge :is(.go-chips--filter, .go-latest-filters) a[aria-current="page"],
html[data-theme="dark-mode"] body.go-verge .go-latest-filter.is-active,
html[data-theme="dark-mode"] body.go-verge .go-latest-filter[aria-current="page"] {
  box-shadow: 0 10px 28px rgba(216, 255, 56, .16) !important;
}

@media (max-width: 900px) {
  body.go-verge :is(.go-chips--filter, .go-latest-filters) {
    flex-wrap: nowrap;
    gap: 10px;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 4px;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }

  body.go-verge :is(.go-chips--filter, .go-latest-filters)::-webkit-scrollbar {
    display: none;
  }

  body.go-verge :is(.go-chips--filter, .go-latest-filters) a,
  body.go-verge .go-latest-filter {
    flex: 0 0 auto;
    white-space: nowrap;
  }
}

/* More readable "Mais lidas" / ranked aside module */
body.go-verge .go-aside-module {
  padding: 0;
  background: transparent;
  border: 0;
}

body.go-verge .go-aside-module + .go-aside-module {
  margin-top: clamp(20px, 2.6vw, 28px);
}

body.go-verge .go-aside-module .go-section__head {
  margin-bottom: 10px;
}

body.go-verge .go-aside-module .go-section__title {
  color: var(--text);
  font-size: clamp(1.55rem, 2vw, 2rem);
  font-weight: 800;
  letter-spacing: -.03em;
  line-height: .98;
  text-transform: uppercase;
}

body.go-verge .go-aside-list {
  display: grid;
  gap: 0;
}

body.go-verge .go-aside-item {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  align-items: start;
  column-gap: 16px;
  row-gap: 0;
  padding: 16px 0;
  border-bottom: 1px solid color-mix(in srgb, var(--frame) 82%, transparent);
}

body.go-verge .go-aside-list .go-aside-item:last-child {
  border-bottom: 0;
}

body.go-verge .go-aside-item__rank {
  display: inline-flex;
  align-items: flex-start;
  justify-content: flex-start;
  min-width: 24px;
  padding-top: 1px;
  color: var(--lime-dim);
  font-family: var(--font-sans);
  font-size: clamp(1.6rem, 1.9vw, 2rem);
  font-weight: 800;
  line-height: 1;
  letter-spacing: -.04em;
}

body.go-verge .go-aside-item__body {
  min-width: 0;
}

body.go-verge .go-aside-item__title {
  margin: 0;
  font-family: var(--font-sans);
  font-size: clamp(1.02rem, 1.1vw, 1.18rem);
  font-weight: 780;
  line-height: 1.2;
  letter-spacing: -.022em;
}

body.go-verge .go-aside-item__title a {
  color: var(--text);
  text-decoration: none;
}

html[data-theme="light-mode"] body.go-verge .go-aside-item__title a {
  color: #161a22;
}

html[data-theme="dark-mode"] body.go-verge .go-aside-item__title a {
  color: rgba(255,255,255,.96);
}

body.go-verge .go-aside-item__meta,
body.go-verge .go-aside-item__meta .go-time {
  margin-top: 8px;
  color: var(--text-secondary);
  font-size: .98rem;
  line-height: 1.35;
}

html[data-theme="light-mode"] body.go-verge .go-aside-item__meta,
html[data-theme="light-mode"] body.go-verge .go-aside-item__meta .go-time {
  color: #4f5968;
}

html[data-theme="dark-mode"] body.go-verge .go-aside-item__meta,
html[data-theme="dark-mode"] body.go-verge .go-aside-item__meta .go-time {
  color: rgba(241, 244, 248, .74);
}

body.go-verge .go-aside-item__title a:hover,
body.go-verge .go-aside-item__title a:focus-visible {
  text-decoration: none;
}

html[data-theme="light-mode"] body.go-verge .go-aside-item__title a:hover,
html[data-theme="light-mode"] body.go-verge .go-aside-item__title a:focus-visible {
  color: #2458ff;
}

html[data-theme="dark-mode"] body.go-verge .go-aside-item__title a:hover,
html[data-theme="dark-mode"] body.go-verge .go-aside-item__title a:focus-visible {
  color: var(--lime);
}

@media (max-width: 700px) {
  body.go-verge .go-aside-item {
    grid-template-columns: 24px minmax(0, 1fr);
    column-gap: 12px;
    padding: 14px 0;
  }

  body.go-verge .go-aside-module .go-section__title {
    font-size: clamp(1.35rem, 8vw, 1.75rem);
  }

  body.go-verge .go-aside-item__rank {
    font-size: 1.4rem;
  }

  body.go-verge .go-aside-item__title {
    font-size: 1rem;
  }

  body.go-verge .go-aside-item__meta,
  body.go-verge .go-aside-item__meta .go-time {
    font-size: .92rem;
  }
}

/* ========================================================================
   v3.10.40 — context-aware hover, exact 4.7.1 canvas and review cleanup.
   ======================================================================== */

/* The breadcrumb is text + chevrons only. */
body.go-verge .go-breadcrumbs::before {
  display: none !important;
  content: none !important;
}
body.go-verge .go-breadcrumbs .sep {
  margin-inline: 2px !important;
}
body.go-verge .go-breadcrumbs .sep::before {
  content: "›" !important;
}

/* Hover language depends on the surface, not merely the global light/dark
   setting. Dark chrome and text laid over photography always use lime. */
html[data-theme="light-mode"] body.go-verge :is(
  .go-hero-visual,
  .go-hero-visual__feature,
  .go-archive-hero,
  .go-archive-hero__lead,
  .go-archive-hero__item,
  .go-scored-masthead,
  .go-tile--feature,
  [class*="hero"] .go-frame
) :is(a, button):hover,
html[data-theme="light-mode"] body.go-verge :is(
  .go-hero-visual,
  .go-hero-visual__feature,
  .go-archive-hero,
  .go-archive-hero__lead,
  .go-archive-hero__item,
  .go-scored-masthead,
  .go-tile--feature,
  [class*="hero"] .go-frame
) :is(a, button):focus-visible {
  color: #d8ff38 !important;
  -webkit-text-fill-color: #d8ff38 !important;
}

html[data-theme="light-mode"] body.go-verge :is(
  .go-hero-visual__feature,
  .go-archive-hero__lead,
  .go-archive-hero__item,
  .go-tile--feature
):hover :is(.go-tile__title, .go-archive-hero__title, .go-archive-hero__item-title) a,
html[data-theme="light-mode"] body.go-verge :is(
  .go-hero-visual__feature,
  .go-archive-hero__lead,
  .go-archive-hero__item,
  .go-tile--feature
) :is(.go-tile__title, .go-archive-hero__title, .go-archive-hero__item-title) a:hover {
  color: #d8ff38 !important;
  -webkit-text-fill-color: #d8ff38 !important;
}

/* Offcanvas is permanently dark, therefore it never inherits the light-mode
   blue/purple hover language. */
body.go-verge .go-offcanvas :is(
  .go-offcanvas__direct > a,
  .go-offcanvas__group-link,
  .go-offcanvas__submenu a,
  .go-offcanvas__personal a,
  .go-offcanvas__socials a,
  .go-offcanvas__group-toggle
):hover,
body.go-verge .go-offcanvas :is(
  .go-offcanvas__direct > a,
  .go-offcanvas__group-link,
  .go-offcanvas__submenu a,
  .go-offcanvas__personal a,
  .go-offcanvas__socials a,
  .go-offcanvas__group-toggle
):focus-visible,
body.go-verge .go-offcanvas .go-offcanvas__direct.is-current > a,
body.go-verge .go-offcanvas .go-offcanvas__group.is-current > .go-offcanvas__group-row .go-offcanvas__group-link,
body.go-verge .go-offcanvas .go-offcanvas__submenu .is-current > a {
  color: #d8ff38 !important;
  -webkit-text-fill-color: #d8ff38 !important;
}
body.go-verge .go-offcanvas .go-offcanvas__direct.is-current > a,
body.go-verge .go-offcanvas .go-offcanvas__group.is-current > .go-offcanvas__group-row .go-offcanvas__group-link,
body.go-verge .go-offcanvas .go-offcanvas__submenu .is-current > a {
  background-color: #1c1c1c !important;
}

/* Exact Overdrive 4.7.1 page canvas. The shell must remain transparent or its
   old opaque fill hides the body gradient — this was the missing homepage and
   the extra Reviews/Críticas background. */
html[data-theme="light-mode"],
html[data-theme="light"] {
  --canvas: #f4f5f7;
  --surface: #ffffff;
  --surface-1: #ffffff;
  --surface-2: #eceff3;
  --slate: #ffffff;
  --frame: #d5d8de;
}
html[data-theme="dark-mode"],
html[data-theme="dark"] {
  --canvas: #0f1115;
  --surface: #1c1f26;
  --surface-1: #1c1f26;
  --surface-2: #17191e;
  --slate: #1c1f26;
  --frame: #3a404c;
}

html[data-theme="light-mode"] body.go-verge,
html[data-theme="light"] body.go-verge {
  background-color: #f4f5f7 !important;
  background-image:
    radial-gradient(ellipse at 16% -10%, #ffffff 0%, #f4f5f7 38%, transparent 70%),
    radial-gradient(ellipse at 92% 0%, rgba(216,255,56,.14) 0%, transparent 42%),
    linear-gradient(#f4f5f7, #eceff3) !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-attachment: fixed !important;
}
html[data-theme="dark-mode"] body.go-verge,
html[data-theme="dark"] body.go-verge {
  background-color: #0f1115 !important;
  background-image:
    radial-gradient(ellipse at 18% 0%, #2e323c 0%, #17191e 42%, transparent 70%),
    radial-gradient(ellipse at 88% 8%, rgba(216,255,56,.10) 0%, transparent 40%),
    linear-gradient(#14161b, #0f1115) !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-attachment: fixed !important;
}
@media (min-width: 768px) {
  html[data-theme="dark-mode"] body.go-verge,
  html[data-theme="dark"] body.go-verge {
    background-image:
      radial-gradient(ellipse at 24% -8%, #32363f 0%, #161a22 44%, transparent 72%),
      radial-gradient(ellipse at 90% 0%, rgba(216,255,56,.11) 0%, transparent 42%),
      linear-gradient(#12141a, #0c111a) !important;
  }
}
@media (max-width: 767px), (prefers-reduced-motion: reduce) {
  html[data-theme="light-mode"] body.go-verge,
  html[data-theme="light"] body.go-verge,
  html[data-theme="dark-mode"] body.go-verge,
  html[data-theme="dark"] body.go-verge {
    background-attachment: scroll !important;
  }
}

body.go-verge > .go-site,
body.go-verge .go-site,
body.go-verge .go-main,
body.go-verge .go-home,
body.home.go-verge .go-main,
body.home.go-verge .go-home,
body.go-review-index .go-main,
body.go-review-index .go-review-index,
body.go-review-index .go-review-index--review,
body.go-review-index .go-review-index--critique,
body.go-critique-index .go-main,
body.go-verge .go-main.go-review-index--review,
body.go-verge .go-main.go-review-index--critique {
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}
body.go-review-index .go-main::before,
body.go-review-index .go-main::after,
body.go-critique-index .go-main::before,
body.go-critique-index .go-main::after,
body.go-verge .go-main.go-review-index--review::before,
body.go-verge .go-main.go-review-index--review::after,
body.go-verge .go-main.go-review-index--critique::before,
body.go-verge .go-main.go-review-index--critique::after {
  display: none !important;
  content: none !important;
  background: none !important;
}

/* Cinematic review/critique masthead: the lime nav touches the image, without
   a phantom strip, and the old decorative rule after REVIEW/CRÍTICA is gone. */
body.single-post.go-verge .go-article--scored > .go-scored-masthead {
  margin-top: 0 !important;
  border-top: 0 !important;
}
body.single-post.go-verge .go-scored-masthead__kicker {
  gap: 0 !important;
  width: max-content !important;
}
body.single-post.go-verge .go-scored-masthead__kicker i {
  display: none !important;
}

/* The opening summary no longer repeats the hero score. When only copy is
   present, remove the artificial score-sized gap as well. */
body.single-post.go-verge .go-article--scored .go-review-box__head {
  display: block !important;
  padding-top: 0 !important;
}
body.single-post.go-verge .go-article--scored .go-review-box__head-text {
  width: 100% !important;
  max-width: none !important;
}

/* Strong, accessible contrast for the final verdict score in both review and
   critique variants. Older critique CSS forced white text on lime. */
body.single-post.go-verge .go-article--scored .go-review-recap__score,
body.single-post.go-verge .go-article--scored .go-review-recap__score.is-high,
body.single-post.go-verge .go-article--scored .go-review-recap__score.is-mid,
body.single-post.go-verge .go-article--scored .go-review-recap__score.is-low {
  background: #d8ff38 !important;
  color: #101217 !important;
  -webkit-text-fill-color: #101217 !important;
}
body.single-post.go-verge .go-article--scored .go-review-recap__score :is(.go-review-box__score-num, .go-review-box__score-max) {
  color: #101217 !important;
  -webkit-text-fill-color: #101217 !important;
  opacity: 1 !important;
}

/* Keep the verdict image and the content slab visually joined instead of
   looking like two separate cards. */
body.single-post.go-verge .go-article--scored .go-review-recap--has-image {
  column-gap: 0 !important;
}
body.single-post.go-verge .go-article--scored .go-review-recap--has-image::before {
  right: 0 !important;
  margin: 0 !important;
}

/* Light-mode body text remains clearly readable on the 4.7.1 paper; dark-mode
   copy is lifted without becoming pure-white glare. */
html[data-theme="light-mode"] body.go-verge .go-article__content,
html[data-theme="light"] body.go-verge .go-article__content {
  color: #252a33 !important;
}
html[data-theme="dark-mode"] body.go-verge .go-article__content,
html[data-theme="dark"] body.go-verge .go-article__content {
  color: #e3e6eb !important;
}


/* ========================================================================
   v3.10.41 — denser fallback inventory + sitewide contrast/breadcrumb pass.
   ======================================================================== */

/* Breadcrumb: no decorative diamond/home icon. The only separator is the
   semantic chevron printed by PHP between text labels. */
body.go-verge .go-breadcrumbs::before,
body.go-verge .go-article__breadcrumb-strip .go-breadcrumbs::before {
  display: none !important;
  content: none !important;
  inline-size: 0 !important;
  block-size: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: none !important;
  box-shadow: none !important;
  transform: none !important;
}
body.go-verge .go-breadcrumbs .sep {
  display: inline-block !important;
  inline-size: auto !important;
  block-size: auto !important;
  margin-inline: 3px !important;
  font-family: ui-sans-serif, system-ui, sans-serif !important;
  font-size: 1rem !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  opacity: .72 !important;
  transform: translateY(-1px) !important;
}
body.go-verge .go-breadcrumbs .sep::before,
body.go-verge .go-breadcrumbs .sep::after {
  display: none !important;
  content: none !important;
}

/* Sitewide readable hierarchy. These values keep secondary copy clearly
   secondary while staying comfortably above WCAG AA on the actual canvases. */
html[data-theme="light-mode"] body.go-verge,
html[data-theme="light"] body.go-verge {
  --text: #111318;
  --text-secondary: #3d4652;
  --text-muted: #2d3540;
  --frame: #cbd1d9;
  --border: #cbd1d9;
  --border-strong: #aeb7c2;
}
html[data-theme="dark-mode"] body.go-verge,
html[data-theme="dark"] body.go-verge {
  --text: #fafbfc;
  --text-secondary: #d0d6df;
  --text-muted: #e0e4ea;
  --frame: #3d4551;
  --border: #3d4551;
  --border-strong: #586372;
}

/* Components that historically applied their own low-opacity gray instead of
   the semantic variables above. */
html[data-theme="light-mode"] body.go-verge :is(
  .go-time,
  .go-mono,
  .go-archive-row__meta,
  .go-after-latest-row__meta,
  .go-aside-item__meta,
  .go-article-sidebar__meta,
  .go-article__meta,
  .go-breadcrumbs > a
) {
  color: #3d4652 !important;
  opacity: 1 !important;
}
html[data-theme="dark-mode"] body.go-verge :is(
  .go-time,
  .go-mono,
  .go-archive-row__meta,
  .go-after-latest-row__meta,
  .go-aside-item__meta,
  .go-article-sidebar__meta,
  .go-article__meta,
  .go-breadcrumbs > a
) {
  color: #d0d6df !important;
  opacity: 1 !important;
}

html[data-theme="light-mode"] body.go-verge :is(
  .go-article__deck,
  .go-pagehead__desc,
  .go-tile__deck,
  .go-author-hero__bio,
  .go-article__content figcaption,
  .go-article__content .wp-caption-text
) {
  color: #2d3540 !important;
}
html[data-theme="dark-mode"] body.go-verge :is(
  .go-article__deck,
  .go-pagehead__desc,
  .go-tile__deck,
  .go-author-hero__bio,
  .go-article__content figcaption,
  .go-article__content .wp-caption-text
) {
  color: #e0e4ea !important;
}

/* Keep hover language from the visual system: blue on light surfaces, lime on
   dark surfaces. */
html[data-theme="light-mode"] body.go-verge .go-breadcrumbs a:hover,
html[data-theme="light-mode"] body.go-verge .go-breadcrumbs a:focus-visible {
  color: #2458ff !important;
}
html[data-theme="dark-mode"] body.go-verge .go-breadcrumbs a:hover,
html[data-theme="dark-mode"] body.go-verge .go-breadcrumbs a:focus-visible {
  color: var(--lime, #d8ff38) !important;
}

/* ========================================================================
   v3.10.42 — global filter rail, readable hover language, cleaner ranking,
   compact channel invite, scored-hero seam fix and mobile author-card polish.
   ======================================================================== */

/* 1) Review/critique hero must touch the lime navigation rail. The historical
   article shell still adds top padding before its first child; that padding is
   the pale strip visible between the header and the scored masthead. */
body.single-post.go-verge .go-article.go-article--scored {
  padding-top: 0 !important;
  margin-top: 0 !important;
}
body.single-post.go-verge .go-article--scored > .go-scored-masthead,
body.single-post.go-verge .go-site > .go-main:first-child,
body.single-post.go-verge .go-site > .go-main:first-child > .go-article--scored:first-child {
  margin-top: 0 !important;
}

/* 2) One visual contract for every editorial/filter rail. Older pages use
   different class names, so all public variants are normalised here. */
body.go-verge :is(
  .go-chips--filter,
  .go-latest-filters,
  .go-review-genre-filters,
  .go-search-filters,
  .go-videos-page__tabs
) {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 8px 10px !important;
  width: 100% !important;
  margin: 0 0 clamp(22px, 2.8vw, 34px) !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.go-verge :is(
  .go-chips--filter,
  .go-latest-filters,
  .go-review-genre-filters,
  .go-search-filters,
  .go-videos-page__tabs
) :is(a, button),
body.go-verge .go-latest-filter,
body.go-verge .go-search-filter,
body.go-verge .go-videos-page__tab {
  appearance: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  min-height: 38px !important;
  padding: 9px 12px !important;
  border: 1px solid transparent !important;
  border-radius: 9px !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--text-secondary) !important;
  font-family: "Barlow Condensed", var(--font-sans), sans-serif !important;
  font-size: .8rem !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  cursor: pointer;
  transition: color .16s ease, background-color .16s ease, border-color .16s ease !important;
}

body.go-verge :is(
  .go-chips--filter,
  .go-latest-filters,
  .go-review-genre-filters,
  .go-search-filters,
  .go-videos-page__tabs
) :is(a, button)::after,
body.go-verge :is(.go-latest-filter, .go-search-filter, .go-videos-page__tab)::after {
  display: none !important;
  content: none !important;
}

body.go-verge :is(
  .go-chips--filter,
  .go-latest-filters,
  .go-review-genre-filters,
  .go-search-filters,
  .go-videos-page__tabs
) :is(a, button).is-active,
body.go-verge :is(
  .go-chips--filter,
  .go-latest-filters,
  .go-review-genre-filters,
  .go-search-filters,
  .go-videos-page__tabs
) :is(a, button)[aria-current="page"],
body.go-verge .go-latest-filter.is-active,
body.go-verge .go-search-filter.is-active,
body.go-verge .go-videos-page__tab.is-active,
body.go-verge .go-videos-page__tab[aria-selected="true"] {
  border-color: var(--lime, #d8ff38) !important;
  background: var(--lime, #d8ff38) !important;
  color: #10140c !important;
  -webkit-text-fill-color: #10140c !important;
}

html[data-theme="light-mode"] body.go-verge :is(
  .go-chips--filter,
  .go-latest-filters,
  .go-review-genre-filters,
  .go-search-filters,
  .go-videos-page__tabs
) :is(a, button):not(.is-active):not([aria-current="page"]):hover,
html[data-theme="light-mode"] body.go-verge :is(.go-latest-filter, .go-search-filter, .go-videos-page__tab):not(.is-active):hover,
html[data-theme="light-mode"] body.go-verge .go-videos-page__tab:not([aria-selected="true"]):hover,
html[data-theme="light"] body.go-verge :is(
  .go-chips--filter,
  .go-latest-filters,
  .go-review-genre-filters,
  .go-search-filters,
  .go-videos-page__tabs
) :is(a, button):not(.is-active):not([aria-current="page"]):hover {
  border-color: rgba(36, 88, 255, .18) !important;
  background: rgba(36, 88, 255, .07) !important;
  color: #2458ff !important;
  -webkit-text-fill-color: #2458ff !important;
}

html[data-theme="dark-mode"] body.go-verge :is(
  .go-chips--filter,
  .go-latest-filters,
  .go-review-genre-filters,
  .go-search-filters,
  .go-videos-page__tabs
) :is(a, button):not(.is-active):not([aria-current="page"]):hover,
html[data-theme="dark-mode"] body.go-verge :is(.go-latest-filter, .go-search-filter, .go-videos-page__tab):not(.is-active):hover,
html[data-theme="dark-mode"] body.go-verge .go-videos-page__tab:not([aria-selected="true"]):hover,
html[data-theme="dark"] body.go-verge :is(
  .go-chips--filter,
  .go-latest-filters,
  .go-review-genre-filters,
  .go-search-filters,
  .go-videos-page__tabs
) :is(a, button):not(.is-active):not([aria-current="page"]):hover {
  border-color: rgba(216, 255, 56, .22) !important;
  background: rgba(216, 255, 56, .08) !important;
  color: var(--lime, #d8ff38) !important;
  -webkit-text-fill-color: var(--lime, #d8ff38) !important;
}

@media (max-width: 820px) {
  body.go-verge :is(
    .go-chips--filter,
    .go-latest-filters,
    .go-review-genre-filters,
    .go-search-filters,
    .go-videos-page__tabs
  ) {
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    overscroll-behavior-inline: contain;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 3px !important;
  }
  body.go-verge :is(
    .go-chips--filter,
    .go-latest-filters,
    .go-review-genre-filters,
    .go-search-filters,
    .go-videos-page__tabs
  )::-webkit-scrollbar {
    display: none;
  }
}

/* 3) Ranking sidebar: the numbers do not add useful scanning information here.
   Remove them and let title + recency carry the hierarchy. */
body.go-verge .go-aside-list--ranked .go-aside-item--ranked {
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 0 !important;
  padding: 15px 0 !important;
  border-bottom: 1px solid var(--frame) !important;
}
body.go-verge .go-aside-list--ranked .go-aside-item__rank {
  display: none !important;
}
body.go-verge .go-aside-list--ranked .go-aside-item__title {
  margin: 0 !important;
  color: var(--text) !important;
  font-family: "Source Sans 3", var(--font-sans), sans-serif !important;
  font-size: 1rem !important;
  font-weight: 750 !important;
  line-height: 1.28 !important;
  letter-spacing: -.012em !important;
}
body.go-verge .go-aside-list--ranked .go-aside-item__meta,
body.go-verge .go-aside-list--ranked .go-aside-item__meta .go-time {
  margin-top: 6px !important;
  color: var(--text-secondary) !important;
  font-size: .82rem !important;
  opacity: 1 !important;
}
body.go-verge .go-aside-list--ranked .go-aside-item:last-child {
  border-bottom: 0 !important;
}

/* 4) Channel invite: no pseudo-fieldset, no icon floating on the border. */
body.single-post.go-verge .go-article__content .go-channel-invite--channel {
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr) !important;
  grid-template-areas:
    "tag question"
    "tag action" !important;
  align-items: center !important;
  column-gap: 13px !important;
  row-gap: 3px !important;
  width: 100% !important;
  margin: 28px 0 !important;
  padding: 14px 16px !important;
  border: 1px solid var(--frame) !important;
  border-radius: 12px !important;
  background: color-mix(in srgb, var(--surface) 96%, var(--lime) 4%) !important;
  box-shadow: none !important;
  overflow: hidden !important;
}
body.single-post.go-verge .go-article__content .go-channel-invite--channel .go-channel-invite__tag {
  position: static !important;
  grid-area: tag !important;
  display: grid !important;
  place-items: center !important;
  width: 42px !important;
  height: 42px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: var(--lime, #d8ff38) !important;
  color: #10140c !important;
  transform: none !important;
}
body.single-post.go-verge .go-article__content .go-channel-invite--channel .go-channel-invite__tag svg {
  width: 19px !important;
  height: 19px !important;
}
body.single-post.go-verge .go-article__content .go-channel-invite--channel .go-channel-invite__question {
  grid-area: question !important;
  margin: 0 !important;
  color: var(--text) !important;
  font-family: "Source Sans 3", var(--font-sans), sans-serif !important;
  font-size: .98rem !important;
  font-weight: 760 !important;
  line-height: 1.2 !important;
}
body.single-post.go-verge .go-article__content .go-channel-invite--channel .go-channel-invite__action {
  grid-area: action !important;
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  min-width: 0 !important;
  margin: 0 !important;
}
body.single-post.go-verge .go-article__content .go-channel-invite--channel .go-channel-invite__glyph {
  flex: 0 0 16px !important;
  color: #1ba64b !important;
}
body.single-post.go-verge .go-article__content .go-channel-invite--channel .go-channel-invite__link {
  display: inline-flex !important;
  align-items: center !important;
  min-width: 0 !important;
  gap: 7px !important;
  margin: 0 !important;
  color: var(--text-secondary) !important;
  font-family: "Source Sans 3", var(--font-sans), sans-serif !important;
  font-size: .94rem !important;
  font-weight: 650 !important;
  line-height: 1.3 !important;
  text-decoration: none !important;
  box-shadow: none !important;
}
body.single-post.go-verge .go-article__content .go-channel-invite--channel .go-channel-invite__link > span:last-child {
  display: inline-grid !important;
  place-items: center !important;
  flex: 0 0 24px !important;
  width: 24px !important;
  height: 24px !important;
  border-radius: 999px !important;
  background: color-mix(in srgb, var(--lime) 16%, transparent) !important;
  color: var(--text) !important;
}
html[data-theme="light-mode"] body.single-post.go-verge .go-article__content .go-channel-invite--channel .go-channel-invite__link:hover,
html[data-theme="light"] body.single-post.go-verge .go-article__content .go-channel-invite--channel .go-channel-invite__link:hover {
  color: #2458ff !important;
}
html[data-theme="dark-mode"] body.single-post.go-verge .go-article__content .go-channel-invite--channel .go-channel-invite__link:hover,
html[data-theme="dark"] body.single-post.go-verge .go-article__content .go-channel-invite--channel .go-channel-invite__link:hover {
  color: var(--lime, #d8ff38) !important;
}

@media (max-width: 560px) {
  body.single-post.go-verge .go-article__content .go-channel-invite--channel {
    grid-template-columns: 38px minmax(0, 1fr) !important;
    column-gap: 11px !important;
    padding: 13px !important;
  }
  body.single-post.go-verge .go-article__content .go-channel-invite--channel .go-channel-invite__tag {
    width: 38px !important;
    height: 38px !important;
    border-radius: 9px !important;
  }
  body.single-post.go-verge .go-article__content .go-channel-invite--channel .go-channel-invite__action {
    align-items: flex-start !important;
  }
  body.single-post.go-verge .go-article__content .go-channel-invite--channel .go-channel-invite__link {
    font-size: .9rem !important;
    line-height: 1.28 !important;
  }
}

/* 5) Light surfaces never use lime for text hover; that was the unreadable
   state in cards and lists. Dark/photo surfaces keep lime. */
html[data-theme="light-mode"] body.go-verge .go-main :is(
  .go-tile__title,
  .go-stream__title,
  .go-archive-row__title,
  .go-archive-feature__title,
  .go-archive-highlight__title,
  .go-archive-hero__title,
  .go-archive-hero__item-title,
  .go-after-latest-row__title,
  .go-platform-story__title,
  .go-aside-item__title
) a:hover,
html[data-theme="light"] body.go-verge .go-main :is(
  .go-tile__title,
  .go-stream__title,
  .go-archive-row__title,
  .go-archive-feature__title,
  .go-archive-highlight__title,
  .go-archive-hero__title,
  .go-archive-hero__item-title,
  .go-after-latest-row__title,
  .go-platform-story__title,
  .go-aside-item__title
) a:hover {
  color: #2458ff !important;
  -webkit-text-fill-color: #2458ff !important;
}

html[data-theme="dark-mode"] body.go-verge .go-main :is(
  .go-tile__title,
  .go-stream__title,
  .go-archive-row__title,
  .go-archive-feature__title,
  .go-archive-highlight__title,
  .go-archive-hero__title,
  .go-archive-hero__item-title,
  .go-after-latest-row__title,
  .go-platform-story__title,
  .go-aside-item__title
) a:hover,
html[data-theme="dark"] body.go-verge .go-main :is(
  .go-tile__title,
  .go-stream__title,
  .go-archive-row__title,
  .go-archive-feature__title,
  .go-archive-highlight__title,
  .go-archive-hero__title,
  .go-archive-hero__item-title,
  .go-after-latest-row__title,
  .go-platform-story__title,
  .go-aside-item__title
) a:hover {
  color: var(--lime, #d8ff38) !important;
  -webkit-text-fill-color: var(--lime, #d8ff38) !important;
}

/* The page may be in light mode while the interactive surface itself is black
   or photographic. Those surfaces always use lime for hover. */
html[data-theme="light-mode"] body.go-verge :is(
  .go-offcanvas,
  .go-scored-masthead,
  .go-hero-visual,
  .go-tile--overlay,
  .go-article__hero
) a:hover,
html[data-theme="light"] body.go-verge :is(
  .go-offcanvas,
  .go-scored-masthead,
  .go-hero-visual,
  .go-tile--overlay,
  .go-article__hero
) a:hover {
  color: var(--lime, #d8ff38) !important;
  -webkit-text-fill-color: var(--lime, #d8ff38) !important;
}

/* Header sits on lime, so keep its link hover dark rather than blue/lime. */
body.go-verge .go-header--471 .go-header__sections-list a:hover,
body.go-verge .go-header--471 .go-header__sections-list a:focus-visible {
  color: #101217 !important;
  -webkit-text-fill-color: #101217 !important;
}

/* 6) Temporary responsive in-content units: publisher CSS must not narrow,
   crop or cap Google's responsive creative. This does not alter the ad itself;
   it only leaves the full measured reading-column width available to AdSense. */
body.single-post.go-verge .go-article__content .go-temporary-article-ad,
body.single-post.go-verge .go-article__content .go-temporary-article-ad.is-ad-filled {
  width: 100% !important;
  max-width: 100% !important;
  max-inline-size: 100% !important;
  overflow: visible !important;
  contain: none !important;
}
body.single-post.go-verge .go-article__content .go-temporary-article-ad > ins.go-ad-unit,
body.single-post.go-verge .go-article__content .go-temporary-article-ad > ins.adsbygoogle {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 1px !important;
  max-height: none !important;
  overflow: visible !important;
}

/* 7) Mobile author field: keep "ESCRITO POR" intact and give the author copy a
   real second column instead of letting generic overflow-wrap split the kicker. */
@media (max-width: 560px) {
  body.single-post.go-verge .go-author-card {
    grid-template-columns: 48px minmax(0, 1fr) !important;
    align-items: start !important;
    gap: 12px !important;
    padding-block: 16px !important;
  }
  body.single-post.go-verge .go-author-card__avatar,
  body.single-post.go-verge .go-author-card__avatar img {
    width: 48px !important;
    height: 48px !important;
  }
  body.single-post.go-verge .go-author-card__body {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    min-width: 0 !important;
    width: 100% !important;
  }
  body.single-post.go-verge .go-author-card__kicker {
    display: block !important;
    width: auto !important;
    max-width: 100% !important;
    margin: 0 0 4px !important;
    white-space: nowrap !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    font-size: .68rem !important;
    line-height: 1 !important;
  }
  body.single-post.go-verge .go-author-card__name,
  body.single-post.go-verge .go-author-card__name a {
    display: block !important;
    width: 100% !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    font-size: 1.18rem !important;
    line-height: 1.08 !important;
  }
  body.single-post.go-verge .go-author-card__role,
  body.single-post.go-verge .go-author-card__bio {
    width: 100% !important;
    margin-top: 5px !important;
    font-size: .93rem !important;
    line-height: 1.38 !important;
  }
}

/* Remaining interactive filter groups use buttons rather than links, but share
   the same public navigation language. */
body.go-verge :is(.go-game-coverage__filters, .go-coupon-center__filters) {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 8px 10px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
body.go-verge :is(.go-game-coverage__filters, .go-coupon-center__filters) > button {
  appearance: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  min-height: 38px !important;
  padding: 9px 12px !important;
  border: 1px solid transparent !important;
  border-radius: 9px !important;
  background: transparent !important;
  color: var(--text-secondary) !important;
  font-family: "Barlow Condensed", var(--font-sans), sans-serif !important;
  font-size: .8rem !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  box-shadow: none !important;
}
body.go-verge :is(.go-game-coverage__filters, .go-coupon-center__filters) > button.is-active,
body.go-verge :is(.go-game-coverage__filters, .go-coupon-center__filters) > button[aria-pressed="true"] {
  border-color: var(--lime, #d8ff38) !important;
  background: var(--lime, #d8ff38) !important;
  color: #10140c !important;
}
html[data-theme="light-mode"] body.go-verge :is(.go-game-coverage__filters, .go-coupon-center__filters) > button:not(.is-active):not([aria-pressed="true"]):hover,
html[data-theme="light"] body.go-verge :is(.go-game-coverage__filters, .go-coupon-center__filters) > button:not(.is-active):not([aria-pressed="true"]):hover {
  border-color: rgba(36, 88, 255, .18) !important;
  background: rgba(36, 88, 255, .07) !important;
  color: #2458ff !important;
}
html[data-theme="dark-mode"] body.go-verge :is(.go-game-coverage__filters, .go-coupon-center__filters) > button:not(.is-active):not([aria-pressed="true"]):hover,
html[data-theme="dark"] body.go-verge :is(.go-game-coverage__filters, .go-coupon-center__filters) > button:not(.is-active):not([aria-pressed="true"]):hover {
  border-color: rgba(216, 255, 56, .22) !important;
  background: rgba(216, 255, 56, .08) !important;
  color: var(--lime, #d8ff38) !important;
}
@media (max-width: 820px) {
  body.go-verge :is(.go-game-coverage__filters, .go-coupon-center__filters) {
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }
  body.go-verge :is(.go-game-coverage__filters, .go-coupon-center__filters)::-webkit-scrollbar { display: none; }
  body.go-verge :is(.go-game-coverage__filters, .go-coupon-center__filters) > button { flex: 0 0 auto !important; }
}


/* ========================================================================
   2026-08-24 — Auto Ads body recovery + mobile interaction/author hard fixes
   ======================================================================== */

/* The mobile hamburger owns only its 40px cell. The brand is a real link with
   a higher pointer layer, so tapping the wordmark can never hit the offcanvas
   trigger through an overlapping legacy header rule. */
@media (max-width: 767px) {
  body.go-verge .go-header--editorial .go-header__bar {
    isolation: isolate !important;
  }
  body.go-verge .go-header--editorial .go-header__menu-toggle--leading {
    position: relative !important;
    inset: auto !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    justify-self: start !important;
    inline-size: 40px !important;
    max-inline-size: 40px !important;
    min-inline-size: 40px !important;
    z-index: 2 !important;
  }
  body.go-verge .go-header--editorial .go-header__brand {
    position: relative !important;
    inset: auto !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    justify-self: start !important;
    inline-size: max-content !important;
    max-inline-size: 100% !important;
    min-inline-size: 0 !important;
    z-index: 4 !important;
    pointer-events: auto !important;
    touch-action: manipulation !important;
  }
  body.go-verge .go-header--editorial .go-header__brand,
  body.go-verge .go-header--editorial .go-header__brand * {
    pointer-events: auto !important;
  }
}

/* Compact mobile author byline. It must fill the reader column instead of
   collapsing to a few characters per line; the long bio is previewed rather
   than consuming an entire phone screen. */
@media (max-width: 560px) {
  body.single-post.go-verge .go-article__reading > .go-author-card,
  body.single-post.go-verge .go-author-card {
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: 46px minmax(0, 1fr) !important;
    inline-size: 100% !important;
    width: 100% !important;
    max-inline-size: none !important;
    max-width: none !important;
    min-inline-size: 0 !important;
    min-width: 0 !important;
    justify-self: stretch !important;
    align-items: start !important;
    gap: 11px !important;
    margin: 28px 0 0 !important;
    padding: 15px 0 !important;
  }
  body.single-post.go-verge .go-author-card__avatar,
  body.single-post.go-verge .go-author-card__avatar img {
    inline-size: 46px !important;
    width: 46px !important;
    block-size: 46px !important;
    height: 46px !important;
  }
  body.single-post.go-verge .go-author-card__body {
    box-sizing: border-box !important;
    display: block !important;
    inline-size: 100% !important;
    width: 100% !important;
    max-inline-size: 100% !important;
    max-width: 100% !important;
    min-inline-size: 0 !important;
    min-width: 0 !important;
  }
  body.single-post.go-verge .go-author-card :where(.go-author-card__kicker,.go-author-card__name,.go-author-card__name a,.go-author-card__role,.go-author-card__bio,.go-author-card__link) {
    overflow-wrap: normal !important;
    word-break: normal !important;
    hyphens: none !important;
  }
  body.single-post.go-verge .go-author-card__kicker {
    display: block !important;
    margin: 0 0 3px !important;
    font-size: .64rem !important;
    line-height: 1.1 !important;
    letter-spacing: .11em !important;
    white-space: nowrap !important;
  }
  body.single-post.go-verge .go-author-card__name,
  body.single-post.go-verge .go-author-card__name a {
    font-size: 1.05rem !important;
    line-height: 1.08 !important;
  }
  body.single-post.go-verge .go-author-card__role {
    margin-top: 3px !important;
    font-size: .84rem !important;
    line-height: 1.3 !important;
  }
  body.single-post.go-verge .go-author-card__bio {
    display: -webkit-box !important;
    width: 100% !important;
    margin-top: 5px !important;
    overflow: hidden !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
    font-size: .86rem !important;
    line-height: 1.38 !important;
  }
  body.single-post.go-verge .go-author-card__link {
    margin-top: 6px !important;
    font-size: .66rem !important;
    line-height: 1.2 !important;
  }
}