:root {
	--ai-ink: #101827;
	--ai-muted: #5f6b7a;
	--ai-line: #dce2e8;
	--ai-blue: #165dba;
	--ai-orange: #e87818;
	--ai-surface: #f4f7fa;
	--ai-navy: #07111f;
	--ai-paper: #fbfaf7;
	--ai-serif: "Iowan Old Style", "Palatino Linotype", Georgia, serif;
}

.ai-publication {
	background: #fff;
	color: var(--ai-ink);
}

.ai-publication .modern-nav {
	border-bottom: 1px solid rgba(255,255,255,.12);
	box-shadow: none;
	background: var(--ai-navy) !important;
}

.ai-publication .nav-container {
	max-width: 1320px;
	padding-top: .75rem;
	padding-bottom: .75rem;
}

.ai-publication .modern-nav a,
.ai-publication .modern-nav .site-title,
.ai-publication .modern-nav .nav-link {
	color: #fff !important;
}

.ai-publication .newsroom-logo,
.ai-publication .newsroom-logo-text,
.ai-publication .newsroom-logo-text .highlight {
	color: #fff !important;
}

.ai-publication .newsroom-logo-icon {
	color: #4f8fdf !important;
}

.ai-publication .modern-nav .subscribe-btn,
.ai-publication .modern-nav [class*="subscribe"],
.ai-publication .nav-subscribe-btn {
	border: 1px solid rgba(255,255,255,.42);
	background: #fff !important;
	color: var(--ai-navy) !important;
}

.ai-publication a:focus-visible,
.ai-publication button:focus-visible {
	outline: 3px solid #f39a43 !important;
	outline-offset: 3px;
}

.ai-shell {
	width: min(1260px, calc(100% - 40px));
	margin-inline: auto;
}

.ai-edition-bar {
	margin-top: 0;
	border-bottom: 1px solid var(--ai-line);
	background: var(--ai-paper);
}

.ai-edition-bar .ai-shell {
	display: flex;
	justify-content: space-between;
	padding-block: 9px;
	color: var(--ai-muted);
	font-size: 11px;
	letter-spacing: .04em;
	text-transform: uppercase;
}

.ai-edition-bar strong {
	color: var(--ai-navy);
}

.ai-masthead {
	padding: 25px 0 22px;
	border-bottom: 1px solid var(--ai-line);
	background: #fff;
	text-align: center;
}

.ai-masthead__brand {
	display: inline-block;
	color: var(--ai-navy);
	font-family: var(--ai-serif);
	font-size: clamp(43px, 5vw, 72px);
	font-weight: 800;
	line-height: .9;
	letter-spacing: -.055em;
	text-decoration: none;
}

.ai-masthead__brand span {
	color: var(--ai-blue);
}

.ai-masthead p {
	width: auto !important;
	margin: 11px 0 0;
	color: var(--ai-muted);
	font-size: 12px;
	font-weight: 650;
	letter-spacing: .13em;
	text-align: center;
	text-transform: uppercase;
}

.ai-topic-rail {
	margin-top: 0;
	border-block: 1px solid var(--ai-line);
	background: #fff;
}

.ai-topic-rail__inner {
	display: flex;
	justify-content: center;
	gap: 28px;
	overflow-x: auto;
	padding: 13px 0;
	white-space: nowrap;
}

.ai-topic-rail a,
.ai-topic-rail strong {
	color: var(--ai-ink);
	font-size: 14px;
	text-decoration: none;
}

.ai-topic-rail strong,
.ai-kicker {
	color: var(--ai-orange);
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: .06em;
}

.ai-lead-layout {
	display: grid;
	grid-template-columns: minmax(0, 3fr) minmax(260px, 1fr);
	gap: 34px;
	padding-block: 22px 36px;
}

.ai-lead-card,
.ai-support-card,
.ai-article-hero {
	position: relative;
	overflow: hidden;
	background: var(--ai-ink);
}

