/*
Theme Name: Wealthyset News
Theme URI: https://wealthyset.com/
Author: Wealthyset
Description: A clean editorial WordPress theme with a dense front-page news feed.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.9
Requires PHP: 7.4
Text Domain: wealthyset-news
*/

:root {
	--page: #f3f3f2;
	--surface: #ffffff;
	--surface-soft: #f8fafc;
	--text: #111318;
	--muted: #727783;
	--line: #e2e5ea;
	--accent: #e6202d;
	--accent-dark: #b8121d;
	--radius: 8px;
	--container: 1180px;
	--font-display: "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	--font-text: "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	--font-rounded: "SF Pro Rounded", ui-rounded, "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	--font-compact: "SF Compact", "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	--font-compact-rounded: "SF Compact Rounded", "SF Pro Rounded", ui-rounded, "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	--font-mono: "SF Mono", ui-monospace, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
	--font-serif: "New York", "Iowan Old Style", "Apple Garamond", Georgia, serif;
	--font-arabic: "SF Arabic", "Geeza Pro", "Noto Sans Arabic", Tahoma, sans-serif;
	--font-hebrew: "SF Hebrew", "New Peninim MT", "Noto Sans Hebrew", "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* {
	box-sizing: border-box;
}

body {
	margin: 0;
	background: var(--page);
	color: var(--text);
	font-family: var(--font-text);
	font-size: 16px;
	line-height: 1.5;
}

a {
	color: inherit;
	text-decoration: none;
}

img {
	display: block;
	max-width: 100%;
	height: auto;
}

.site-header {
	position: sticky;
	top: 0;
	z-index: 20;
	background: rgba(255, 255, 255, 0.96);
	border-bottom: 1px solid var(--line);
	backdrop-filter: blur(16px);
}

.header-strip {
	border-top: 1px solid #f0f1f4;
	background: #fff;
}

.strip-inner {
	display: flex;
	align-items: center;
	gap: 16px;
	min-height: 38px;
	overflow-x: auto;
	color: #555c67;
	font-size: 13px;
	font-weight: 800;
	text-transform: lowercase;
	white-space: nowrap;
}

.strip-inner a:hover {
	color: var(--accent);
}

.strip-spacer {
	flex: 1 0 20px;
}

.header-inner,
.wrap {
	width: min(var(--container), calc(100% - 32px));
	margin: 0 auto;
}

.header-inner {
	display: flex;
	align-items: center;
	gap: 22px;
	min-height: 72px;
}

.brand {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	font-size: 26px;
	font-weight: 900;
	letter-spacing: 0;
	white-space: nowrap;
}

.brand-mark {
	width: 28px;
	height: 28px;
	border-radius: 7px;
	background: var(--accent);
	box-shadow: inset 8px 0 0 #111318;
}

.site-nav {
	display: flex;
	align-items: center;
	gap: 18px;
	margin-left: auto;
	font-size: 14px;
	font-weight: 750;
	text-transform: lowercase;
}

.site-nav ul {
	display: flex;
	align-items: center;
	gap: 18px;
	padding: 0;
	margin: 0;
	list-style: none;
}

.site-nav a {
	color: #22262d;
}

.site-nav a:hover,
.brand:hover {
	color: var(--accent);
}

.submit-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 36px;
	padding: 0 14px;
	border-radius: var(--radius);
	background: #111318;
	color: #fff;
	font-size: 13px;
	font-weight: 800;
}

.header-search {
	width: 170px;
}

.header-search input {
	width: 100%;
	height: 36px;
	padding: 0 12px;
	border: 1px solid var(--line);
	border-radius: var(--radius);
	background: var(--surface-soft);
	color: var(--text);
	font: inherit;
	font-size: 13px;
	font-weight: 700;
	outline: none;
}

.header-search input:focus {
	border-color: #111318;
	background: #fff;
}

.submit-link:hover {
	background: var(--accent);
	color: #fff;
}

.home-shell {
	padding: 18px 0 48px;
}

.front-grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 340px;
	gap: 24px;
	align-items: start;
	padding: 0;
}

.headline-rail {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
	margin-bottom: 16px;
}

.rail-link {
	display: flex;
	align-items: center;
	min-height: 58px;
	padding: 12px 14px;
	background: #fff;
	border: 1px solid var(--line);
	border-radius: var(--radius);
	font-size: 15px;
	line-height: 1.18;
	font-weight: 900;
}

.rail-link:hover {
	border-color: #111318;
	color: var(--accent);
}

.today-wide {
	display: grid;
	grid-template-columns: 210px minmax(0, 1fr);
	gap: 18px;
	align-items: stretch;
	margin-bottom: 22px;
	padding: 20px;
	background: #fff;
	border: 1px solid var(--line);
	border-radius: var(--radius);
}

.today-wide h2 {
	margin: 0;
	font-size: 30px;
	line-height: 0.96;
	font-weight: 950;
	letter-spacing: 0;
}

.today-wide-list {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 0;
}

.today-wide-item {
	display: block;
	padding: 0 14px;
	border-left: 1px solid var(--line);
}

.today-wide-item span {
	display: block;
	margin-bottom: 7px;
	color: var(--accent);
	font-size: 12px;
	font-weight: 900;
}

.today-wide-item strong {
	display: block;
	font-size: 15px;
	line-height: 1.18;
	font-weight: 900;
}

.today-wide-item:hover strong {
	color: var(--accent);
}

.top-stories {
	display: grid;
	grid-template-columns: 1.45fr 1fr;
	gap: 16px;
	margin-bottom: 24px;
}

.hero-card,
.small-feature,
.story-card,
.panel {
	background: var(--surface);
	border: 1px solid var(--line);
	border-radius: var(--radius);
	overflow: hidden;
}

.hero-card {
	min-height: 420px;
}

.hero-media,
.small-feature .thumb,
.story-thumb {
	position: relative;
	background: linear-gradient(135deg, #14171d, #3b465a);
	overflow: hidden;
}

.hero-media {
	aspect-ratio: 16 / 10;
}

.hero-media img,
.small-feature img,
.story-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 220ms ease;
}

.hero-card:hover img,
.small-feature:hover img,
.story-card:hover img {
	transform: scale(1.035);
}

.no-thumb {
	display: grid;
	place-items: center;
	width: 100%;
	height: 100%;
	padding: 24px;
	color: #fff;
	font-size: 12px;
	font-weight: 900;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	text-align: center;
}

.card-body {
	padding: 18px 20px 20px;
}

.kicker {
	display: inline-flex;
	align-items: center;
	margin-bottom: 10px;
	color: var(--accent);
	font-size: 12px;
	font-weight: 900;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.hero-title {
	margin: 0 0 10px;
	font-size: clamp(30px, 4vw, 52px);
	line-height: 0.98;
	font-weight: 950;
	letter-spacing: 0;
}

.card-title {
	margin: 0 0 8px;
	font-size: 26px;
	line-height: 1.08;
	font-weight: 900;
	letter-spacing: 0;
}

.card-title.small {
	font-size: 20px;
}

.excerpt {
	margin: 0;
	color: #4e5662;
	font-size: 16px;
}

.meta {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 12px;
	align-items: center;
	margin-top: 14px;
	color: var(--muted);
	font-size: 13px;
	font-weight: 650;
}

.feature-column {
	display: grid;
	gap: 16px;
}

.small-feature .thumb {
	aspect-ratio: 16 / 9;
}

.today-panel {
	position: sticky;
	top: 96px;
}

.panel {
	padding: 20px;
}

.panel-title {
	margin: 0 0 16px;
	font-size: 23px;
	line-height: 1.05;
	font-weight: 950;
}

.section-heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 4px 0 14px;
}

.section-heading h2 {
	margin: 0;
	font-size: 28px;
	line-height: 1;
	font-weight: 950;
}

.today-list {
	display: grid;
	gap: 0;
	margin: 0;
	padding: 0;
	list-style: none;
}

.today-item {
	display: grid;
	grid-template-columns: 54px 1fr;
	gap: 12px;
	padding: 15px 0;
	border-top: 1px solid var(--line);
}

.today-time {
	color: var(--accent);
	font-size: 13px;
	font-weight: 850;
}

.today-link {
	font-size: 17px;
	line-height: 1.18;
	font-weight: 850;
}

.today-link:hover,
.story-card:hover .card-title,
.hero-card:hover .hero-title,
.small-feature:hover .card-title {
	color: var(--accent);
}

.feed {
	display: grid;
	gap: 16px;
}

.story-card {
	display: grid;
	grid-template-columns: 280px minmax(0, 1fr);
	min-height: 190px;
}

.story-thumb {
	min-height: 100%;
}

.story-card .card-body {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.pagination,
.nav-links {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 24px;
}

.page-numbers,
.nav-links a,
.nav-links span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 38px;
	min-height: 38px;
	padding: 0 12px;
	border: 1px solid var(--line);
	border-radius: var(--radius);
	background: #fff;
	font-size: 14px;
	font-weight: 800;
}

.page-numbers.current,
.page-numbers:hover,
.nav-links a:hover {
	background: var(--text);
	border-color: var(--text);
	color: #fff;
}

.events {
	margin-top: 16px;
}

.compact-panel {
	margin-bottom: 16px;
}

.tag-cloud {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.tag-cloud a {
	display: inline-flex;
	align-items: center;
	min-height: 30px;
	padding: 0 10px;
	background: var(--surface-soft);
	border: 1px solid var(--line);
	border-radius: 999px;
	color: #242932;
	font-weight: 850;
}

.tag-cloud a:hover {
	background: #111318;
	border-color: #111318;
	color: #fff;
}

.load-more {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 54px;
	margin-top: 18px;
	border: 1px solid #111318;
	border-radius: var(--radius);
	background: #111318;
	color: #fff;
	font: inherit;
	font-size: 15px;
	font-weight: 900;
	cursor: pointer;
}

.load-more:hover {
	background: var(--accent);
	border-color: var(--accent);
}

.load-more:disabled {
	cursor: wait;
	opacity: 0.72;
}

.event {
	padding: 14px 0;
	border-top: 1px solid var(--line);
}

.event strong {
	display: block;
	font-size: 16px;
	line-height: 1.18;
}

.event span {
	display: block;
	margin-top: 4px;
	color: var(--muted);
	font-size: 13px;
	font-weight: 650;
}

.site-footer {
	border-top: 1px solid var(--line);
	background: #fff;
	color: var(--muted);
}

.footer-inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 20px;
	padding: 28px 0;
	font-size: 14px;
}

.footer-nav {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	font-weight: 800;
}

.footer-nav a:hover {
	color: var(--accent);
}

.single-shell {
	width: min(820px, calc(100% - 32px));
	margin: 0 auto;
	padding: 36px 0 56px;
}

.single-article {
	background: #fff;
	border: 1px solid var(--line);
	border-radius: var(--radius);
	overflow: hidden;
}

.single-article .entry-content,
.single-article .entry-header {
	padding: 0 32px;
}

.single-article .entry-header {
	padding-top: 30px;
	padding-bottom: 22px;
}

.single-title {
	margin: 0;
	font-size: clamp(36px, 6vw, 64px);
	line-height: 0.98;
	font-weight: 950;
	letter-spacing: 0;
}

.single-thumb {
	aspect-ratio: 16 / 9;
	background: #14171d;
}

.single-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.entry-content {
	padding-bottom: 36px;
	font-size: 19px;
	line-height: 1.72;
}

.entry-content a {
	color: var(--accent-dark);
	text-decoration: underline;
	text-underline-offset: 3px;
}

.entry-content h2,
.entry-content h3 {
	line-height: 1.12;
	letter-spacing: 0;
}

.empty-state {
	padding: 50px 24px;
	background: #fff;
	border: 1px solid var(--line);
	border-radius: var(--radius);
	text-align: center;
}

.empty-state h1 {
	margin: 0 0 10px;
	font-size: 34px;
	line-height: 1;
}

@media (max-width: 980px) {
	.header-inner {
		flex-wrap: wrap;
		gap: 12px 18px;
		padding: 14px 0;
	}

	.site-nav {
		order: 3;
		width: calc(100% - 190px);
		margin-left: 0;
		overflow-x: auto;
		padding-bottom: 2px;
	}

	.header-search {
		order: 4;
		width: 170px;
		margin-left: auto;
	}

	.front-grid,
	.top-stories,
	.today-wide {
		grid-template-columns: 1fr;
	}

	.today-wide-list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 14px 0;
	}

	.headline-rail {
		grid-template-columns: 1fr;
	}

	.today-panel {
		position: static;
	}
}

@media (max-width: 640px) {
	.header-inner,
	.wrap,
	.single-shell {
		width: min(100% - 20px, var(--container));
	}

	.brand {
		font-size: 23px;
	}

	.submit-link {
		margin-left: auto;
	}

	.header-search,
	.site-nav {
		width: 100%;
		order: initial;
	}

	.hero-card {
		min-height: 0;
	}

	.hero-title {
		font-size: 34px;
	}

	.today-wide-list {
		grid-template-columns: 1fr;
	}

	.today-wide-item {
		padding: 12px 0;
		border-left: 0;
		border-top: 1px solid var(--line);
	}

	.story-card {
		grid-template-columns: 1fr;
	}

	.story-thumb {
		aspect-ratio: 16 / 9;
	}

	.card-body,
	.panel,
	.single-article .entry-header,
	.single-article .entry-content {
		padding-left: 18px;
		padding-right: 18px;
	}

	.footer-inner {
		flex-direction: column;
	}
}

/* Rozetked-inspired visual system: clean editorial grid, dark mode, mobile nav. */
:root {
	--page: #f3f3f2;
	--surface: #ffffff;
	--surface-soft: #f7f7f7;
	--text: #111111;
	--muted: #747474;
	--line: #f2f2f2;
	--accent: #111111;
	--accent-dark: #000000;
	--radius: 12px;
	--container: 1240px;
	--header-bg: rgba(255, 255, 255, 0.82);
	--shadow-soft: 0 18px 60px rgba(0, 0, 0, 0.08);
	color-scheme: light;
}

:root[data-theme="dark"] {
	--page: #000000;
	--surface: #000000;
	--surface-soft: #101010;
	--text: #e5e5e5;
	--muted: #8a8a8a;
	--line: #1a1a1a;
	--accent: #ffffff;
	--accent-dark: #e5e5e5;
	--header-bg: rgba(0, 0, 0, 0.72);
	--shadow-soft: 0 18px 60px rgba(0, 0, 0, 0.42);
	color-scheme: dark;
}

html {
	scroll-behavior: smooth;
}

