.mente-auto-news {
	--mente-accent: #7c3aed;
	--mente-accent-2: #22d3ee;
	--mente-accent-soft: #f2edff;
	--mente-ink: #10131c;
	--mente-copy: #34394a;
	--mente-muted: #667085;
	--mente-line: #e7e9f0;
	--mente-surface: #f7f8fc;
	position: relative;
	width: 100%;
	color: var(--mente-ink);
	font-family: inherit;
}

.mente-auto-news.is-breaking { --mente-accent: #e11d48; --mente-accent-2: #fb923c; --mente-accent-soft: #fff0f3; }
.mente-auto-news.is-gaming { --mente-accent: #6d28d9; --mente-accent-2: #84cc16; --mente-accent-soft: #f2efff; }
.mente-auto-news.is-culture { --mente-accent: #db2777; --mente-accent-2: #f59e0b; --mente-accent-soft: #fff0f7; }
.mente-auto-news.is-auto { --mente-accent: #0369a1; --mente-accent-2: #06b6d4; --mente-accent-soft: #eef9ff; }

.mente-auto-news *,
.mente-auto-news *::before,
.mente-auto-news *::after { box-sizing: border-box; }

.mente-auto-news__hero {
	position: relative;
	overflow: hidden;
	margin: 0 0 24px;
	padding: clamp(25px, 5vw, 48px);
	border: 1px solid rgba(255,255,255,.1);
	border-radius: 25px;
	background: radial-gradient(circle at 88% 12%, rgba(34,211,238,.2), transparent 31%), radial-gradient(circle at 5% 115%, rgba(124,58,237,.35), transparent 38%), linear-gradient(135deg, #0c101a 0%, #171b28 56%, #10131c 100%);
	box-shadow: 0 24px 65px rgba(15,23,42,.17);
	isolation: isolate;
}

.mente-auto-news__hero::after {
	position: absolute;
	inset: 0;
	z-index: -1;
	background-image: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
	background-size: 38px 38px;
	content: "";
	-webkit-mask-image: linear-gradient(90deg, transparent, #000);
	mask-image: linear-gradient(90deg, transparent, #000);
}

.mente-auto-news__eyebrow {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 17px;
	color: #dce2ef;
	font-size: 11px;
	font-weight: 850;
	letter-spacing: .14em;
	line-height: 1;
}

.mente-auto-news__eyebrow span {
	width: 28px;
	height: 4px;
	border-radius: 10px;
	background: linear-gradient(90deg, var(--mente-accent), var(--mente-accent-2));
	box-shadow: 0 0 18px rgba(34,211,238,.7);
}

.mente-auto-news .mente-auto-news__lead {
	max-width: 850px;
	margin: 0 !important;
	padding: 0;
	border: 0;
	color: #fff !important;
	font-size: clamp(20px, 3.1vw, 31px);
	font-weight: 760;
	letter-spacing: -.025em;
	line-height: 1.42;
}

.mente-auto-news__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 26px;
}

.mente-auto-news__meta span {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	min-height: 31px;
	padding: 7px 11px;
	border: 1px solid rgba(255,255,255,.12);
	border-radius: 999px;
	background: rgba(255,255,255,.07);
	color: #d7deeb;
	font-size: 11px;
	line-height: 1;
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
}

.mente-auto-news__meta strong {
	color: #fff;
	font-size: 10px;
	font-weight: 800;
	letter-spacing: .04em;
	text-transform: uppercase;
}

.mente-auto-news__toc {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	align-items: center;
	gap: 18px;
	margin: 0 0 34px;
	padding: 16px 18px;
	border: 1px solid var(--mente-line);
	border-radius: 16px;
	background: #fff;
	box-shadow: 0 10px 30px rgba(15,23,42,.055);
}

.mente-auto-news__toc > strong {
	color: var(--mente-ink);
	font-size: 12px;
	font-weight: 850;
	letter-spacing: .07em;
	text-transform: uppercase;
}

.mente-auto-news__toc > div { display: flex; flex-wrap: wrap; gap: 7px; }

.mente-auto-news__toc a {
	display: inline-flex;
	align-items: center;
	min-height: 31px;
	padding: 6px 11px;
	border-radius: 8px;
	background: var(--mente-surface);
	color: #495064 !important;
	font-size: 12px;
	font-weight: 700;
	text-decoration: none !important;
	transition: color .2s ease, background .2s ease, transform .2s ease;
}

.mente-auto-news__toc a:hover { transform: translateY(-1px); background: var(--mente-accent-soft); color: var(--mente-accent) !important; }
.mente-auto-news section { scroll-margin-top: 90px; }

.mente-auto-news__section-head {
	display: flex;
	align-items: center;
	gap: 13px;
	margin: 0 0 18px;
}

.mente-auto-news__section-head > span {
	display: grid;
	flex: 0 0 43px;
	width: 43px;
	height: 43px;
	place-items: center;
	border-radius: 13px;
	background: var(--mente-accent-soft);
	color: var(--mente-accent);
	font-size: 12px;
	font-weight: 900;
	letter-spacing: .04em;
}

.mente-auto-news__section-head small {
	display: block;
	margin-bottom: 2px;
	color: var(--mente-accent);
	font-size: 9px;
	font-weight: 900;
	letter-spacing: .14em;
}

.mente-auto-news .mente-auto-news__section-head h2 {
	margin: 0;
	color: var(--mente-ink);
	font-size: clamp(21px, 2.7vw, 28px);
	font-weight: 850;
	letter-spacing: -.025em;
	line-height: 1.18;
}

.mente-auto-news__highlights,
.mente-auto-news__details,
.mente-auto-news__facts { margin: 38px 0; }

.mente-auto-news__highlights > ul {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.mente-auto-news__highlights li {
	display: grid;
	grid-template-columns: 35px minmax(0, 1fr);
	gap: 11px;
	align-items: start;
	min-width: 0;
	padding: 18px;
	border: 1px solid var(--mente-line);
	border-radius: 16px;
	background: linear-gradient(145deg, #fff, var(--mente-surface));
}

.mente-auto-news__highlights li > span {
	display: grid;
	width: 35px;
	height: 35px;
	place-items: center;
	border-radius: 10px;
	background: var(--mente-ink);
	color: #fff;
	font-size: 10px;
	font-weight: 850;
}

.mente-auto-news p,
.mente-auto-news__highlights li p { color: var(--mente-copy); font-size: clamp(16px, 1.7vw, 18px); line-height: 1.82; }
.mente-auto-news__highlights li p { margin: 0 !important; font-size: 15px; line-height: 1.65; }
.mente-auto-news__details > p { margin: 0 0 20px !important; }
.mente-auto-news__details > p:first-of-type::first-letter { float: left; margin: .13em .11em 0 0; color: var(--mente-accent); font-size: 3.35em; font-weight: 900; line-height: .8; }
.mente-auto-news__licensed > *:first-child { margin-top: 0; }

.mente-auto-news__visual {
	position: relative;
	overflow: hidden;
	margin: 40px 0 !important;
	border-radius: 21px;
	background: #0f172a;
	box-shadow: 0 20px 50px rgba(15,23,42,.16);
}

.mente-auto-news__visual::after { position: absolute; inset: 0 0 auto; height: 4px; background: linear-gradient(90deg, var(--mente-accent), var(--mente-accent-2)); content: ""; }
.mente-auto-news__visual img { display: block; width: 100%; height: auto; max-height: 560px; margin: 0 !important; aspect-ratio: 16 / 9; object-fit: cover; }

.mente-auto-news__facts {
	padding: clamp(20px, 4vw, 30px);
	border: 1px solid #ded8f7;
	border-radius: 21px;
	background: linear-gradient(145deg, #fff, var(--mente-accent-soft));
}

.mente-auto-news__facts dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 0; }
.mente-auto-news__facts dl > div { min-width: 0; padding: 15px 16px; border: 1px solid rgba(124,58,237,.09); border-radius: 13px; background: rgba(255,255,255,.78); }
.mente-auto-news__facts dt { margin-bottom: 5px; color: var(--mente-accent); font-size: 9px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.mente-auto-news__facts dd { margin: 0; color: #282d3b; font-size: 14px; font-weight: 750; line-height: 1.5; overflow-wrap: anywhere; }

@media (max-width: 720px) {
	.mente-auto-news__hero { padding: 25px 20px; border-radius: 19px; }
	.mente-auto-news__toc { grid-template-columns: 1fr; gap: 10px; padding: 14px; }
	.mente-auto-news__toc > div { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 3px; scrollbar-width: thin; }
	.mente-auto-news__toc a { flex: 0 0 auto; }
	.mente-auto-news__highlights > ul,
	.mente-auto-news__facts dl { grid-template-columns: 1fr; }
	.mente-auto-news__facts { padding: 20px 17px; }
	.mente-auto-news__visual { border-radius: 16px; }
}

@media (max-width: 480px) {
	.mente-auto-news__meta span { width: 100%; justify-content: space-between; }
	.mente-auto-news__section-head { align-items: flex-start; }
	.mente-auto-news__section-head > span { flex-basis: 39px; width: 39px; height: 39px; }
	.mente-auto-news__highlights li { grid-template-columns: 31px minmax(0, 1fr); padding: 15px 13px; }
	.mente-auto-news__highlights li > span { width: 31px; height: 31px; }
}

@media (prefers-reduced-motion: reduce) {
	.mente-auto-news__toc a { transition: none; }
}