.ai-lead-card {
	aspect-ratio: 16 / 8.3;
	border-radius: 10px;
}

.ai-lead-card img,
.ai-support-card img,
.ai-article-hero > img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.ai-card-shade {
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, transparent 35%, rgba(3, 10, 20, .92) 100%);
	pointer-events: none;
}

.ai-lead-copy,
.ai-support-card h3,
.ai-article-hero__copy {
	position: absolute;
	z-index: 2;
	left: 28px;
	right: 28px;
	bottom: 26px;
	margin: 0;
	color: #fff;
}

.ai-lead-copy h2 {
	max-width: 900px;
	margin: 8px 0 0;
	color: #fff !important;
	font-size: clamp(32px, 4vw, 58px);
	line-height: 1.02;
	letter-spacing: -.045em;
}

.ai-lead-copy p {
	max-width: 720px;
	margin: 12px 0 0;
	color: rgba(255,255,255,.88);
	font-size: 16px;
	line-height: 1.35;
}

.ai-support-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 14px;
	margin-top: 14px;
}

.ai-support-card {
	aspect-ratio: 4 / 3;
	border-radius: 8px;
}

.ai-support-card h3 {
	left: 15px;
	right: 15px;
	bottom: 14px;
	color: #fff !important;
	font-size: 18px;
	line-height: 1.12;
}

.ai-latest-panel {
	padding: 8px 0 0;
}

.ai-latest-panel h2 {
	margin: 0 0 14px;
	font-size: 30px;
	text-transform: uppercase;
}

.ai-latest-panel ol {
	margin: 0;
	padding: 0;
	list-style: none;
	border-left: 1px solid var(--ai-line);
}

.ai-latest-panel li {
	position: relative;
	padding: 4px 0 18px 32px;
	margin-bottom: 12px;
	border-bottom: 1px solid var(--ai-line);
}

.ai-latest-panel li::before {
	content: "";
	position: absolute;
	left: -5px;
	top: 7px;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: #7c8795;
}

.ai-latest-panel time {
	display: block;
	margin-bottom: 5px;
	color: var(--ai-muted);
	font-size: 12px;
}

.ai-latest-panel a {
	color: var(--ai-ink);
	font-size: 17px;
	font-weight: 750;
	line-height: 1.18;
	text-decoration: none;
}

.ai-value-strip {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 30px;
	padding: 25px 30px;
	border-left: 5px solid var(--ai-orange);
	background: var(--ai-surface);
}

.ai-value-strip span,
.ai-follow-card span,
.ai-author-box > div > span {
	display: block;
	color: var(--ai-orange);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.ai-value-strip strong {
	display: block;
	margin-top: 4px;
	font-size: 18px;
}

.ai-value-strip a,
.ai-follow-card a {
	flex: 0 0 auto;
	padding: 12px 18px;
	border-radius: 4px;
	background: var(--ai-ink);
	color: #fff;
	font-weight: 800;
	text-decoration: none;
}

.ai-home-section {
	padding-top: 50px;
}

.ai-home-section > header {
	display: flex;
	align-items: end;
	justify-content: space-between;
	margin-bottom: 18px;
	border-bottom: 2px solid var(--ai-ink);
}

.ai-home-section > header h2 {
	margin: 0;
	padding-bottom: 9px;
	font-size: 28px;
}

.ai-home-section > header a {
	padding-bottom: 10px;
	color: var(--ai-blue);
	font-weight: 700;
	text-decoration: none;
}

.ai-story-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 22px;
}

.ai-story-card {
	background: #fff;
}

.ai-image-fallback {
	display: grid;
	width: 100%;
	height: 100%;
	place-items: center;
	background:
		linear-gradient(135deg, rgba(22,93,186,.26), transparent 58%),
		var(--ai-navy);
	color: rgba(255,255,255,.72);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .1em;
	text-transform: uppercase;
}

.ai-story-card__image {
	display: block;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	border-radius: 5px;
	background: var(--ai-surface);
}