body {
	background: var(--page);
	color: var(--text);
	font-family: var(--font-text);
	font-size: 17px;
	line-height: 1.58;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

h1,
h2,
h3,
h4,
.hero-title,
.card-title,
.panel-title,
.today-wide h2,
.section-heading h1,
.section-heading h2 {
	color: var(--text);
	font-family: var(--font-display);
	font-weight: 800;
	letter-spacing: -0.02em;
}

.site-header {
	background: var(--header-bg);
	border-bottom: 1px solid transparent;
	backdrop-filter: blur(10px);
	transition: background 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.site-header.is-scrolled {
	border-bottom-color: var(--line);
	box-shadow: 0 1px 0 rgba(127, 127, 127, 0.08);
}

.header-inner {
	position: relative;
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	align-items: center;
	gap: 28px;
	min-height: 76px;
}

.brand {
	position: relative;
	z-index: 31;
	color: var(--text);
	font-size: 25px;
	font-weight: 800;
	letter-spacing: -0.03em;
}

.brand-mark {
	width: 26px;
	height: 26px;
	border-radius: 50%;
	background: var(--text);
	box-shadow: none;
}

.site-nav {
	justify-self: center;
	margin: 0;
	color: var(--text);
	font-size: 15px;
	font-weight: 700;
	text-transform: none;
}

.site-nav ul {
	gap: 28px;
}

.site-nav a {
	color: var(--text);
	opacity: 0.86;
	transition: opacity 160ms ease, transform 160ms ease;
}

.site-nav a:hover {
	color: var(--text);
	opacity: 1;
	transform: translateY(-1px);
}

.header-actions {
	position: relative;
	z-index: 31;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 10px;
}

.header-search {
	position: relative;
	width: 42px;
	transition: width 180ms ease;
}

.header-search:hover,
.header-search:focus-within {
	width: 220px;
}

.header-search input {
	height: 42px;
	padding: 0 42px 0 16px;
	border: 0;
	border-radius: 999px;
	background: var(--surface-soft);
	color: var(--text);
	font-size: 14px;
	font-weight: 600;
	opacity: 0;
	transition: opacity 160ms ease, background 160ms ease;
}

.header-search:hover input,
.header-search:focus-within input {
	opacity: 1;
}

.icon-button,
.theme-toggle,
.menu-toggle,
.load-more,
.submit-link {
	border-radius: 999px;
	transition: transform 160ms ease, background 160ms ease, color 160ms ease, opacity 160ms ease;
}

.icon-button,
.theme-toggle,
.menu-toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	padding: 0;
	border: 0;
	background: var(--surface-soft);
	color: var(--text);
	cursor: pointer;
}

.icon-button {
	position: absolute;
	top: 0;
	right: 0;
}

.icon-button span,
.theme-toggle span {
	position: relative;
	display: block;
	width: 16px;
	height: 16px;
}

.icon-button span::before {
	content: "";
	position: absolute;
	inset: 0;
	border: 2px solid currentColor;
	border-radius: 50%;
}

.icon-button span::after {
	content: "";
	position: absolute;
	right: -3px;
	bottom: -2px;
	width: 7px;
	height: 2px;
	background: currentColor;
	border-radius: 2px;
	transform: rotate(45deg);
}

.theme-toggle span {
	border-radius: 50%;
	box-shadow: inset -5px -4px 0 0 currentColor;
	border: 2px solid currentColor;
}

.menu-toggle {
	display: none;
	flex-direction: column;
	gap: 5px;
}

.menu-toggle span {
	display: block;
	width: 18px;
	height: 2px;
	border-radius: 2px;
	background: currentColor;
	transition: transform 160ms ease, opacity 160ms ease;
}

.menu-open .menu-toggle span:first-child {
	transform: translateY(3.5px) rotate(45deg);
}

.menu-open .menu-toggle span:last-child {
	transform: translateY(-3.5px) rotate(-45deg);
}

.icon-button:hover,
.theme-toggle:hover,
.menu-toggle:hover,
.load-more:hover,
.submit-link:hover {
	transform: scale(1.02);
}

.header-strip {
	display: none;
}

.home-shell {
	padding: 42px 0 80px;
}

.headline-rail,
.today-wide,
.panel,
.hero-card,
.small-feature,
.story-card,
.single-article,
.empty-state,
.rail-link {
	background: transparent;
	border: 0;
	box-shadow: none;
}

.headline-rail {
	gap: 18px;
	margin-bottom: 46px;
}

.rail-link {
	min-height: auto;
	padding: 0 0 18px;
	border-bottom: 1px solid var(--line);
	border-radius: 0;
	color: var(--text);
	font-size: 18px;
	font-weight: 800;
	letter-spacing: -0.02em;
}

.rail-link:hover {
	color: var(--text);
	border-color: var(--text);
	transform: translateY(-2px);
}

.today-wide {
	grid-template-columns: 240px minmax(0, 1fr);
	gap: 28px;
	margin-bottom: 54px;
	padding: 32px 0;
	border-top: 1px solid var(--line);
	border-bottom: 1px solid var(--line);
	border-radius: 0;
}

.today-wide h2 {
	font-size: clamp(34px, 5vw, 62px);
	line-height: 0.92;
}

.today-wide-item {
	padding: 0 18px;
	border-left: 1px solid var(--line);
}

.today-wide-item span,
.kicker,
.today-time {
	color: var(--muted);
	letter-spacing: 0;
	text-transform: none;
}

.today-wide-item strong {
	color: var(--text);
	font-size: 17px;
	letter-spacing: -0.02em;
}

.front-grid {
	grid-template-columns: minmax(0, 1fr);
	gap: 56px;
}

.top-stories {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 34px;
	margin-bottom: 62px;
}

.hero-card {
	min-height: 0;
}

.hero-media,
.small-feature .thumb,
.story-thumb,
.single-thumb {
	border-radius: 12px;
	background: var(--surface-soft);
	overflow: hidden;
}

.hero-media {
	aspect-ratio: 4 / 3;
}

.feature-column {
	display: contents;
}

.hero-card,
.small-feature,
.story-card {
	transition: transform 160ms ease;
}

.hero-card:hover,
.small-feature:hover,
.story-card:hover {
	transform: scale(1.02);
}

.hero-card:hover img,
.small-feature:hover img,
.story-card:hover img {
	transform: none;
}

.card-body {
	padding: 16px 0 0;
}

.hero-title {
	font-size: clamp(28px, 3.5vw, 46px);
	line-height: 1.02;
}

.card-title,
.card-title.small {
	font-size: clamp(21px, 2.3vw, 28px);
	line-height: 1.08;
}

.excerpt {
	margin-top: 10px;
	color: var(--muted);
	font-size: 16px;
}

.meta {
	color: var(--muted);
	font-size: 13px;
	font-weight: 600;
}

.section-heading {
	margin: 0 0 28px;
	padding-top: 8px;
}

.section-heading h1,
.section-heading h2 {
	font-size: clamp(34px, 6vw, 64px);
	line-height: 0.95;
}

.feed {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 48px 34px;
}

.story-card {
	display: block;
	min-height: 0;
}

.story-thumb {
	aspect-ratio: 16 / 10;
	min-height: 0;
}

.story-card .card-body {
	display: block;
}

.today-panel {
	position: static;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 34px;
	border-top: 1px solid var(--line);
	padding-top: 48px;
}

.panel {
	padding: 0;
	border-radius: 0;
}

.panel-title {
	font-size: 28px;
}

.tag-cloud a {
	min-height: 38px;
	border: 0;
	background: var(--surface-soft);
	color: var(--text);
}

.event {
	border-top-color: var(--line);
}

.load-more {
	min-height: 56px;
	max-width: 240px;
	margin: 48px auto 0;
	border: 0;
	background: var(--text);
	color: var(--page);
	font-size: 15px;
}

.site-footer {
	background: var(--page);
	border-top: 1px solid var(--line);
	color: var(--muted);
}

.footer-nav a {
	color: var(--text);
}

.single-shell {
	padding: 56px 0 88px;
}

.single-article .entry-header,
.single-article .entry-content {
	padding-left: 0;
	padding-right: 0;
}

.single-title {
	color: var(--text);
	font-size: clamp(40px, 8vw, 86px);
	font-weight: 800;
	letter-spacing: -0.04em;
}

.entry-content {
	color: var(--text);
	font-size: 20px;
	line-height: 1.75;
}

.no-thumb {
	background: var(--surface-soft);
	color: var(--text);
}

@media (max-width: 1024px) {
	.header-inner {
		gap: 18px;
	}

	.site-nav ul {
		gap: 18px;
	}

	.top-stories,
	.feed {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.today-wide,
	.today-panel {
		grid-template-columns: 1fr;
	}

	.today-wide-list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 760px) {
	.header-inner {
		display: flex;
		min-height: 68px;
	}

	.brand {
		font-size: 22px;
	}

	.header-actions {
		margin-left: auto;
	}

	.menu-toggle {
		display: inline-flex;
	}

	.header-search {
		width: 42px;
	}

	.header-search:focus-within {
		position: absolute;
		left: 0;
		right: 104px;
		width: auto;
	}

	.site-nav {
		position: fixed;
		inset: 68px 0 auto 0;
		display: block;
		width: 100%;
		max-height: calc(100vh - 68px);
		padding: 26px 16px 32px;
		background: var(--page);
		border-bottom: 1px solid var(--line);
		box-shadow: var(--shadow-soft);
		opacity: 0;
		pointer-events: none;
		transform: translateY(-12px);
		transition: opacity 180ms ease, transform 180ms ease;
		overflow-y: auto;
	}

	.menu-open .site-nav {
		opacity: 1;
		pointer-events: auto;
		transform: translateY(0);
	}

	.site-nav ul {
		display: grid;
		gap: 0;
		width: min(100%, 460px);
		margin: 0 auto;
	}

	.site-nav li {
		border-bottom: 1px solid var(--line);
	}

	.site-nav a {
		display: block;
		padding: 18px 0;
		font-size: 28px;
		font-weight: 800;
		letter-spacing: -0.03em;
	}

	.home-shell {
		padding-top: 28px;
	}

	.headline-rail,
	.top-stories,
	.feed,
	.today-wide-list,
	.today-panel {
		grid-template-columns: 1fr;
	}

	.headline-rail {
		margin-bottom: 34px;
	}

	.today-wide {
		margin-bottom: 42px;
		padding: 28px 0;
	}

	.today-wide-item {
		padding: 16px 0;
		border-left: 0;
		border-top: 1px solid var(--line);
	}

	.top-stories,
	.feed {
		gap: 38px;
	}

	.story-thumb,
	.hero-media,
	.small-feature .thumb {
		aspect-ratio: 16 / 10;
	}

	.footer-inner {
		align-items: flex-start;
	}
}

/* Home page stacked cards layout. */
.home-feed-page {
	width: min(820px, calc(100% - 32px));
	margin: 0 auto;
	padding: 36px 0 72px;
}

.home-post-list {
	display: grid;
	grid-template-columns: 1fr;
	gap: 34px;
}

.home-feed-page .story-card {
	display: block;
	overflow: hidden;
	background: #ffffff;
	border: 0;
	border-radius: 16px;
	box-shadow: none;
	transform: none;
}

.home-feed-page .story-card:hover {
	transform: none;
}

.home-feed-page .story-thumb {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 9;
	min-height: 0;
	border-radius: 16px 16px 0 0;
	background: #e8e4dc;
	overflow: hidden;
}

.home-feed-page .story-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.home-feed-page .card-body {
	padding: 22px 28px 26px;
}

.home-feed-page .card-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0 0 14px;
}

.home-feed-page .card-tag {
	display: inline-flex;
	align-items: center;
	min-height: 28px;
	padding: 0 10px;
	border-radius: 999px;
	background: #f3f3f2;
	color: #6f6a61;
	font-size: 12px;
	font-weight: 750;
	line-height: 1;
}

.home-feed-page .card-tag:hover {
	background: #f0dfca;
	color: #2b241d;
}

.home-feed-page .card-title {
	margin: 0;
	color: #050505;
	font-size: clamp(25px, 3.2vw, 31px);
	font-weight: 800;
	line-height: 1.03;
	letter-spacing: -0.035em;
}

.home-feed-page .excerpt {
	margin-top: 22px;
	color: #111111;
	font-size: clamp(18px, 2.2vw, 22px);
	font-weight: 400;
	line-height: 1.18;
	letter-spacing: -0.02em;
}

body.home,
body.blog {
	background: #f3f3f2;
}

:root[data-theme="dark"] body.home,
:root[data-theme="dark"] body.blog {
	background: #000000;
}

:root[data-theme="dark"] .home-feed-page .story-card {
	background: #101010;
}

:root[data-theme="dark"] .home-feed-page .card-title,
:root[data-theme="dark"] .home-feed-page .excerpt {
	color: #e5e5e5;
}

.home-feed-page .load-more {
	max-width: none;
	width: 100%;
	margin-top: 34px;
	background: #111111;
	color: #ffffff;
}

@media (max-width: 760px) {
	.home-feed-page {
		width: min(100% - 20px, 820px);
		padding: 20px 0 52px;
	}

	.home-post-list {
		gap: 22px;
	}

	.home-feed-page .story-card {
		border-radius: 14px;
	}

	.home-feed-page .story-thumb {
		border-radius: 14px 14px 0 0;
	}

	.home-feed-page .card-body {
		padding: 18px 20px 22px;
	}

	.home-feed-page .card-title {
		font-size: 24px;
	}

	.home-feed-page .excerpt {
		margin-top: 16px;
		font-size: 18px;
	}
}

/* Final home feed lock: centered single-column cards like the provided reference. */
body.home,
body.blog {
	background: #f3f3f2 !important;
}

body.home main.home-feed-page,
body.blog main.home-feed-page {
	display: block !important;
	width: min(100% - 32px, 820px) !important;
	max-width: 820px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding: 24px 0 72px !important;
}

body.home .home-post-list,
body.blog .home-post-list {
	display: flex !important;
	flex-direction: column !important;
	align-items: stretch !important;
	gap: 24px !important;
	width: 100% !important;
	max-width: 820px !important;
	margin: 0 auto !important;
}

body.home .home-post-list > .story-card,
body.blog .home-post-list > .story-card {
	display: block !important;
	width: 100% !important;
	max-width: 820px !important;
	margin: 0 auto !important;
	padding: 0 !important;
	background: #ffffff !important;
	border: 0 !important;
	border-radius: 16px !important;
	overflow: hidden !important;
	box-shadow: none !important;
}

body.home .home-post-list > .story-card .story-thumb,
body.blog .home-post-list > .story-card .story-thumb {
	display: block !important;
	width: 100% !important;
	height: auto !important;
	min-height: 0 !important;
	aspect-ratio: 16 / 9 !important;
	border-radius: 16px 16px 0 0 !important;
	overflow: hidden !important;
}

body.home .home-post-list > .story-card .story-thumb img,
body.blog .home-post-list > .story-card .story-thumb img {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	transform: none !important;
}

body.home .home-post-list > .story-card:hover .story-thumb img,
body.blog .home-post-list > .story-card:hover .story-thumb img {
	transform: none !important;
}

body.home .home-post-list > .story-card .card-body,
body.blog .home-post-list > .story-card .card-body {
	display: block !important;
	padding: 22px 28px 26px !important;
	background: #ffffff !important;
}

body.home .home-post-list > .story-card .card-title,
body.blog .home-post-list > .story-card .card-title {
	margin: 0 !important;
	color: #050505 !important;
	font-size: 31px !important;
	font-weight: 800 !important;
	line-height: 1.03 !important;
	letter-spacing: -0.035em !important;
}

body.home .home-post-list > .story-card .excerpt,
body.blog .home-post-list > .story-card .excerpt {
	margin: 22px 0 0 !important;
	color: #111111 !important;
	font-size: 22px !important;
	font-weight: 400 !important;
	line-height: 1.18 !important;
	letter-spacing: -0.02em !important;
}

@media (max-width: 760px) {
	body.home main.home-feed-page,
	body.blog main.home-feed-page {
		width: min(100% - 20px, 820px) !important;
		padding-top: 18px !important;
	}

	body.home .home-post-list,
	body.blog .home-post-list {
		gap: 22px !important;
	}

	body.home .home-post-list > .story-card,
	body.blog .home-post-list > .story-card {
		border-radius: 14px !important;
	}

	body.home .home-post-list > .story-card .story-thumb,
	body.blog .home-post-list > .story-card .story-thumb {
		border-radius: 14px 14px 0 0 !important;
	}

	body.home .home-post-list > .story-card .card-body,
	body.blog .home-post-list > .story-card .card-body {
		padding: 18px 20px 22px !important;
	}

	body.home .home-post-list > .story-card .card-title,
	body.blog .home-post-list > .story-card .card-title {
		font-size: 24px !important;
	}

	body.home .home-post-list > .story-card .excerpt,
	body.blog .home-post-list > .story-card .excerpt {
		margin-top: 16px !important;
		font-size: 18px !important;
	}
}

/* Smaller home cards, no card movement on hover. */
body.home main.home-feed-page,
body.blog main.home-feed-page {
	width: min(100% - 32px, 713px) !important;
	max-width: 713px !important;
}

body.home .home-post-list,
body.blog .home-post-list {
	max-width: 713px !important;
	gap: 28px !important;
}

body.home .home-post-list > .story-card,
body.blog .home-post-list > .story-card {
	max-width: 713px !important;
	transform: none !important;
	transition: none !important;
}

body.home .home-post-list > .story-card:hover,
body.blog .home-post-list > .story-card:hover {
	transform: none !important;
}

body.home .home-post-list > .story-card .story-thumb,
body.blog .home-post-list > .story-card .story-thumb {
	aspect-ratio: 16 / 8.8 !important;
}

body.home .home-post-list > .story-card .card-body,
body.blog .home-post-list > .story-card .card-body {
	padding: 18px 24px 22px !important;
}

body.home .home-post-list > .story-card .card-tags,
body.blog .home-post-list > .story-card .card-tags {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 8px !important;
	margin: 0 0 14px !important;
}

body.home .home-post-list > .story-card .card-tag,
body.blog .home-post-list > .story-card .card-tag {
	display: inline-flex !important;
	align-items: center !important;
	min-height: 28px !important;
	padding: 0 10px !important;
	border-radius: 999px !important;
	background: #f3f3f2 !important;
	color: #6f6a61 !important;
	font-size: 12px !important;
	font-weight: 750 !important;
	line-height: 1 !important;
}

body.home .home-post-list > .story-card .card-tag:hover,
body.blog .home-post-list > .story-card .card-tag:hover {
	background: #f0dfca !important;
	color: #2b241d !important;
}

body.home .home-post-list > .story-card .card-title,
body.blog .home-post-list > .story-card .card-title {
	font-size: 27px !important;
	transition: color 160ms ease !important;
}

body.home .home-post-list > .story-card .card-title a,
body.blog .home-post-list > .story-card .card-title a {
	transition: color 160ms ease !important;
}

body.home .home-post-list > .story-card .card-title a:hover,
body.blog .home-post-list > .story-card .card-title a:hover {
	color: #e8ad72 !important;
}

body.home .home-post-list > .story-card .excerpt,
body.blog .home-post-list > .story-card .excerpt {
	margin-top: 16px !important;
	font-size: 19px !important;
}

@media (max-width: 760px) {
	body.home main.home-feed-page,
	body.blog main.home-feed-page {
		width: min(100% - 20px, 713px) !important;
	}

	body.home .home-post-list,
	body.blog .home-post-list {
		gap: 22px !important;
	}

	body.home .home-post-list > .story-card .card-title,
	body.blog .home-post-list > .story-card .card-title {
		font-size: 22px !important;
	}

	body.home .home-post-list > .story-card .excerpt,
	body.blog .home-post-list > .story-card .excerpt {
		font-size: 17px !important;
	}
}

/* Apple system typography lock. */
body,
button,
input,
textarea,
select {
	font-family: var(--font-text) !important;
}

body {
	font-weight: 400;
}

h1,
h2,
h3,
h4,
h5,
h6,
.brand,
.hero-title,
.card-title,
.single-title,
.panel-title,
.section-heading h1,
.section-heading h2,
.today-wide h2 {
	font-family: var(--font-display) !important;
	font-weight: 800 !important;
	letter-spacing: -0.015em !important;
}

.entry-content h2,
.entry-content h3,
.entry-content h4 {
	font-weight: 700 !important;
	letter-spacing: -0.01em !important;
}

.excerpt,
.entry-content,
.single-article .entry-content {
	font-weight: 400;
	letter-spacing: 0 !important;
}

.kicker,
.meta,
.card-tag,
.today-time,
.load-more,
.submit-link,
.site-nav {
	font-family: var(--font-compact) !important;
	font-weight: 700 !important;
	letter-spacing: 0 !important;
}

.brand,
.submit-link,
.load-more,
.page-numbers,
.nav-links a,
.nav-links span,
.tag-cloud a,
.card-tag,
.header-search input {
	font-family: var(--font-rounded) !important;
}

.kicker,
.meta,
.today-time,
.card-date,
.strip-inner {
	font-family: var(--font-compact-rounded) !important;
}

code,
kbd,
samp,
pre,
.wp-block-code,
.wp-block-preformatted {
	font-family: var(--font-mono) !important;
}

blockquote,
.entry-content blockquote,
.wp-block-quote,
.wp-block-pullquote {
	margin: 30px 0;
	padding: 0 0 0 22px;
	border-left: 4px solid var(--text);
	color: var(--text);
	font-family: var(--font-serif) !important;
	font-size: 1.12em;
	font-style: italic;
	font-weight: 600;
	line-height: 1.55;
}

:lang(ar),
[lang|="ar"] {
	font-family: var(--font-arabic) !important;
}

:lang(he),
[lang|="he"] {
	font-family: var(--font-hebrew) !important;
}

blockquote cite,
.entry-content blockquote cite,
.wp-block-quote cite,
.wp-block-pullquote cite {
	display: block;
	margin-top: 12px;
	color: var(--muted);
	font-size: 0.82em;
	font-style: normal;
	font-weight: 700;
}

/* Home tiled post grid. */
body.home,
body.blog {
	background: #f7f7f5 !important;
}

body.home main.home-feed-page,
body.blog main.home-feed-page {
	display: block !important;
	width: min(100% - 56px, 1440px) !important;
	max-width: 1440px !important;
	margin: 0 auto !important;
	padding: 36px 0 84px !important;
}

body.home .home-post-list,
body.blog .home-post-list {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: 38px 36px !important;
	align-items: stretch !important;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
}

body.home .home-post-list > .story-card,
body.blog .home-post-list > .story-card {
	display: flex !important;
	flex-direction: column !important;
	width: 100% !important;
	max-width: none !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	background: #ffffff !important;
	border: 0 !important;
	border-radius: 10px !important;
	box-shadow: none !important;
	overflow: hidden !important;
	transform: none !important;
	transition: transform 160ms ease, box-shadow 160ms ease !important;
}

body.home .home-post-list > .story-card:hover,
body.blog .home-post-list > .story-card:hover {
	transform: translateY(-2px) !important;
	box-shadow: 0 16px 36px rgba(0, 0, 0, 0.06) !important;
}

body.home .home-post-list > .story-card .story-thumb,
body.blog .home-post-list > .story-card .story-thumb {
	display: block !important;
	width: 100% !important;
	height: auto !important;
	min-height: 0 !important;
	aspect-ratio: 16 / 10.6 !important;
	border-radius: 10px 10px 0 0 !important;
	background: #ecebe7 !important;
	overflow: hidden !important;
}

body.home .home-post-list > .story-card .story-thumb img,
body.blog .home-post-list > .story-card .story-thumb img {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	transform: none !important;
}

body.home .home-post-list > .story-card:hover .story-thumb img,
body.blog .home-post-list > .story-card:hover .story-thumb img {
	transform: none !important;
}

body.home .home-post-list > .story-card .card-body,
body.blog .home-post-list > .story-card .card-body {
	display: flex !important;
	flex: 1 1 auto !important;
	flex-direction: column !important;
	padding: 34px 36px 32px !important;
	background: #ffffff !important;
}

body.home .home-post-list > .story-card .card-tags,
body.blog .home-post-list > .story-card .card-tags {
	display: none !important;
}

body.home .home-post-list > .story-card .card-category,
body.blog .home-post-list > .story-card .card-category {
	display: inline-flex !important;
	align-self: flex-start !important;
	margin: 0 0 16px !important;
	color: #6a6a66 !important;
	font-size: 13px !important;
	font-weight: 800 !important;
	letter-spacing: 0.08em !important;
	line-height: 1.2 !important;
	text-transform: uppercase !important;
}

body.home .home-post-list > .story-card .card-category:hover,
body.blog .home-post-list > .story-card .card-category:hover,
body.home .home-post-list > .story-card .card-title a:hover,
body.blog .home-post-list > .story-card .card-title a:hover {
	color: #111111 !important;
}

body.home .home-post-list > .story-card .card-title,
body.blog .home-post-list > .story-card .card-title {
	margin: 0 !important;
	color: #050505 !important;
	font-size: clamp(22px, 1.55vw, 27px) !important;
	font-weight: 800 !important;
	line-height: 1.14 !important;
	letter-spacing: -0.02em !important;
}

body.home .home-post-list > .story-card .excerpt,
body.blog .home-post-list > .story-card .excerpt {
	margin: 24px 0 0 !important;
	color: #555552 !important;
	font-size: 17px !important;
	font-weight: 400 !important;
	line-height: 1.56 !important;
	letter-spacing: 0 !important;
}

body.home .home-post-list > .story-card .card-date,
body.blog .home-post-list > .story-card .card-date {
	display: block !important;
	margin-top: auto !important;
	padding-top: 34px !important;
	color: #666661 !important;
	font-size: 13px !important;
	font-weight: 800 !important;
	letter-spacing: 0.06em !important;
	line-height: 1 !important;
}

body.home .home-feed-page .load-more,
body.blog .home-feed-page .load-more {
	width: min(100%, 420px) !important;
	margin: 52px auto 0 !important;
}

@media (max-width: 1100px) {
	body.home .home-post-list,
	body.blog .home-post-list {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

@media (max-width: 760px) {
	body.home main.home-feed-page,
	body.blog main.home-feed-page {
		width: min(100% - 24px, 520px) !important;
		padding: 24px 0 56px !important;
	}

	body.home .home-post-list,
	body.blog .home-post-list {
		grid-template-columns: 1fr !important;
		gap: 24px !important;
	}

	body.home .home-post-list > .story-card,
	body.blog .home-post-list > .story-card {
		border-radius: 9px !important;
	}

	body.home .home-post-list > .story-card .story-thumb,
	body.blog .home-post-list > .story-card .story-thumb {
		aspect-ratio: 16 / 9.8 !important;
		border-radius: 9px 9px 0 0 !important;
	}

	body.home .home-post-list > .story-card .card-body,
	body.blog .home-post-list > .story-card .card-body {
		padding: 24px 24px 26px !important;
	}

	body.home .home-post-list > .story-card .card-title,
	body.blog .home-post-list > .story-card .card-title {
		font-size: 23px !important;
	}

	body.home .home-post-list > .story-card .excerpt,
	body.blog .home-post-list > .story-card .excerpt {
		margin-top: 18px !important;
		font-size: 16px !important;
	}
}

/* Site-wide post cards: three-column black tiles. */
:root,
:root[data-theme="dark"] {
	--page: #f0f0f0;
}

html,
body,
body.home,
body.blog,
.site-footer {
	background: #f0f0f0 !important;
}

body.home main.home-feed-page,
body.blog main.home-feed-page,
main.wrap.home-shell,
main.wrap.front-grid {
	display: block !important;
	width: min(100% - 56px, 1440px) !important;
	max-width: 1440px !important;
	margin: 0 auto !important;
	padding: 36px 0 84px !important;
}

main.wrap.front-grid > section {
	width: 100% !important;
}

body.home .home-post-list,
body.blog .home-post-list,
.feed {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: 24px !important;
	align-items: stretch !important;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
}

.home-post-list > .story-card,
.feed > .story-card {
	display: flex !important;
	flex-direction: column !important;
	width: 100% !important;
	max-width: none !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	background: #000000 !important;
	border: 0 !important;
	border-radius: 28px !important;
	box-shadow: none !important;
	overflow: hidden !important;
	transform: none !important;
	transition: transform 160ms ease !important;
}

.home-post-list > .story-card:hover,
.feed > .story-card:hover {
	transform: translateY(-3px) !important;
	box-shadow: none !important;
}

.home-post-list > .story-card .story-thumb,
.feed > .story-card .story-thumb {
	display: block !important;
	width: 100% !important;
	height: auto !important;
	min-height: 0 !important;
	aspect-ratio: 16 / 11.7 !important;
	border-radius: 28px 28px 0 0 !important;
	background: #d9d9d9 !important;
	overflow: hidden !important;
}

.home-post-list > .story-card .story-thumb img,
.feed > .story-card .story-thumb img {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	transform: none !important;
}

.home-post-list > .story-card:hover .story-thumb img,
.feed > .story-card:hover .story-thumb img {
	transform: none !important;
}

.home-post-list > .story-card .card-body,
.feed > .story-card .card-body {
	display: flex !important;
	flex: 1 1 auto !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 236px !important;
	padding: 22px 22px 28px !important;
	background: #000000 !important;
	text-align: center !important;
}

.home-post-list > .story-card .card-tags,
.feed > .story-card .card-tags,
.home-post-list > .story-card .excerpt,
.feed > .story-card .excerpt,
.home-post-list > .story-card .card-date,
.feed > .story-card .card-date,
.home-post-list > .story-card .meta,
.feed > .story-card .meta {
	display: none !important;
}

/* Absolute final card lock. */
body.home main.home-feed-page,
body.blog main.home-feed-page,
main.wrap.home-shell,
main.wrap.front-grid {
	width: min(100% - 48px, 1464px) !important;
	max-width: 1464px !important;
	margin: 0 auto !important;
	padding: 28px 0 72px !important;
}

body.home .home-post-list,
body.blog .home-post-list,
.feed {
	display: grid !important;
	grid-template-columns: repeat(3, 456px) !important;
	justify-content: center !important;
	align-items: start !important;
	gap: 25px !important;
	width: 100% !important;
	max-width: 1464px !important;
	margin: 0 auto !important;
}

.home-post-list > .story-card,
.feed > .story-card,
body.home .home-post-list > .story-card,
body.blog .home-post-list > .story-card {
	container-type: normal !important;
	display: flex !important;
	flex-direction: column !important;
	width: 456px !important;
	max-width: 456px !important;
	min-height: 579px !important;
	margin: 0 auto !important;
	padding: 0 !important;
	background: #000000 !important;
	border: 0 !important;
	border-radius: 28px !important;
	box-shadow: none !important;
	overflow: hidden !important;
	transform: none !important;
	transition: none !important;
}

.home-post-list > .story-card:hover,
.feed > .story-card:hover,
body.home .home-post-list > .story-card:hover,
body.blog .home-post-list > .story-card:hover {
	transform: none !important;
	box-shadow: none !important;
}

.home-post-list > .story-card .story-thumb,
.feed > .story-card .story-thumb,
body.home .home-post-list > .story-card .story-thumb,
body.blog .home-post-list > .story-card .story-thumb {
	display: block !important;
	flex: 0 0 335px !important;
	width: 456px !important;
	height: 336px !important;
	min-height: 0 !important;
	aspect-ratio: auto !important;
	border-radius: 28px 28px 0 0 !important;
	background: #d8d8d8 !important;
	margin-bottom: -1px !important;
	overflow: hidden !important;
}

.home-post-list > .story-card .story-thumb img,
.feed > .story-card .story-thumb img,
body.home .home-post-list > .story-card .story-thumb img,
body.blog .home-post-list > .story-card .story-thumb img {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	object-position: center !important;
	transform: none !important;
}

.home-post-list > .story-card .card-body,
.feed > .story-card .card-body,
body.home .home-post-list > .story-card .card-body,
body.blog .home-post-list > .story-card .card-body {
	display: flex !important;
	flex: 0 0 244px !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: flex-start !important;
	width: 456px !important;
	height: 244px !important;
	min-height: 244px !important;
	padding: 14px 18px 22px !important;
	background: #000000 !important;
	color: #ffffff !important;
	margin-top: -1px !important;
	text-align: center !important;
}

.home-post-list > .story-card .card-title,
.feed > .story-card .card-title,
body.home .home-post-list > .story-card .card-title,
body.blog .home-post-list > .story-card .card-title {
	display: block !important;
	width: 100% !important;
	height: 168px !important;
	margin: 0 !important;
	color: #ffffff !important;
	font-family: var(--font-display) !important;
	font-size: 28px !important;
	font-weight: 900 !important;
	line-height: 1 !important;
	letter-spacing: 0 !important;
	overflow: hidden !important;
	text-align: center !important;
	text-transform: uppercase !important;
	visibility: hidden !important;
}

.home-post-list > .story-card .card-title a,
.feed > .story-card .card-title a,
body.home .home-post-list > .story-card .card-title a,
body.blog .home-post-list > .story-card .card-title a {
	display: block !important;
	color: #ffffff !important;
	line-height: 1 !important;
}

.home-post-list > .story-card .card-title.is-fitted,
.feed > .story-card .card-title.is-fitted,
body.home .home-post-list > .story-card .card-title.is-fitted,
body.blog .home-post-list > .story-card .card-title.is-fitted {
	visibility: visible !important;
}

@media (max-width: 1540px) {
	body.home .home-post-list,
	body.blog .home-post-list,
	.feed {
		grid-template-columns: repeat(3, minmax(0, 456px)) !important;
	}
}

@media (max-width: 1100px) {
	body.home .home-post-list,
	body.blog .home-post-list,
	.feed {
		grid-template-columns: repeat(2, minmax(0, 456px)) !important;
	}
}

@media (max-width: 760px) {
	body.home main.home-feed-page,
	body.blog main.home-feed-page,
	main.wrap.home-shell,
	main.wrap.front-grid {
		width: min(100% - 24px, 456px) !important;
	}

	body.home .home-post-list,
	body.blog .home-post-list,
	.feed {
		grid-template-columns: minmax(0, 456px) !important;
		gap: 14px !important;
	}

	.home-post-list > .story-card,
	.feed > .story-card,
	body.home .home-post-list > .story-card,
	body.blog .home-post-list > .story-card {
		width: 100% !important;
		max-width: 456px !important;
		min-height: auto !important;
	}

	.home-post-list > .story-card .story-thumb,
	.feed > .story-card .story-thumb,
	body.home .home-post-list > .story-card .story-thumb,
	body.blog .home-post-list > .story-card .story-thumb {
		width: 100% !important;
		height: auto !important;
		flex-basis: auto !important;
		aspect-ratio: 456 / 335 !important;
	}

	.home-post-list > .story-card .card-body,
	.feed > .story-card .card-body,
	body.home .home-post-list > .story-card .card-body,
	body.blog .home-post-list > .story-card .card-body {
		width: 100% !important;
		height: auto !important;
		min-height: 244px !important;
		flex-basis: auto !important;
	}

	.home-post-list > .story-card .card-title,
	.feed > .story-card .card-title,
	body.home .home-post-list > .story-card .card-title,
	body.blog .home-post-list > .story-card .card-title {
		font-size: clamp(23px, 6.15vw, 28px) !important;
	}
}

@media (max-width: 1540px) {
	body.home .home-post-list,
	body.blog .home-post-list,
	.feed {
		grid-template-columns: repeat(3, minmax(0, 456px)) !important;
	}
}

@media (max-width: 1100px) {
	body.home .home-post-list,
	body.blog .home-post-list,
	.feed {
		grid-template-columns: repeat(2, minmax(0, 456px)) !important;
	}
}

@media (max-width: 760px) {
	body.home main.home-feed-page,
	body.blog main.home-feed-page,
	main.wrap.home-shell,
	main.wrap.front-grid {
		width: min(100% - 24px, 456px) !important;
	}

	body.home .home-post-list,
	body.blog .home-post-list,
	.feed {
		grid-template-columns: minmax(0, 456px) !important;
		gap: 14px !important;
	}

	.home-post-list > .story-card,
	.feed > .story-card,
	body.home .home-post-list > .story-card,
	body.blog .home-post-list > .story-card {
		width: 100% !important;
		max-width: 456px !important;
		min-height: auto !important;
	}

	.home-post-list > .story-card .story-thumb,
	.feed > .story-card .story-thumb,
	body.home .home-post-list > .story-card .story-thumb,
	body.blog .home-post-list > .story-card .story-thumb {
		width: 100% !important;
		height: auto !important;
		flex-basis: auto !important;
		aspect-ratio: 456 / 335 !important;
	}

	.home-post-list > .story-card .card-body,
	.feed > .story-card .card-body,
	body.home .home-post-list > .story-card .card-body,
	body.blog .home-post-list > .story-card .card-body {
		width: 100% !important;
		height: auto !important;
		min-height: 244px !important;
		flex-basis: auto !important;
	}

	.home-post-list > .story-card .card-title,
	.feed > .story-card .card-title,
	body.home .home-post-list > .story-card .card-title,
	body.blog .home-post-list > .story-card .card-title {
		font-size: clamp(23px, 6.15vw, 28px) !important;
	}
}

.home-post-list > .story-card .card-title a,
.feed > .story-card .card-title a,
body.home .home-post-list > .story-card .card-title a,
body.blog .home-post-list > .story-card .card-title a {
	color: #ffffff !important;
}

.home-post-list > .story-card .card-category,
.feed > .story-card .card-category,
body.home .home-post-list > .story-card .card-category,
body.blog .home-post-list > .story-card .card-category {
	display: inline-flex !important;
	align-self: center !important;
	align-items: center !important;
	justify-content: center !important;
	min-width: 100px !important;
	min-height: 29px !important;
	margin: auto auto 0 !important;
	padding: 0 17px !important;
	border-radius: 10px !important;
	background: #eeeeee !important;
	color: #111111 !important;
	font-family: var(--font-display) !important;
	font-size: 15px !important;
	font-weight: 900 !important;
	line-height: 1 !important;
	letter-spacing: 0 !important;
	text-align: center !important;
	text-transform: uppercase !important;
}

.home-post-list > .story-card .card-tags,
.feed > .story-card .card-tags,
.home-post-list > .story-card .excerpt,
.feed > .story-card .excerpt,
.home-post-list > .story-card .card-date,
.feed > .story-card .card-date,
.home-post-list > .story-card .meta,
.feed > .story-card .meta {
	display: none !important;
}

@media (max-width: 1540px) {
	body.home .home-post-list,
	body.blog .home-post-list,
	.feed {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	}

	.home-post-list > .story-card,
	.feed > .story-card,
	body.home .home-post-list > .story-card,
	body.blog .home-post-list > .story-card,
	.home-post-list > .story-card .story-thumb,
	.feed > .story-card .story-thumb,
	body.home .home-post-list > .story-card .story-thumb,
	body.blog .home-post-list > .story-card .story-thumb,
	.home-post-list > .story-card .card-body,
	.feed > .story-card .card-body,
	body.home .home-post-list > .story-card .card-body,
	body.blog .home-post-list > .story-card .card-body {
		width: 100% !important;
	}
}

@media (max-width: 1100px) {
	body.home .home-post-list,
	body.blog .home-post-list,
	.feed {
		grid-template-columns: repeat(2, minmax(0, 456px)) !important;
	}
}

@media (max-width: 760px) {
	body.home main.home-feed-page,
	body.blog main.home-feed-page,
	main.wrap.home-shell,
	main.wrap.front-grid {
		width: min(100% - 24px, 456px) !important;
	}

	body.home .home-post-list,
	body.blog .home-post-list,
	.feed {
		grid-template-columns: minmax(0, 456px) !important;
		gap: 14px !important;
	}

	.home-post-list > .story-card,
	.feed > .story-card,
	body.home .home-post-list > .story-card,
	body.blog .home-post-list > .story-card {
		width: 100% !important;
		min-height: auto !important;
	}

	.home-post-list > .story-card .story-thumb,
	.feed > .story-card .story-thumb,
	body.home .home-post-list > .story-card .story-thumb,
	body.blog .home-post-list > .story-card .story-thumb {
		width: 100% !important;
		height: auto !important;
		flex-basis: auto !important;
		aspect-ratio: 456 / 335 !important;
	}

	.home-post-list > .story-card .card-body,
	.feed > .story-card .card-body,
	body.home .home-post-list > .story-card .card-body,
	body.blog .home-post-list > .story-card .card-body {
		width: 100% !important;
		height: auto !important;
		min-height: 244px !important;
		flex-basis: auto !important;
	}

	.home-post-list > .story-card .card-title,
	.feed > .story-card .card-title,
	body.home .home-post-list > .story-card .card-title,
	body.blog .home-post-list > .story-card .card-title {
		font-size: clamp(23px, 6.15vw, 28px) !important;
	}
}

/* Final card lock: compact centered reference card. */
body.home main.home-feed-page,
body.blog main.home-feed-page,
main.wrap.home-shell,
main.wrap.front-grid {
	width: min(100% - 48px, 1464px) !important;
	max-width: 1464px !important;
	margin: 0 auto !important;
	padding: 28px 0 72px !important;
}

body.home .home-post-list,
body.blog .home-post-list,
.feed {
	display: grid !important;
	grid-template-columns: repeat(3, 456px) !important;
	justify-content: center !important;
	align-items: start !important;
	gap: 25px !important;
	width: 100% !important;
	max-width: 1464px !important;
	margin: 0 auto !important;
}

.home-post-list > .story-card,
.feed > .story-card,
body.home .home-post-list > .story-card,
body.blog .home-post-list > .story-card {
	container-type: normal !important;
	display: flex !important;
	flex-direction: column !important;
	width: 456px !important;
	max-width: 456px !important;
	min-height: 579px !important;
	margin: 0 auto !important;
	padding: 0 !important;
	background: #000000 !important;
	border: 0 !important;
	border-radius: 28px !important;
	box-shadow: none !important;
	overflow: hidden !important;
	transform: none !important;
	transition: none !important;
}

.home-post-list > .story-card:hover,
.feed > .story-card:hover,
body.home .home-post-list > .story-card:hover,
body.blog .home-post-list > .story-card:hover {
	transform: none !important;
	box-shadow: none !important;
}

.home-post-list > .story-card .story-thumb,
.feed > .story-card .story-thumb,
body.home .home-post-list > .story-card .story-thumb,
body.blog .home-post-list > .story-card .story-thumb {
	display: block !important;
	flex: 0 0 335px !important;
	width: 456px !important;
	height: 335px !important;
	min-height: 0 !important;
	aspect-ratio: auto !important;
	border-radius: 28px 28px 0 0 !important;
	background: #d8d8d8 !important;
	overflow: hidden !important;
}

.home-post-list > .story-card .story-thumb img,
.feed > .story-card .story-thumb img,
body.home .home-post-list > .story-card .story-thumb img,
body.blog .home-post-list > .story-card .story-thumb img {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	object-position: center !important;
	transform: none !important;
}

.home-post-list > .story-card .card-body,
.feed > .story-card .card-body,
body.home .home-post-list > .story-card .card-body,
body.blog .home-post-list > .story-card .card-body {
	display: flex !important;
	flex: 0 0 244px !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: flex-start !important;
	width: 456px !important;
	height: 244px !important;
	min-height: 244px !important;
	padding: 14px 18px 22px !important;
	background: #000000 !important;
	color: #ffffff !important;
	text-align: center !important;
}

.home-post-list > .story-card .card-title,
.feed > .story-card .card-title,
body.home .home-post-list > .story-card .card-title,
body.blog .home-post-list > .story-card .card-title {
	display: block !important;
	width: 100% !important;
	margin: 0 !important;
	color: #ffffff !important;
	font-family: var(--font-display) !important;
	font-size: 28px !important;
	font-weight: 900 !important;
	line-height: 1 !important;
	letter-spacing: 0 !important;
	text-align: center !important;
	text-transform: uppercase !important;
}

.home-post-list > .story-card .card-title a,
.feed > .story-card .card-title a,
body.home .home-post-list > .story-card .card-title a,
body.blog .home-post-list > .story-card .card-title a {
	color: #ffffff !important;
}

.home-post-list > .story-card .card-category,
.feed > .story-card .card-category,
body.home .home-post-list > .story-card .card-category,
body.blog .home-post-list > .story-card .card-category {
	display: inline-flex !important;
	align-self: center !important;
	align-items: center !important;
	justify-content: center !important;
	min-width: 100px !important;
	min-height: 29px !important;
	margin: auto auto 0 !important;
	padding: 0 17px !important;
	border-radius: 10px !important;
	background: #eeeeee !important;
	color: #111111 !important;
	font-family: var(--font-display) !important;
	font-size: 15px !important;
	font-weight: 900 !important;
	line-height: 1 !important;
	letter-spacing: 0 !important;
	text-align: center !important;
	text-transform: uppercase !important;
}

.home-post-list > .story-card .card-tags,
.feed > .story-card .card-tags,
.home-post-list > .story-card .excerpt,
.feed > .story-card .excerpt,
.home-post-list > .story-card .card-date,
.feed > .story-card .card-date,
.home-post-list > .story-card .meta,
.feed > .story-card .meta {
	display: none !important;
}

@media (max-width: 1540px) {
	body.home .home-post-list,
	body.blog .home-post-list,
	.feed {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	}

	.home-post-list > .story-card,
	.feed > .story-card,
	body.home .home-post-list > .story-card,
	body.blog .home-post-list > .story-card,
	.home-post-list > .story-card .story-thumb,
	.feed > .story-card .story-thumb,
	body.home .home-post-list > .story-card .story-thumb,
	body.blog .home-post-list > .story-card .story-thumb,
	.home-post-list > .story-card .card-body,
	.feed > .story-card .card-body,
	body.home .home-post-list > .story-card .card-body,
	body.blog .home-post-list > .story-card .card-body {
		width: 100% !important;
	}
}

@media (max-width: 1100px) {
	body.home .home-post-list,
	body.blog .home-post-list,
	.feed {
		grid-template-columns: repeat(2, minmax(0, 456px)) !important;
	}
}

@media (max-width: 760px) {
	body.home main.home-feed-page,
	body.blog main.home-feed-page,
	main.wrap.home-shell,
	main.wrap.front-grid {
		width: min(100% - 24px, 456px) !important;
	}

	body.home .home-post-list,
	body.blog .home-post-list,
	.feed {
		grid-template-columns: minmax(0, 456px) !important;
		gap: 14px !important;
	}

	.home-post-list > .story-card,
	.feed > .story-card,
	body.home .home-post-list > .story-card,
	body.blog .home-post-list > .story-card {
		width: 100% !important;
		min-height: auto !important;
	}

	.home-post-list > .story-card .story-thumb,
	.feed > .story-card .story-thumb,
	body.home .home-post-list > .story-card .story-thumb,
	body.blog .home-post-list > .story-card .story-thumb {
		width: 100% !important;
		height: auto !important;
		flex-basis: auto !important;
		aspect-ratio: 456 / 335 !important;
	}

	.home-post-list > .story-card .card-body,
	.feed > .story-card .card-body,
	body.home .home-post-list > .story-card .card-body,
	body.blog .home-post-list > .story-card .card-body {
		width: 100% !important;
		height: auto !important;
		min-height: 244px !important;
		flex-basis: auto !important;
	}

	.home-post-list > .story-card .card-title,
	.feed > .story-card .card-title,
	body.home .home-post-list > .story-card .card-title,
	body.blog .home-post-list > .story-card .card-title {
		font-size: clamp(23px, 6.15vw, 28px) !important;
	}
}

/* Corrected centered compact cards. */
body.home main.home-feed-page,
body.blog main.home-feed-page,
main.wrap.home-shell,
main.wrap.front-grid {
	width: min(100% - 48px, 1464px) !important;
	max-width: 1464px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding: 28px 0 72px !important;
}

body.home .home-post-list,
body.blog .home-post-list,
.feed {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 456px)) !important;
	justify-content: center !important;
	align-items: start !important;
	gap: 25px !important;
	width: 100% !important;
	max-width: 1464px !important;
	margin: 0 auto !important;
}

.home-post-list > .story-card,
.feed > .story-card,
body.home .home-post-list > .story-card,
body.blog .home-post-list > .story-card {
	display: flex !important;
	flex-direction: column !important;
	width: 100% !important;
	max-width: 456px !important;
	min-height: 579px !important;
	margin: 0 auto !important;
	padding: 0 !important;
	background: #000000 !important;
	border: 0 !important;
	border-radius: 28px !important;
	box-shadow: none !important;
	overflow: hidden !important;
	transform: none !important;
	transition: none !important;
}

.home-post-list > .story-card:hover,
.feed > .story-card:hover,
body.home .home-post-list > .story-card:hover,
body.blog .home-post-list > .story-card:hover {
	transform: none !important;
	box-shadow: none !important;
}

.home-post-list > .story-card .story-thumb,
.feed > .story-card .story-thumb,
body.home .home-post-list > .story-card .story-thumb,
body.blog .home-post-list > .story-card .story-thumb {
	display: block !important;
	flex: 0 0 auto !important;
	width: 100% !important;
	height: 335px !important;
	min-height: 0 !important;
	aspect-ratio: auto !important;
	border-radius: 28px 28px 0 0 !important;
	background: #d8d8d8 !important;
	overflow: hidden !important;
}

.home-post-list > .story-card .story-thumb img,
.feed > .story-card .story-thumb img,
body.home .home-post-list > .story-card .story-thumb img,
body.blog .home-post-list > .story-card .story-thumb img {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	object-position: center !important;
	transform: none !important;
}

.home-post-list > .story-card .card-body,
.feed > .story-card .card-body,
body.home .home-post-list > .story-card .card-body,
body.blog .home-post-list > .story-card .card-body {
	display: flex !important;
	flex: 1 1 auto !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: flex-start !important;
	width: 100% !important;
	min-height: 244px !important;
	height: auto !important;
	padding: 14px 18px 22px !important;
	background: #000000 !important;
	color: #ffffff !important;
	text-align: center !important;
}

.home-post-list > .story-card .card-title,
.feed > .story-card .card-title,
body.home .home-post-list > .story-card .card-title,
body.blog .home-post-list > .story-card .card-title {
	display: block !important;
	width: 100% !important;
	margin: 0 !important;
	color: #ffffff !important;
	font-family: var(--font-display) !important;
	font-size: 28px !important;
	font-weight: 900 !important;
	line-height: 1 !important;
	letter-spacing: 0 !important;
	text-align: center !important;
	text-transform: uppercase !important;
}

.home-post-list > .story-card .card-title a,
.feed > .story-card .card-title a,
body.home .home-post-list > .story-card .card-title a,
body.blog .home-post-list > .story-card .card-title a {
	color: #ffffff !important;
}

.home-post-list > .story-card .card-category,
.feed > .story-card .card-category,
body.home .home-post-list > .story-card .card-category,
body.blog .home-post-list > .story-card .card-category {
	display: inline-flex !important;
	align-self: center !important;
	align-items: center !important;
	justify-content: center !important;
	min-width: 100px !important;
	min-height: 29px !important;
	margin: auto auto 0 !important;
	padding: 0 17px !important;
	border-radius: 10px !important;
	background: #eeeeee !important;
	color: #111111 !important;
	font-family: var(--font-display) !important;
	font-size: 15px !important;
	font-weight: 900 !important;
	line-height: 1 !important;
	letter-spacing: 0 !important;
	text-align: center !important;
	text-transform: uppercase !important;
}

.home-post-list > .story-card .card-tags,
.feed > .story-card .card-tags,
.home-post-list > .story-card .excerpt,
.feed > .story-card .excerpt,
.home-post-list > .story-card .card-date,
.feed > .story-card .card-date,
.home-post-list > .story-card .meta,
.feed > .story-card .meta,
body.home .home-post-list > .story-card .card-date,
body.blog .home-post-list > .story-card .card-date {
	display: none !important;
}

@media (max-width: 1100px) {
	body.home .home-post-list,
	body.blog .home-post-list,
	.feed {
		grid-template-columns: repeat(2, minmax(0, 456px)) !important;
	}
}

@media (max-width: 760px) {
	body.home main.home-feed-page,
	body.blog main.home-feed-page,
	main.wrap.home-shell,
	main.wrap.front-grid {
		width: min(100% - 24px, 456px) !important;
	}

	body.home .home-post-list,
	body.blog .home-post-list,
	.feed {
		grid-template-columns: minmax(0, 456px) !important;
		gap: 14px !important;
	}

	.home-post-list > .story-card,
	.feed > .story-card,
	body.home .home-post-list > .story-card,
	body.blog .home-post-list > .story-card {
		min-height: auto !important;
		border-radius: 28px !important;
	}

	.home-post-list > .story-card .story-thumb,
	.feed > .story-card .story-thumb,
	body.home .home-post-list > .story-card .story-thumb,
	body.blog .home-post-list > .story-card .story-thumb {
		height: auto !important;
		aspect-ratio: 456 / 335 !important;
	}

	.home-post-list > .story-card .card-title,
	.feed > .story-card .card-title,
	body.home .home-post-list > .story-card .card-title,
	body.blog .home-post-list > .story-card .card-title {
		font-size: clamp(23px, 6.15vw, 28px) !important;
	}
}

.home-post-list > .story-card .card-title,
.feed > .story-card .card-title {
	order: 1 !important;
	margin: 0 !important;
	color: #ffffff !important;
	font-size: clamp(23px, 1.75vw, 31px) !important;
	font-weight: 800 !important;
	line-height: 1.04 !important;
	letter-spacing: 0 !important;
	text-transform: uppercase !important;
}

.home-post-list > .story-card .card-title a,
.feed > .story-card .card-title a {
	color: #ffffff !important;
}

.home-post-list > .story-card .card-title a:hover,
.feed > .story-card .card-title a:hover {
	color: #ffffff !important;
}

.home-post-list > .story-card .card-category,
.feed > .story-card .card-category {
	order: 2 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 36px !important;
	margin: 22px 0 0 !important;
	padding: 0 22px !important;
	border-radius: 999px !important;
	background: #f0f0f0 !important;
	color: #111111 !important;
	font-size: 14px !important;
	font-weight: 800 !important;
	letter-spacing: 0 !important;
	line-height: 1 !important;
	text-transform: uppercase !important;
}

.home-post-list > .story-card .card-category:hover,
.feed > .story-card .card-category:hover {
	background: #ffffff !important;
	color: #000000 !important;
}

.panel,
.empty-state,
.single-article {
	background: #ffffff !important;
}

@media (max-width: 1100px) {
	body.home .home-post-list,
	body.blog .home-post-list,
	.feed {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

@media (max-width: 760px) {
	body.home main.home-feed-page,
	body.blog main.home-feed-page,
	main.wrap.home-shell,
	main.wrap.front-grid {
		width: min(100% - 24px, 520px) !important;
		padding: 24px 0 56px !important;
	}

	body.home .home-post-list,
	body.blog .home-post-list,
	.feed {
		grid-template-columns: 1fr !important;
		gap: 14px !important;
	}

	.home-post-list > .story-card,
	.feed > .story-card {
		border-radius: 24px !important;
	}

	.home-post-list > .story-card .story-thumb,
	.feed > .story-card .story-thumb {
		aspect-ratio: 16 / 11.5 !important;
		border-radius: 24px 24px 0 0 !important;
	}

	.home-post-list > .story-card .card-body,
	.feed > .story-card .card-body {
		min-height: 190px !important;
		padding: 20px 18px 24px !important;
	}

	.home-post-list > .story-card .card-title,
	.feed > .story-card .card-title {
		font-size: 24px !important;
	}
}

/* Exact reference layout: wide three-card row. */
body.home main.home-feed-page,
body.blog main.home-feed-page,
main.wrap.home-shell,
main.wrap.front-grid {
	width: min(100% - 108px, 1940px) !important;
	max-width: 1940px !important;
	padding-top: 124px !important;
	padding-bottom: 120px !important;
}

body.home .home-post-list,
body.blog .home-post-list,
.feed {
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: 25px !important;
}

.home-post-list > .story-card,
.feed > .story-card {
	border-radius: 40px !important;
	background: #000000 !important;
	overflow: hidden !important;
	transition: none !important;
}

.home-post-list > .story-card:hover,
.feed > .story-card:hover {
	transform: none !important;
	box-shadow: none !important;
}

.home-post-list > .story-card .story-thumb,
.feed > .story-card .story-thumb {
	aspect-ratio: 16 / 11.72 !important;
	border-radius: 40px 40px 0 0 !important;
	background: #d8d8d8 !important;
}

.home-post-list > .story-card .card-body,
.feed > .story-card .card-body {
	min-height: 330px !important;
	padding: 20px 24px 31px !important;
	background: #000000 !important;
	text-align: center !important;
}

.home-post-list > .story-card .card-title,
.feed > .story-card .card-title {
	max-width: 100% !important;
	color: #ffffff !important;
	font-size: clamp(29px, 1.64vw, 34px) !important;
	font-weight: 800 !important;
	line-height: 1.03 !important;
	letter-spacing: 0 !important;
	text-transform: uppercase !important;
}

.home-post-list > .story-card .card-category,
.feed > .story-card .card-category {
	min-width: 132px !important;
	min-height: 42px !important;
	margin-top: 25px !important;
	padding: 0 22px !important;
	border-radius: 13px !important;
	background: #f0f0f0 !important;
	color: #111111 !important;
	font-size: 18px !important;
	font-weight: 800 !important;
}

@media (max-width: 1100px) {
	body.home main.home-feed-page,
	body.blog main.home-feed-page,
	main.wrap.home-shell,
	main.wrap.front-grid {
		width: min(100% - 48px, 980px) !important;
		padding-top: 56px !important;
	}

	body.home .home-post-list,
	body.blog .home-post-list,
	.feed {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 24px !important;
	}
}

@media (max-width: 760px) {
	body.home main.home-feed-page,
	body.blog main.home-feed-page,
	main.wrap.home-shell,
	main.wrap.front-grid {
		width: min(100% - 24px, 520px) !important;
		padding-top: 28px !important;
	}

	body.home .home-post-list,
	body.blog .home-post-list,
	.feed {
		grid-template-columns: 1fr !important;
		gap: 14px !important;
	}

	.home-post-list > .story-card,
	.feed > .story-card {
		border-radius: 30px !important;
	}

	.home-post-list > .story-card .story-thumb,
	.feed > .story-card .story-thumb {
		border-radius: 30px 30px 0 0 !important;
	}

	.home-post-list > .story-card .card-body,
	.feed > .story-card .card-body {
		min-height: 250px !important;
		padding: 20px 18px 26px !important;
	}

	.home-post-list > .story-card .card-title,
	.feed > .story-card .card-title {
		font-size: 25px !important;
	}
}

/* Publication card exact style. */
.home-post-list > .story-card,
.feed > .story-card {
	container-type: inline-size !important;
	display: flex !important;
	flex-direction: column !important;
	background: #000000 !important;
	border: 0 !important;
	border-radius: 31px !important;
	box-shadow: none !important;
	overflow: hidden !important;
}

.home-post-list > .story-card .story-thumb,
.feed > .story-card .story-thumb {
	aspect-ratio: 1.364 / 1 !important;
	border-radius: 31px 31px 0 0 !important;
	background: #d8d8d8 !important;
}

.home-post-list > .story-card .story-thumb img,
.feed > .story-card .story-thumb img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
}

.home-post-list > .story-card .card-body,
.feed > .story-card .card-body {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: flex-start !important;
	height: clamp(244px, 53.4cqw, 330px) !important;
	min-height: 0 !important;
	padding: clamp(16px, 3.4cqw, 22px) clamp(17px, 4cqw, 25px) clamp(23px, 5.2cqw, 32px) !important;
	background: #000000 !important;
	text-align: center !important;
}

.home-post-list > .story-card .card-title,
.feed > .story-card .card-title {
	margin: 0 !important;
	color: #ffffff !important;
	font-family: var(--font-display) !important;
	font-size: clamp(26px, 5.95cqw, 36px) !important;
	font-weight: 900 !important;
	line-height: 0.99 !important;
	letter-spacing: 0 !important;
	text-transform: uppercase !important;
}

.home-post-list > .story-card .card-title a,
.feed > .story-card .card-title a {
	color: #ffffff !important;
}

.home-post-list > .story-card .card-category,
.feed > .story-card .card-category {
	display: inline-flex !important;
	align-self: center !important;
	align-items: center !important;
	justify-content: center !important;
	min-width: 100px !important;
	min-height: 29px !important;
	margin: auto auto 0 !important;
	padding: 0 17px !important;
	border-radius: 10px !important;
	background: #eeeeee !important;
	color: #111111 !important;
	font-family: var(--font-display) !important;
	font-size: 15px !important;
	font-weight: 900 !important;
	line-height: 1 !important;
	letter-spacing: 0 !important;
	text-align: center !important;
	text-transform: uppercase !important;
}

.home-post-list > .story-card .card-tags,
.feed > .story-card .card-tags,
.home-post-list > .story-card .excerpt,
.feed > .story-card .excerpt,
.home-post-list > .story-card .card-date,
.feed > .story-card .card-date,
.home-post-list > .story-card .meta,
.feed > .story-card .meta {
	display: none !important;
}

/* Absolute final card lock. */
body.home main.home-feed-page,
body.blog main.home-feed-page,
main.wrap.home-shell,
main.wrap.front-grid {
	width: min(100% - 48px, 1464px) !important;
	max-width: 1464px !important;
	margin: 0 auto !important;
	padding: 28px 0 72px !important;
}

body.home .home-post-list,
body.blog .home-post-list,
.feed {
	display: grid !important;
	grid-template-columns: repeat(3, 456px) !important;
	justify-content: center !important;
	align-items: start !important;
	gap: 25px !important;
	width: 100% !important;
	max-width: 1464px !important;
	margin: 0 auto !important;
}

.home-post-list > .story-card,
.feed > .story-card,
body.home .home-post-list > .story-card,
body.blog .home-post-list > .story-card {
	container-type: normal !important;
	display: flex !important;
	flex-direction: column !important;
	width: 456px !important;
	max-width: 456px !important;
	min-height: 579px !important;
	margin: 0 auto !important;
	padding: 0 !important;
	background: #000000 !important;
	border: 0 !important;
	border-radius: 28px !important;
	box-shadow: none !important;
	overflow: hidden !important;
	transform: none !important;
	transition: none !important;
}

.home-post-list > .story-card:hover,
.feed > .story-card:hover,
body.home .home-post-list > .story-card:hover,
body.blog .home-post-list > .story-card:hover {
	transform: none !important;
	box-shadow: none !important;
}

.home-post-list > .story-card .story-thumb,
.feed > .story-card .story-thumb,
body.home .home-post-list > .story-card .story-thumb,
body.blog .home-post-list > .story-card .story-thumb {
	display: block !important;
	flex: 0 0 335px !important;
	width: 456px !important;
	height: 335px !important;
	min-height: 0 !important;
	aspect-ratio: auto !important;
	border-radius: 28px 28px 0 0 !important;
	background: #d8d8d8 !important;
	overflow: hidden !important;
}

.home-post-list > .story-card .card-body,
.feed > .story-card .card-body,
body.home .home-post-list > .story-card .card-body,
body.blog .home-post-list > .story-card .card-body {
	display: flex !important;
	flex: 0 0 244px !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: flex-start !important;
	width: 456px !important;
	height: 244px !important;
	min-height: 244px !important;
	padding: 14px 18px 22px !important;
	background: #000000 !important;
	color: #ffffff !important;
	text-align: center !important;
}

.home-post-list > .story-card .card-title,
.feed > .story-card .card-title,
body.home .home-post-list > .story-card .card-title,
body.blog .home-post-list > .story-card .card-title {
	display: block !important;
	width: 100% !important;
	margin: 0 !important;
	color: #ffffff !important;
	font-family: var(--font-display) !important;
	font-size: 28px !important;
	font-weight: 900 !important;
	line-height: 1 !important;
	letter-spacing: 0 !important;
	text-align: center !important;
	text-transform: uppercase !important;
}

/* Seamless image-to-body join, must stay last. */
.home-post-list > .story-card,
.feed > .story-card,
body.home .home-post-list > .story-card,
body.blog .home-post-list > .story-card {
	background: #000000 !important;
}

.home-post-list > .story-card .story-thumb,
.feed > .story-card .story-thumb,
body.home .home-post-list > .story-card .story-thumb,
body.blog .home-post-list > .story-card .story-thumb {
	position: relative !important;
	z-index: 1 !important;
	height: 337px !important;
	flex-basis: 337px !important;
	background: #000000 !important;
	margin-bottom: -2px !important;
}

.home-post-list > .story-card .story-thumb img,
.feed > .story-card .story-thumb img,
body.home .home-post-list > .story-card .story-thumb img,
body.blog .home-post-list > .story-card .story-thumb img {
	display: block !important;
	width: 100% !important;
	height: calc(100% + 2px) !important;
	object-fit: cover !important;
	object-position: center !important;
	margin-bottom: -2px !important;
	transform: none !important;
}

.home-post-list > .story-card .card-body,
.feed > .story-card .card-body,
body.home .home-post-list > .story-card .card-body,
body.blog .home-post-list > .story-card .card-body {
	position: relative !important;
	z-index: 2 !important;
	background: #000000 !important;
	margin-top: -2px !important;
}

/* Rozetked-like article page. */
body.single,
body.single-post {
	background: #f0f0f0 !important;
}

body.single .site-header,
body.single-post .site-header {
	background: rgba(240, 240, 240, 0.88) !important;
}

.single-shell {
	width: min(100% - 40px, 1040px) !important;
	max-width: 1040px !important;
	margin: 0 auto !important;
	padding: 52px 0 96px !important;
}

.single-article {
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	overflow: visible !important;
}

.single-article .entry-header {
	max-width: 960px !important;
	margin: 0 auto 34px !important;
	padding: 0 !important;
}

.single-category {
	display: inline-flex !important;
	align-items: center !important;
	min-height: 34px !important;
	margin: 0 0 22px !important;
	padding: 0 16px !important;
	border-radius: 999px !important;
	background: #111111 !important;
	color: #ffffff !important;
	font-size: 13px !important;
	font-weight: 800 !important;
	letter-spacing: 0.02em !important;
	line-height: 1 !important;
	text-transform: uppercase !important;
}

.single-title {
	max-width: 960px !important;
	margin: 0 !important;
	color: #111111 !important;
	font-family: var(--font-text) !important;
	font-size: clamp(42px, 7vw, 86px) !important;
	font-weight: 800 !important;
	line-height: 0.96 !important;
	letter-spacing: -0.045em !important;
}

.single-lead {
	max-width: 780px !important;
	margin: 24px 0 0 !important;
	color: #4f4f4f !important;
	font-size: clamp(20px, 2.5vw, 28px) !important;
	font-weight: 500 !important;
	line-height: 1.24 !important;
	letter-spacing: -0.02em !important;
}

.single-meta-bar {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 10px 16px !important;
	align-items: center !important;
	margin-top: 26px !important;
	color: #737373 !important;
	font-size: 14px !important;
	font-weight: 700 !important;
}

.single-meta-bar span:not(:last-child)::after {
	content: "";
	display: inline-block;
	width: 4px;
	height: 4px;
	margin-left: 16px;
	border-radius: 50%;
	background: currentColor;
	vertical-align: middle;
	opacity: 0.55;
}

.single-thumb {
	display: block !important;
	width: 100% !important;
	margin: 0 auto 46px !important;
	aspect-ratio: 16 / 9 !important;
	border-radius: 22px !important;
	background: #d8d8d8 !important;
	overflow: hidden !important;
}

.single-thumb img {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
}

.single-article .entry-content {
	max-width: 760px !important;
	margin: 0 auto !important;
	padding: 0 !important;
	color: #151515 !important;
	font-family: var(--font-text) !important;
	font-size: 21px !important;
	font-weight: 400 !important;
	line-height: 1.72 !important;
	letter-spacing: -0.005em !important;
}

.single-article .entry-content > *:first-child {
	margin-top: 0 !important;
}

.single-article .entry-content p {
	margin: 0 0 28px !important;
}

.single-article .entry-content h2,
.single-article .entry-content h3,
.single-article .entry-content h4 {
	margin: 52px 0 20px !important;
	color: #111111 !important;
	font-weight: 800 !important;
	line-height: 1.08 !important;
	letter-spacing: -0.03em !important;
}

.single-article .entry-content h2 {
	font-size: 40px !important;
}

.single-article .entry-content h3 {
	font-size: 32px !important;
}

.single-article .entry-content a {
	color: #111111 !important;
	text-decoration: underline !important;
	text-decoration-thickness: 2px !important;
	text-underline-offset: 4px !important;
}

.single-article .entry-content figure,
.single-article .entry-content .wp-block-image {
	margin: 44px calc((760px - min(100vw - 40px, 1040px)) / 2) !important;
}

.single-article .entry-content img {
	border-radius: 18px !important;
}

.single-article .entry-content blockquote,
.single-article .entry-content .wp-block-quote,
.single-article .entry-content .wp-block-pullquote {
	margin: 42px 0 !important;
	padding: 0 0 0 26px !important;
	border-left: 5px solid #111111 !important;
	color: #111111 !important;
	font-size: 26px !important;
	font-style: normal !important;
	font-weight: 800 !important;
	line-height: 1.22 !important;
	letter-spacing: -0.03em !important;
}

@media (max-width: 760px) {
	.single-shell {
		width: min(100% - 24px, 520px) !important;
		padding: 28px 0 64px !important;
	}

	.single-article .entry-header {
		margin-bottom: 24px !important;
	}

	.single-title {
		font-size: clamp(34px, 11vw, 52px) !important;
	}

	.single-lead {
		font-size: 19px !important;
	}

	.single-thumb {
		margin-bottom: 32px !important;
		border-radius: 16px !important;
	}

	.single-article .entry-content {
		font-size: 18px !important;
		line-height: 1.68 !important;
	}

	.single-article .entry-content h2 {
		font-size: 30px !important;
	}

	.single-article .entry-content h3 {
		font-size: 25px !important;
	}

	.single-article .entry-content figure,
	.single-article .entry-content .wp-block-image {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
}

/* Screenshot-matched article layout. */
body.single,
body.single-post {
	background: #f3f1eb !important;
}

body.single .site-header,
body.single-post .site-header {
	background: rgba(243, 241, 235, 0.9) !important;
	border-bottom-color: transparent !important;
	box-shadow: none !important;
}

.single-shell {
	width: min(100% - 48px, 1280px) !important;
	max-width: 1280px !important;
	margin: 0 auto !important;
	padding: 36px 0 0 !important;
}

.single-article {
	background: #ffffff !important;
	border: 0 !important;
	border-radius: 18px 18px 0 0 !important;
	overflow: hidden !important;
	box-shadow: none !important;
}

.single-article .entry-header {
	max-width: 980px !important;
	margin: 0 auto !important;
	padding: 28px 36px 26px !important;
	text-align: center !important;
}

.single-category {
	display: none !important;
}

.single-meta-bar {
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	gap: 18px !important;
	margin: 0 0 18px !important;
	color: #8a8a8a !important;
	font-size: 18px !important;
	font-weight: 500 !important;
	line-height: 1.2 !important;
}

.single-meta-bar span:not(:last-child)::after {
	content: none !important;
}

.single-meta-bar span:nth-child(3)::before {
	content: "▱";
	display: inline-block;
	margin-right: 6px;
	font-size: 20px;
	line-height: 1;
	transform: translateY(1px);
}

.single-title {
	max-width: 880px !important;
	margin: 0 auto !important;
	color: #000000 !important;
	font-family: var(--font-text) !important;
	font-size: clamp(34px, 3.35vw, 46px) !important;
	font-weight: 800 !important;
	line-height: 1.08 !important;
	letter-spacing: -0.035em !important;
	text-align: center !important;
}

.single-lead {
	max-width: 760px !important;
	margin: 24px auto 0 !important;
	color: #000000 !important;
	font-size: clamp(20px, 1.8vw, 25px) !important;
	font-weight: 400 !important;
	line-height: 1.22 !important;
	letter-spacing: -0.02em !important;
	text-align: center !important;
}

.single-thumb {
	display: block !important;
	width: 100% !important;
	margin: 0 !important;
	aspect-ratio: 1280 / 720 !important;
	border-radius: 0 !important;
	background: #d8d8d8 !important;
	overflow: hidden !important;
}

.single-thumb img {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	object-position: center !important;
	border-radius: 0 !important;
}

.single-article .entry-content {
	max-width: 720px !important;
	margin: 0 auto !important;
	padding: 30px 0 56px !important;
	color: #000000 !important;
	font-family: var(--font-text) !important;
	font-size: 24px !important;
	font-weight: 400 !important;
	line-height: 1.28 !important;
	letter-spacing: -0.028em !important;
}

.single-article .entry-content > *:first-child {
	margin-top: 0 !important;
}

.single-article .entry-content p {
	margin: 0 0 22px !important;
}

.single-article .entry-content h2,
.single-article .entry-content h3,
.single-article .entry-content h4 {
	margin: 42px 0 18px !important;
	color: #000000 !important;
	font-weight: 800 !important;
	line-height: 1.08 !important;
	letter-spacing: -0.035em !important;
}

.single-article .entry-content h2 {
	font-size: 36px !important;
}

.single-article .entry-content h3 {
	font-size: 30px !important;
}

.single-article .entry-content figure,
.single-article .entry-content .wp-block-image {
	margin: 34px calc((720px - min(100vw - 48px, 1280px)) / 2) !important;
}

.single-article .entry-content img {
	border-radius: 0 !important;
}

@media (max-width: 760px) {
	.single-shell {
		width: min(100% - 20px, 520px) !important;
		padding-top: 18px !important;
	}

	.single-article {
		border-radius: 16px 16px 0 0 !important;
	}

	.single-article .entry-header {
		padding: 22px 18px 22px !important;
	}

	.single-meta-bar {
		gap: 10px !important;
		font-size: 13px !important;
	}

	.single-title {
		font-size: clamp(29px, 8.5vw, 38px) !important;
	}

	.single-lead {
		margin-top: 18px !important;
		font-size: 18px !important;
	}

	.single-thumb {
		aspect-ratio: 16 / 10 !important;
	}

	.single-article .entry-content {
		max-width: none !important;
		padding: 24px 18px 42px !important;
		font-size: 19px !important;
		line-height: 1.36 !important;
	}

	.single-article .entry-content figure,
	.single-article .entry-content .wp-block-image {
		margin-left: -18px !important;
		margin-right: -18px !important;
	}
}

/* Article meta, sharing and comments. */
.single-shell {
	width: min(100% - 48px, 1180px) !important;
	max-width: 1180px !important;
}

.single-article .entry-header {
	max-width: 920px !important;
}

.single-title {
	max-width: 840px !important;
}

.single-meta-bar a,
.single-meta-bar span {
	color: #8a8a8a !important;
	text-decoration: none !important;
}

.single-meta-bar a:hover {
	color: #111111 !important;
}

.single-meta-bar a:last-child::before {
	content: "▱";
	display: inline-block;
	margin-right: 6px;
	font-size: 20px;
	line-height: 1;
	transform: translateY(1px);
}

.single-meta-bar span:nth-child(3)::before {
	content: none !important;
}

.single-article .entry-content figure,
.single-article .entry-content .wp-block-image {
	margin-left: calc((720px - min(100vw - 48px, 1180px)) / 2) !important;
	margin-right: calc((720px - min(100vw - 48px, 1180px)) / 2) !important;
}

.single-actions,
.comments-area {
	max-width: 720px !important;
	margin: 0 auto !important;
	padding: 0 0 56px !important;
}

.single-share {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 10px !important;
	align-items: center !important;
	padding-top: 10px !important;
}

.single-share span {
	width: 100% !important;
	color: #777777 !important;
	font-size: 14px !important;
	font-weight: 800 !important;
	text-transform: uppercase !important;
}

.single-share a,
.comment-social-login a,
.form-submit .submit {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 38px !important;
	padding: 0 16px !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: #111111 !important;
	color: #ffffff !important;
	font-size: 14px !important;
	font-weight: 800 !important;
	text-decoration: none !important;
	cursor: pointer !important;
}

.comments-area {
	padding-top: 10px !important;
}

.comments-header h2,
.comment-reply-title {
	margin: 0 0 22px !important;
	color: #000000 !important;
	font-size: 30px !important;
	font-weight: 800 !important;
	line-height: 1.1 !important;
	letter-spacing: -0.03em !important;
}

.comment-list {
	display: grid !important;
	gap: 16px !important;
	margin: 0 0 34px !important;
	padding: 0 !important;
	list-style: none !important;
}

.comment-list .comment-body {
	padding: 18px !important;
	border-radius: 16px !important;
	background: #f3f1eb !important;
}

.comment-author {
	display: flex !important;
	gap: 10px !important;
	align-items: center !important;
	font-weight: 800 !important;
}

.comment-author img {
	border-radius: 50% !important;
}

.comment-meta,
.comment-metadata {
	margin: 8px 0 12px !important;
	color: #777777 !important;
	font-size: 13px !important;
}

.comment-content,
.comment-list p {
	font-size: 17px !important;
	line-height: 1.45 !important;
}

.comment-social-login {
	margin: 0 0 24px !important;
	padding: 18px !important;
	border-radius: 16px !important;
	background: #f3f1eb !important;
}

.comment-social-login span {
	display: block !important;
	margin-bottom: 10px !important;
	font-weight: 800 !important;
}

.comment-social-login p {
	margin: 0 !important;
	color: #777777 !important;
	font-size: 14px !important;
	line-height: 1.35 !important;
}

.comment-form {
	display: grid !important;
	gap: 20px !important;
}

.comment-form p {
	margin: 0 !important;
}

.comment-form label {
	display: block !important;
	margin-bottom: 7px !important;
	font-size: 14px !important;
	font-weight: 800 !important;
}

.comment-form textarea,
.comment-form input:not([type="submit"]):not([type="checkbox"]) {
	width: 100% !important;
	padding: 13px 14px !important;
	border: 0 !important;
	border-radius: 14px !important;
	background: #f3f1eb !important;
	color: #111111 !important;
	font: inherit !important;
	outline: none !important;
}

.comment-form textarea:focus,
.comment-form input:focus {
	box-shadow: inset 0 0 0 2px #111111 !important;
}

@media (max-width: 760px) {
	.single-shell {
		width: min(100% - 20px, 520px) !important;
	}

	.single-actions,
	.comments-area {
		padding-left: 18px !important;
		padding-right: 18px !important;
	}

	.single-meta-bar {
		flex-wrap: wrap !important;
	}
}

/* Article header order lock. */
.single-article .entry-header {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
}

.single-meta-bar {
	order: 1 !important;
}

.single-title {
	order: 2 !important;
}

.single-lead {
	order: 3 !important;
}

/* Single share dropdown. */
.single-actions {
	position: relative !important;
	max-width: 720px !important;
	margin: 0 auto !important;
	padding: 0 0 56px !important;
}

.single-share-menu {
	position: relative !important;
	display: inline-block !important;
}

.share-toggle {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 66px !important;
	height: 66px !important;
	padding: 0 !important;
	border: 2px solid #d0d0d0 !important;
	border-radius: 50% !important;
	background: #ffffff !important;
	color: #000000 !important;
	font-size: 36px !important;
	font-weight: 800 !important;
	line-height: 1 !important;
	cursor: pointer !important;
}

.share-toggle span {
	transform: translateY(-2px) !important;
}

.share-dropdown {
	position: absolute !important;
	left: 0 !important;
	top: calc(100% + 24px) !important;
	z-index: 50 !important;
	width: min(432px, calc(100vw - 48px)) !important;
	padding: 26px 28px 28px !important;
	border: 2px solid #d0d0d0 !important;
	border-radius: 8px !important;
	background: #ffffff !important;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.14) !important;
}

.share-dropdown::before {
	content: "";
	position: absolute;
	left: 34px;
	top: -18px;
	width: 32px;
	height: 32px;
	border-left: 2px solid #d0d0d0;
	border-top: 2px solid #d0d0d0;
	background: #ffffff;
	transform: rotate(45deg);
}

.share-dropdown h2 {
	position: relative !important;
	z-index: 1 !important;
	margin: 0 0 14px !important;
	color: #000000 !important;
	font-size: 28px !important;
	font-weight: 800 !important;
	line-height: 1.1 !important;
	letter-spacing: -0.03em !important;
}

.share-dropdown p {
	position: relative !important;
	z-index: 1 !important;
	margin: 0 0 18px !important;
	color: #000000 !important;
	font-size: 23px !important;
	font-weight: 400 !important;
	line-height: 1.15 !important;
	letter-spacing: -0.02em !important;
}

.share-dropdown a,
.share-dropdown button {
	display: grid !important;
	grid-template-columns: 54px 1fr !important;
	gap: 16px !important;
	align-items: center !important;
	width: 100% !important;
	min-height: 76px !important;
	padding: 0 !important;
	border: 0 !important;
	border-top: 1px solid #d9d9d9 !important;
	border-radius: 0 !important;
	background: transparent !important;
	color: #000000 !important;
	font: inherit !important;
	font-size: 28px !important;
	font-weight: 700 !important;
	line-height: 1 !important;
	text-align: left !important;
	text-decoration: none !important;
	cursor: pointer !important;
}

.share-dropdown a span,
.share-dropdown button span {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 44px !important;
	height: 44px !important;
	border: 2px solid #dedede !important;
	border-radius: 50% !important;
	background: #ffffff !important;
	color: #000000 !important;
	font-size: 22px !important;
	font-weight: 800 !important;
	line-height: 1 !important;
}

.share-dropdown a:hover,
.share-dropdown button:hover {
	color: #555555 !important;
}

@media (max-width: 760px) {
	.single-actions {
		padding-left: 18px !important;
		padding-right: 18px !important;
	}

	.share-toggle {
		width: 58px !important;
		height: 58px !important;
		font-size: 30px !important;
	}

	.share-dropdown {
		left: -18px !important;
		width: calc(100vw - 40px) !important;
		padding: 22px !important;
	}

	.share-dropdown h2 {
		font-size: 24px !important;
	}

	.share-dropdown p {
		font-size: 19px !important;
	}

	.share-dropdown a,
	.share-dropdown button {
		min-height: 64px !important;
		font-size: 22px !important;
	}
}

/* NYT-like share dropdown final override. */
.single-actions {
	overflow: visible !important;
}

.single-share-menu {
	position: relative !important;
	display: inline-flex !important;
	overflow: visible !important;
}

.share-toggle {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 68px !important;
	height: 68px !important;
	padding: 0 !important;
	border: 2px solid #cfcfcf !important;
	border-radius: 50% !important;
	background: #ffffff !important;
	color: #000000 !important;
	font-family: var(--font-text) !important;
	font-size: 34px !important;
	font-weight: 700 !important;
	line-height: 1 !important;
	box-shadow: none !important;
	cursor: pointer !important;
}

.share-toggle span {
	display: block !important;
	transform: translate(1px, -3px) !important;
}

.share-dropdown {
	position: fixed !important;
	z-index: 999999 !important;
	width: 432px !important;
	max-width: calc(100vw - 32px) !important;
	max-height: calc(100vh - 32px) !important;
	overflow-y: auto !important;
	padding: 26px 30px 28px !important;
	border: 2px solid #cfcfcf !important;
	border-radius: 7px !important;
	background: #ffffff !important;
	box-shadow: 0 2px 7px rgba(0, 0, 0, 0.18) !important;
	color: #000000 !important;
}

.share-dropdown[hidden] {
	display: none !important;
}

.share-dropdown::before {
	content: "" !important;
	position: absolute !important;
	left: var(--share-arrow-left, 32px) !important;
	top: -18px !important;
	width: 32px !important;
	height: 32px !important;
	border-left: 2px solid #cfcfcf !important;
	border-top: 2px solid #cfcfcf !important;
	background: #ffffff !important;
	transform: rotate(45deg) !important;
}

.share-dropdown h2 {
	position: relative !important;
	z-index: 1 !important;
	margin: 0 0 16px !important;
	color: #000000 !important;
	font-family: var(--font-text) !important;
	font-size: 28px !important;
	font-weight: 800 !important;
	line-height: 1.08 !important;
	letter-spacing: -0.02em !important;
}

.share-dropdown p {
	position: relative !important;
	z-index: 1 !important;
	max-width: 330px !important;
	margin: 0 0 18px !important;
	color: #000000 !important;
	font-family: var(--font-text) !important;
	font-size: 24px !important;
	font-weight: 400 !important;
	line-height: 1.16 !important;
	letter-spacing: -0.025em !important;
}

.share-dropdown a,
.share-dropdown button {
	display: grid !important;
	grid-template-columns: 50px 1fr !important;
	column-gap: 32px !important;
	align-items: center !important;
	width: 100% !important;
	min-height: 76px !important;
	padding: 0 !important;
	border: 0 !important;
	border-top: 1px solid #d9d9d9 !important;
	border-radius: 0 !important;
	background: transparent !important;
	color: #000000 !important;
	font-family: var(--font-text) !important;
	font-size: 28px !important;
	font-weight: 700 !important;
	line-height: 1 !important;
	text-align: left !important;
	text-decoration: none !important;
	box-shadow: none !important;
	cursor: pointer !important;
	appearance: none !important;
}

.share-dropdown a span,
.share-dropdown button span {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 44px !important;
	height: 44px !important;
	border: 2px solid #dedede !important;
	border-radius: 50% !important;
	background: #ffffff !important;
	color: #000000 !important;
	font-family: var(--font-text) !important;
	font-size: 22px !important;
	font-weight: 800 !important;
	line-height: 1 !important;
}

.share-dropdown a:hover,
.share-dropdown button:hover {
	color: #000000 !important;
	background: transparent !important;
}

.share-dropdown a:hover span,
.share-dropdown button:hover span {
	background: #f5f5f5 !important;
}

@media (max-width: 760px) {
	.share-toggle {
		width: 60px !important;
		height: 60px !important;
		font-size: 30px !important;
	}

	.share-dropdown {
		padding: 22px !important;
	}

	.share-dropdown h2 {
		font-size: 25px !important;
	}

	.share-dropdown p {
		font-size: 20px !important;
	}

	.share-dropdown a,
	.share-dropdown button {
		grid-template-columns: 46px 1fr !important;
		column-gap: 22px !important;
		min-height: 66px !important;
		font-size: 23px !important;
	}
}

/* Share dropdown hard lock. */
.single-actions,
.single-article,
.single-shell {
	overflow: visible !important;
}

.single-share-menu {
	position: relative !important;
	display: inline-flex !important;
	overflow: visible !important;
}

.share-toggle {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 68px !important;
	height: 68px !important;
	padding: 0 !important;
	border: 2px solid #c8c8c8 !important;
	border-radius: 50% !important;
	background: #ffffff !important;
	color: #000000 !important;
	box-shadow: none !important;
	cursor: pointer !important;
}

.share-toggle svg {
	display: block !important;
	width: 42px !important;
	height: 42px !important;
	fill: none !important;
	stroke: #000000 !important;
	stroke-width: 4 !important;
	stroke-linecap: round !important;
	stroke-linejoin: round !important;
}

.share-dropdown {
	position: fixed !important;
	z-index: 2147483647 !important;
	display: block !important;
	width: 432px !important;
	max-width: calc(100vw - 32px) !important;
	max-height: calc(100vh - 32px) !important;
	overflow-y: auto !important;
	padding: 26px 30px 28px !important;
	border: 2px solid #c8c8c8 !important;
	border-radius: 7px !important;
	background: #ffffff !important;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18) !important;
	color: #000000 !important;
}

.share-dropdown[hidden] {
	display: none !important;
}

.share-dropdown::before {
	content: "" !important;
	position: absolute !important;
	left: var(--share-arrow-left, 34px) !important;
	top: -18px !important;
	width: 32px !important;
	height: 32px !important;
	border-left: 2px solid #c8c8c8 !important;
	border-top: 2px solid #c8c8c8 !important;
	background: #ffffff !important;
	transform: rotate(45deg) !important;
}

.share-dropdown h2 {
	position: relative !important;
	z-index: 1 !important;
	margin: 0 0 16px !important;
	color: #000000 !important;
	font-family: var(--font-text) !important;
	font-size: 28px !important;
	font-weight: 800 !important;
	line-height: 1.08 !important;
	letter-spacing: -0.02em !important;
}

.share-dropdown p {
	position: relative !important;
	z-index: 1 !important;
	max-width: 340px !important;
	margin: 0 0 18px !important;
	color: #000000 !important;
	font-family: var(--font-text) !important;
	font-size: 24px !important;
	font-weight: 400 !important;
	line-height: 1.16 !important;
	letter-spacing: -0.025em !important;
}

.share-dropdown a,
.share-dropdown button {
	display: grid !important;
	grid-template-columns: 50px 1fr !important;
	column-gap: 32px !important;
	align-items: center !important;
	width: 100% !important;
	min-height: 76px !important;
	padding: 0 !important;
	border: 0 !important;
	border-top: 1px solid #d9d9d9 !important;
	border-radius: 0 !important;
	background: transparent !important;
	color: #000000 !important;
	font-family: var(--font-text) !important;
	font-size: 28px !important;
	font-weight: 700 !important;
	line-height: 1 !important;
	text-align: left !important;
	text-decoration: none !important;
	box-shadow: none !important;
	cursor: pointer !important;
	appearance: none !important;
}

.share-dropdown a span,
.share-dropdown button span {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 44px !important;
	height: 44px !important;
	border: 2px solid #dedede !important;
	border-radius: 50% !important;
	background: #ffffff !important;
	color: #000000 !important;
	font-family: var(--font-text) !important;
	font-size: 22px !important;
	font-weight: 800 !important;
	line-height: 1 !important;
}

/* Final article container sizing. */
.single-shell {
	width: min(100% - 48px, 1060px) !important;
	max-width: 1060px !important;
	padding-bottom: 72px !important;
}

.single-article {
	border-radius: 18px !important;
	overflow: hidden !important;
}

.single-thumb {
	aspect-ratio: 1060 / 596 !important;
}

.single-article .entry-content {
	max-width: 680px !important;
	padding-bottom: 64px !important;
}

.single-article .entry-content figure,
.single-article .entry-content .wp-block-image {
	margin-left: calc((680px - min(100vw - 48px, 1060px)) / 2) !important;
	margin-right: calc((680px - min(100vw - 48px, 1060px)) / 2) !important;
}

.single-actions,
.single-share-menu,
.share-dropdown {
	display: none !important;
}

/* Article typography override. */
.single-article,
.single-article .entry-header,
.single-title,
.single-lead,
.single-meta-bar,
.single-category,
.single-article .entry-content,
.single-article .entry-content h2,
.single-article .entry-content h3,
.single-article .entry-content h4,
.single-article .entry-content p,
.single-article .entry-content li,
.single-article .entry-content a {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

@media (max-width: 760px) {
	.single-shell {
		width: min(100% - 20px, 520px) !important;
		padding-bottom: 48px !important;
	}

	.single-article {
		border-radius: 16px !important;
	}

	.single-article .entry-content {
		max-width: none !important;
		padding-bottom: 44px !important;
	}
}

/* Article font size override. */
.single-title {
	font-family: var(--font-display) !important;
}

.single-meta-bar,
.single-meta-bar a,
.single-meta-bar span {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	font-weight: 300 !important;
}

.single-lead {
	font-size: clamp(18px, 1.55vw, 22px) !important;
}

.single-article .entry-content {
	font-size: 20px !important;
	line-height: 1.38 !important;
}

.single-article .entry-content h2 {
	font-size: 32px !important;
}

.single-article .entry-content h3 {
	font-size: 26px !important;
}

.single-article .entry-content h4 {
	font-size: 22px !important;
}

@media (max-width: 760px) {
	.single-lead {
		font-size: 17px !important;
	}

	.single-article .entry-content {
		font-size: 17px !important;
		line-height: 1.45 !important;
	}

	.single-article .entry-content h2 {
		font-size: 26px !important;
	}

	.single-article .entry-content h3 {
		font-size: 22px !important;
	}
}

/* Post card action buttons. */
.home-post-list > .story-card,
.feed > .story-card,
body.home .home-post-list > .story-card,
body.blog .home-post-list > .story-card,
.home-post-list > .story-card:hover,
.feed > .story-card:hover,
body.home .home-post-list > .story-card:hover,
body.blog .home-post-list > .story-card:hover {
	position: relative !important;
	transform: none !important;
	box-shadow: none !important;
	transition: none !important;
	cursor: pointer !important;
}

.home-post-list > .story-card .card-cover-link,
.feed > .story-card .card-cover-link {
	position: absolute !important;
	inset: 0 !important;
	z-index: 1 !important;
	border-radius: inherit !important;
	text-decoration: none !important;
}

.home-post-list > .story-card:hover .story-thumb img,
.feed > .story-card:hover .story-thumb img,
body.home .home-post-list > .story-card:hover .story-thumb img,
body.blog .home-post-list > .story-card:hover .story-thumb img {
	transform: none !important;
}

.home-post-list > .story-card .card-title,
.feed > .story-card .card-title {
	position: relative !important;
	z-index: 2 !important;
	order: 1 !important;
	height: clamp(178px, 39cqw, 240px) !important;
	min-height: 0 !important;
	margin: 0 !important;
	overflow: hidden !important;
	cursor: pointer !important;
	visibility: visible !important;
}

.home-post-list > .story-card .card-title,
.feed > .story-card .card-title,
.home-post-list > .story-card .card-title a,
.feed > .story-card .card-title a,
.home-post-list > .story-card .card-title a:hover,
.feed > .story-card .card-title a:hover,
.home-post-list > .story-card:hover .card-title,
.feed > .story-card:hover .card-title,
.home-post-list > .story-card:hover .card-title a,
.feed > .story-card:hover .card-title a {
	color: #ffffff !important;
	text-decoration: none !important;
	transform: none !important;
	visibility: visible !important;
}

.home-post-list > .story-card .card-body,
.feed > .story-card .card-body {
	--card-body-space: clamp(14px, 3.2cqw, 20px);
	position: relative !important;
	height: auto !important;
	min-height: clamp(245px, 53cqw, 330px) !important;
	justify-content: flex-start !important;
	gap: var(--card-body-space) !important;
	padding: var(--card-body-space) clamp(17px, 4cqw, 25px) var(--card-body-space) !important;
}

.home-post-list > .story-card .card-actions,
.feed > .story-card .card-actions {
	position: relative !important;
	z-index: 3 !important;
	order: 2 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: clamp(8px, 1.8cqw, 12px) !important;
	width: auto !important;
	max-width: 100% !important;
	margin: 0 auto !important;
}

.home-post-list > .story-card .card-action,
.feed > .story-card .card-action {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: clamp(24px, 5.4cqw, 34px) !important;
	padding: 0 clamp(10px, 2.6cqw, 16px) !important;
	border: 1px solid #f0f0f0 !important;
	border-radius: 999px !important;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	font-size: clamp(11px, 2.7cqw, 15px) !important;
	font-weight: 300 !important;
	line-height: 1 !important;
	letter-spacing: -0.01em !important;
	text-align: center !important;
	text-decoration: none !important;
	white-space: nowrap !important;
	cursor: pointer !important;
	transition: background-color 160ms ease, color 160ms ease !important;
}

.home-post-list > .story-card .card-action-read,
.feed > .story-card .card-action-read {
	flex: 0 0 auto !important;
	min-width: clamp(58px, 13cqw, 78px) !important;
	background: #f0f0f0 !important;
	color: #000000 !important;
}

.home-post-list > .story-card .card-action-more,
.feed > .story-card .card-action-more {
	flex: 0 1 auto !important;
	background: transparent !important;
	color: #f0f0f0 !important;
}

.home-post-list > .story-card .card-action-read:hover,
.feed > .story-card .card-action-read:hover {
	background: #ffffff !important;
	border-color: #ffffff !important;
	color: #000000 !important;
}

.home-post-list > .story-card .card-action-more:hover,
.feed > .story-card .card-action-more:hover {
	background: #ffffff !important;
	border-color: #ffffff !important;
	color: #000000 !important;
}

@media (max-width: 760px) {
	.home-post-list > .story-card .card-title,
	.feed > .story-card .card-title {
		height: 172px !important;
		min-height: 0 !important;
	}

	.home-post-list > .story-card .card-actions,
	.feed > .story-card .card-actions {
		gap: 10px !important;
	}

	.home-post-list > .story-card .card-action,
	.feed > .story-card .card-action {
		min-height: 28px !important;
		padding: 0 11px !important;
		font-size: 12px !important;
	}

	.home-post-list > .story-card .card-body,
	.feed > .story-card .card-body {
		min-height: 244px !important;
	}
}

/* Hard crop card text area. */
.home-post-list > .story-card .card-body,
.feed > .story-card .card-body,
body.home .home-post-list > .story-card .card-body,
body.blog .home-post-list > .story-card .card-body {
	--card-bottom-space: 18px;
	--card-title-button-gap: 10px;
	--card-actions-height: clamp(24px, 5.4cqw, 34px);
	flex: 0 0 244px !important;
	height: 244px !important;
	min-height: 244px !important;
	max-height: 244px !important;
	overflow: hidden !important;
	padding: 10px 18px var(--card-bottom-space) !important;
	gap: 0 !important;
}

.home-post-list > .story-card .card-title,
.feed > .story-card .card-title,
body.home .home-post-list > .story-card .card-title,
body.blog .home-post-list > .story-card .card-title {
	flex: 0 0 calc(244px - 10px - var(--card-title-button-gap) - var(--card-actions-height) - var(--card-bottom-space)) !important;
	height: calc(244px - 10px - var(--card-title-button-gap) - var(--card-actions-height) - var(--card-bottom-space)) !important;
	min-height: 0 !important;
	max-height: calc(244px - 10px - var(--card-title-button-gap) - var(--card-actions-height) - var(--card-bottom-space)) !important;
	overflow: hidden !important;
}

.home-post-list > .story-card .card-actions,
.feed > .story-card .card-actions,
body.home .home-post-list > .story-card .card-actions,
body.blog .home-post-list > .story-card .card-actions {
	position: absolute !important;
	left: 18px !important;
	right: 18px !important;
	bottom: var(--card-bottom-space) !important;
	flex: 0 0 auto !important;
	margin: 0 auto !important;
}

.home-post-list > .story-card .card-action,
.feed > .story-card .card-action,
body.home .home-post-list > .story-card .card-action,
body.blog .home-post-list > .story-card .card-action {
	min-height: var(--card-actions-height) !important;
	padding: 0 clamp(10px, 2.6cqw, 16px) !important;
	font-size: clamp(11px, 2.7cqw, 15px) !important;
}

@media (max-width: 760px) {
	.home-post-list > .story-card .card-body,
	.feed > .story-card .card-body,
	body.home .home-post-list > .story-card .card-body,
	body.blog .home-post-list > .story-card .card-body {
		flex-basis: 244px !important;
		height: 244px !important;
		min-height: 244px !important;
		max-height: 244px !important;
	}

	.home-post-list > .story-card .card-title,
	.feed > .story-card .card-title,
	body.home .home-post-list > .story-card .card-title,
	body.blog .home-post-list > .story-card .card-title {
		flex-basis: calc(244px - 10px - var(--card-title-button-gap) - var(--card-actions-height) - var(--card-bottom-space)) !important;
		height: calc(244px - 10px - var(--card-title-button-gap) - var(--card-actions-height) - var(--card-bottom-space)) !important;
		max-height: calc(244px - 10px - var(--card-title-button-gap) - var(--card-actions-height) - var(--card-bottom-space)) !important;
	}
}

/* Live market widget. */
.home-post-list > .market-card,
.feed > .market-card,
body.home .home-post-list > .market-card,
body.blog .home-post-list > .market-card {
	position: relative !important;
	container-type: inline-size !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: space-between !important;
	width: 100% !important;
	min-height: 579px !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 31px !important;
	background: #000000 !important;
	color: #ffffff !important;
	box-shadow: none !important;
	overflow: hidden !important;
}

.market-list {
	display: grid !important;
	grid-template-rows: repeat(6, minmax(0, 1fr)) !important;
	flex: 1 1 auto !important;
	min-height: 0 !important;
	margin-bottom: 78px !important;
	border-radius: 31px 31px 24px 24px !important;
	background: #000000 !important;
	overflow: hidden !important;
}

.market-row {
	display: grid !important;
	grid-template-columns: minmax(0, 1.25fr) minmax(72px, 0.65fr) minmax(78px, 0.72fr) !important;
	align-items: center !important;
	gap: clamp(8px, 2.2cqw, 16px) !important;
	min-height: 68px !important;
	padding: 0 clamp(16px, 5cqw, 24px) !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
	background: #000000 !important;
}

.market-row:last-child {
	border-bottom: 0 !important;
}

.market-asset {
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
	min-width: 0 !important;
}

.market-asset strong,
.market-quote strong {
	display: block !important;
	color: #f7f7f7 !important;
	font-family: var(--font-display) !important;
	font-size: clamp(17px, 4.4cqw, 24px) !important;
	font-weight: 850 !important;
	line-height: 1.02 !important;
	letter-spacing: -0.02em !important;
	white-space: nowrap !important;
}

.market-asset strong::before {
	content: "" !important;
	display: inline-block !important;
	width: 0 !important;
	height: 0 !important;
	margin-right: 6px !important;
	border-left: 5px solid transparent !important;
	border-right: 5px solid transparent !important;
	border-bottom: 10px solid #32d96b !important;
	transform: translateY(-1px) !important;
}

.market-row.is-down .market-asset strong::before {
	border-top: 10px solid #ff453a !important;
	border-bottom: 0 !important;
}

.market-asset span,
.market-quote span {
	display: block !important;
	margin-top: 4px !important;
	color: #8d8d93 !important;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	font-size: clamp(13px, 3.2cqw, 18px) !important;
	font-weight: 700 !important;
	line-height: 1.05 !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
}

.market-quote {
	text-align: right !important;
}

.market-row.is-up .market-quote span {
	color: #32d96b !important;
}

.market-row.is-down .market-quote span {
	color: #ff453a !important;
}

.market-spark {
	min-width: 0 !important;
}

.market-sparkline {
	display: block !important;
	width: 100% !important;
	height: 34px !important;
	overflow: visible !important;
}

.market-sparkline path {
	fill: none !important;
	stroke: #32d96b;
	stroke-width: 3 !important;
	stroke-linecap: round !important;
	stroke-linejoin: round !important;
	vector-effect: non-scaling-stroke !important;
}

.market-controls {
	position: absolute !important;
	left: 18px !important;
	right: 18px !important;
	bottom: 18px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: clamp(8px, 1.8cqw, 12px) !important;
	flex: 0 0 auto !important;
	padding: 0 !important;
	background: #000000 !important;
}

.market-tab,
.market-overview-link {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex: 0 0 auto !important;
	min-width: 86px !important;
	min-height: 35px !important;
	padding: 0 18px !important;
	border: 1px solid #f0f0f0 !important;
	border-radius: 999px !important;
	background: transparent !important;
	color: #f0f0f0 !important;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	font-size: 15px !important;
	font-weight: 300 !important;
	line-height: 1 !important;
	letter-spacing: -0.01em !important;
	white-space: nowrap !important;
	text-decoration: none !important;
	cursor: pointer !important;
	transition: background-color 160ms ease, color 160ms ease !important;
}

.market-overview-link {
	min-width: 104px !important;
}

.market-tab.is-active,
.market-tab:hover,
.market-overview-link:hover {
	background: #f0f0f0 !important;
	color: #000000 !important;
}

.market-empty {
	display: grid !important;
	place-items: center !important;
	min-height: 360px !important;
	padding: 24px !important;
	color: #a0a0a6 !important;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	text-align: center !important;
}

.market-row.is-loading {
	opacity: 1 !important;
}

.market-row.is-loading .market-asset strong,
.market-row.is-loading .market-asset span,
.market-row.is-loading .market-quote strong,
.market-row.is-loading .market-quote span,
.market-row.is-loading .market-sparkline path {
	color: transparent !important;
	stroke: rgba(255, 255, 255, 0.2) !important;
	background: linear-gradient(90deg, #161616, #2b2b2b, #161616) !important;
	background-size: 220% 100% !important;
	border-radius: 999px !important;
	animation: marketPulse 1.2s ease-in-out infinite !important;
}

.market-row.is-loading .market-asset strong {
	width: 82px !important;
	height: 21px !important;
}

.market-row.is-loading .market-asset span {
	width: 118px !important;
	height: 16px !important;
}

.market-row.is-loading .market-quote strong {
	width: 76px !important;
	height: 21px !important;
	margin-left: auto !important;
}

.market-row.is-loading .market-quote span {
	width: 58px !important;
	height: 16px !important;
	margin-left: auto !important;
}

.market-row.is-loading .market-asset strong::before {
	display: none !important;
}

@keyframes marketPulse {
	0% {
		background-position: 0% 50%;
	}

	100% {
		background-position: 200% 50%;
	}
}

.market-rank {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex: 0 0 28px !important;
	width: 28px !important;
	height: 28px !important;
	border-radius: 50% !important;
	background: rgba(255, 255, 255, 0.08) !important;
	color: #a0a0a6 !important;
	font: 700 12px/1 "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.markets-overview-page {
	width: min(100% - 48px, 1480px) !important;
	margin: 0 auto !important;
	padding: 72px 0 96px !important;
}

.markets-overview-hero {
	margin-bottom: 34px !important;
	text-align: center !important;
}

.markets-overview-hero p,
.markets-overview-hero span {
	margin: 0 !important;
	color: #777777 !important;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	font-size: 15px !important;
	font-weight: 400 !important;
}

.markets-overview-hero h1 {
	max-width: 920px !important;
	margin: 10px auto 12px !important;
	color: #000000 !important;
	font-family: var(--font-display) !important;
	font-size: clamp(42px, 6vw, 78px) !important;
	font-weight: 850 !important;
	line-height: 0.94 !important;
	letter-spacing: -0.04em !important;
}

.markets-overview-grid {
	display: grid !important;
	grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr) !important;
	gap: 24px !important;
	align-items: start !important;
}

.markets-table-panel {
	border-radius: 28px !important;
	background: #000000 !important;
	color: #ffffff !important;
	overflow: hidden !important;
}

.markets-table-head {
	padding: 24px 26px !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.09) !important;
}

.markets-table-head h2 {
	margin: 0 !important;
	color: #ffffff !important;
	font-family: var(--font-display) !important;
	font-size: 30px !important;
	font-weight: 850 !important;
	letter-spacing: -0.03em !important;
}

.markets-table {
	display: grid !important;
}

.markets-table .market-row {
	grid-template-columns: minmax(0, 1.35fr) minmax(86px, 0.55fr) minmax(96px, 0.65fr) !important;
	min-height: 72px !important;
}

@media (max-width: 1100px) {
	.markets-overview-grid {
		grid-template-columns: 1fr !important;
	}
}

@media (max-width: 760px) {
	.home-post-list > .market-card,
	.feed > .market-card,
	body.home .home-post-list > .market-card,
	body.blog .home-post-list > .market-card {
		min-height: 548px !important;
		border-radius: 30px !important;
	}

	.market-row {
		grid-template-columns: minmax(0, 1fr) 74px minmax(72px, 0.7fr) !important;
		min-height: 66px !important;
		padding: 0 16px !important;
	}

	.market-controls {
		flex-wrap: wrap !important;
		padding: 18px 14px 22px !important;
	}

	.markets-overview-page {
		width: min(100% - 24px, 620px) !important;
		padding: 38px 0 64px !important;
	}

	.markets-table .market-row {
		grid-template-columns: minmax(0, 1fr) 72px minmax(72px, 0.7fr) !important;
	}
}