.ai-story-card img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .25s ease;
}

.ai-story-card:hover img {
	transform: scale(1.025);
}

.ai-story-card h3 {
	margin: 7px 0;
	font-size: 20px;
	line-height: 1.18;
}

.ai-story-card h3 a {
	color: var(--ai-ink);
	text-decoration: none;
}

.ai-story-card p,
.ai-story-card small {
	color: var(--ai-muted);
}

.ai-article-wrap {
	padding: 96px 20px 70px;
	background: var(--ai-paper);
}

.ai-article {
	width: min(1220px, 100%);
	margin: 0 auto;
}

.ai-breadcrumbs {
	display: flex;
	gap: 9px;
	margin: 0 0 14px;
	color: var(--ai-muted);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .05em;
	text-transform: uppercase;
}

.ai-breadcrumbs a {
	color: var(--ai-blue);
	text-decoration: none;
}

.ai-article-hero {
	aspect-ratio: 16 / 8.2;
	border-radius: 8px;
}

.ai-article-hero__copy h1 {
	max-width: 1080px;
	margin: 8px 0 0;
	color: #fff !important;
	font-size: clamp(38px, 5.5vw, 76px);
	line-height: 1.01;
	letter-spacing: -.05em;
}

.ai-article-dek {
	max-width: 820px;
	margin: 13px 0 0;
	color: rgba(255,255,255,.88);
	font-family: var(--ai-serif);
	font-size: clamp(17px, 1.6vw, 22px);
	line-height: 1.35;
}

.ai-image-credit {
	position: absolute;
	z-index: 3;
	top: 12px;
	right: 16px;
	margin: 0;
	color: rgba(255,255,255,.9);
	font-size: 11px;
}

.ai-article-grid {
	display: grid;
	grid-template-columns: minmax(0, 800px) minmax(250px, 320px);
	justify-content: center;
	gap: 56px;
	padding-top: 26px;
}

.ai-byline {
	display: flex;
	gap: 14px;
	padding-bottom: 22px;
	border-bottom: 1px solid var(--ai-line);
}

.ai-standards-note {
	color: var(--ai-blue) !important;
	font-weight: 650;
}

.ai-byline img,
.ai-author-box img {
	border-radius: 50%;
}

.ai-byline p {
	margin: 2px 0;
	color: var(--ai-muted);
	font-size: 13px;
}

.ai-byline a {
	color: var(--ai-ink);
}

.ai-byline__bio {
	max-width: 680px;
}

.ai-summary {
	margin: 28px 0;
	padding: 22px 26px;
	border-left: 4px solid var(--ai-blue);
	background: var(--ai-surface);
}

.ai-summary h2 {
	margin: 0 0 10px;
	font-size: 18px;
}

.ai-summary ul {
	margin: 0;
	padding-left: 20px;
}

.ai-summary li + li {
	margin-top: 8px;
}

.ai-article-content {
	font-family: var(--ai-serif);
	font-size: 19px;
	line-height: 1.75;
}

.ai-article-content h2,
.ai-article-content h3,
.ai-article-content table,
.ai-article-content figcaption {
	font-family: "Work Sans", system-ui, sans-serif;
}

.ai-article-content h2 {
	margin-top: 1.7em;
	font-size: 32px;
	line-height: 1.15;
}

.ai-article-content img {
	border-radius: 4px;
}

.ai-article-content table {
	display: block;
	max-width: 100%;
	overflow-x: auto;
	border-collapse: collapse;
	font-size: 15px;
}

.ai-article-content th,
.ai-article-content td {
	padding: 11px;
	border: 1px solid var(--ai-line);
	text-align: left;
}

.ai-article-content th {
	background: var(--ai-navy);
	color: #fff;
	font-size: 13px;
	letter-spacing: .02em;
}

.ai-article-content tbody tr:nth-child(even) {
	background: #f3f6f8;
}

.ai-article-content figcaption {
	padding-top: 7px;
	color: var(--ai-muted);
	font-size: 12px;
	line-height: 1.4;
}

.ai-article-content a {
	color: #0c56a6;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}

/* Protect the first impression from auto-inserted anchor and vignette formats. */
.ai-publication #ai-anchor,
.ai-publication ins.adsbygoogle[data-vignette-loaded="true"],
.ai-publication ins.adsbygoogle[style*="position: fixed"],
.ai-publication .google-auto-placed[style*="position: fixed"],
.ai-publication.home .google-auto-placed,
.ai-publication.home .ai-atf-leaderboard {
	display: none !important;
}

.ai-article-aside {
	padding-top: 10px;
}

.ai-follow-card {
	position: sticky;
	top: 110px;
	padding: 24px;
	border: 1px solid var(--ai-line);
	background: #fff;
}

.ai-follow-card h2 {
	margin: 7px 0 10px;
	font-size: 26px;
	line-height: 1.08;
}

.ai-follow-card p {
	margin-bottom: 22px;
	color: var(--ai-muted);
}

.ai-author-box {
	display: flex;
	gap: 18px;
	margin-top: 45px;
	padding: 26px;
	border-top: 3px solid var(--ai-ink);
	background: var(--ai-surface);
}

.ai-author-box h2,
.ai-author-box p {
	margin: 5px 0;
}

.ai-related {
	margin-top: 60px;
	padding-top: 26px;
	border-top: 3px solid var(--ai-ink);
}

.ai-related > h2 {
	font-size: 28px;
}

.ai-related .ai-story-grid {
	grid-template-columns: repeat(3, 1fr);
}

@media (max-width: 980px) {
	.ai-lead-layout,
	.ai-article-grid { grid-template-columns: 1fr; }
	.ai-latest-panel { padding-top: 0; }
	.ai-story-grid { grid-template-columns: repeat(2, 1fr); }
	.ai-article-aside { display: none; }
}

@media (max-width: 620px) {
	.ai-publication .ai-atf-leaderboard {
		display: none !important;
	}

	.ai-shell { width: min(100% - 24px, 1260px); }
	.ai-edition-bar .ai-shell span:last-child { display: none; }
	.ai-edition-bar .ai-shell { font-size: 9px; }
	.ai-masthead { padding-block: 20px 18px; }
	.ai-masthead__brand { font-size: 45px; }
	.ai-masthead p { max-width: 330px; margin-inline: auto; font-size: 9px; }
	.ai-publication .mobile-menu {
		background: var(--ai-navy);
	}
	.ai-publication .mobile-menu a {
		color: #fff !important;
	}
	.ai-publication .mobile-menu-toggle span {
		background: #fff !important;
	}
	.ai-topic-rail__inner { justify-content: flex-start; gap: 20px; }
	.ai-lead-layout { padding-top: 12px; gap: 22px; }
	.ai-lead-card { aspect-ratio: 4 / 3; }
	.ai-lead-copy { left: 16px; right: 16px; bottom: 16px; }
	.ai-lead-copy h2 { font-size: 31px; }
	.ai-lead-copy p { display: none; }
	.ai-support-grid { grid-template-columns: 1fr; }
	.ai-support-card { aspect-ratio: 16 / 9; }
	.ai-value-strip { align-items: flex-start; flex-direction: column; }
	.ai-story-grid,
	.ai-related .ai-story-grid { grid-template-columns: 1fr; }
	.ai-article-wrap { padding: 76px 12px 50px; }
	.ai-breadcrumbs { overflow: hidden; white-space: nowrap; }
	.ai-article-hero { aspect-ratio: 4 / 5; }
	.ai-article-hero__copy { left: 18px; right: 18px; bottom: 20px; }
	.ai-article-hero__copy h1 { font-size: 38px; }
	.ai-article-content { font-size: 18px; }
	.ai-author-box { align-items: flex-start; }
}

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