@font-face {
	font-family: "Notam Newsreader";
	font-style: normal;
	font-weight: 200 800;
	font-display: swap;
	src: url("../fonts/newsreader-variable.woff2") format("woff2-variations");
}

@font-face {
	font-family: "Notam Space Grotesk";
	font-style: normal;
	font-weight: 300 700;
	font-display: swap;
	src: url("../fonts/space-grotesk-variable.woff2") format("woff2-variations");
}

.notam-newsroom-entry {
	--notam-stream-accent: #ffb000;
	max-width: 76ch;
	margin: clamp(1.25rem, 3vw, 2.5rem) auto;
	padding: clamp(1.25rem, 3.4vw, 2.4rem);
	border: 1px solid color-mix(in srgb, var(--notam-stream-accent) 32%, #d9dde5);
	border-left: 5px solid var(--notam-stream-accent);
	border-radius: 18px;
	background: #fff;
	box-shadow: 0 18px 48px rgb(13 20 33 / 8%);
	color: #15171b;
	font-family: "Notam Newsreader", Georgia, serif;
	font-size: clamp(1.08rem, 0.99rem + 0.25vw, 1.24rem);
	font-optical-sizing: auto;
	font-variation-settings: "opsz" 28;
	line-height: 1.72;
	letter-spacing: 0.003em;
	text-wrap: pretty;
}

.notam-newsroom-entry--video {
	--notam-stream-accent: #ff8a00;
}

.notam-newsroom-entry--podcast {
	--notam-stream-accent: #7c4dff;
}

.notam-newsroom-imported .story-title,
.notam-newsroom-imported .featured-title,
.notam-newsroom-imported.press-item h4 {
	font-family: "Notam Space Grotesk", Arial, sans-serif;
	font-optical-sizing: auto;
	font-weight: 650;
	letter-spacing: -0.025em;
	line-height: 1.16;
	text-wrap: balance;
}

.notam-newsroom-imported .story-excerpt,
.notam-newsroom-imported .press-item__summary {
	font-family: "Notam Newsreader", Georgia, serif;
	font-size: clamp(1.02rem, 0.98rem + 0.16vw, 1.14rem);
	font-optical-sizing: auto;
	font-variation-settings: "opsz" 24;
	font-weight: 420;
	line-height: 1.64;
	letter-spacing: 0.002em;
	text-wrap: pretty;
}

.notam-newsroom-imported .post-kicker,
.notam-newsroom-imported .summary-label,
.notam-newsroom-imported .story-meta,
.notam-newsroom-imported .press-item__meta,
.notam-newsroom-imported .press-item__source {
	font-family: "Notam Space Grotesk", Arial, sans-serif;
}

.notam-newsroom-stream-video {
	--notam-stream-accent: #ff8a00;
}

.notam-newsroom-stream-podcast {
	--notam-stream-accent: #7c4dff;
}

.notam-newsroom-entry p,
.notam-newsroom-summary,
.notam-newsroom-summary ~ p {
	max-width: 72ch;
}

.notam-newsroom-summary {
	margin-top: 0;
	font-size: clamp(1.16rem, 1.05rem + 0.35vw, 1.38rem);
	font-weight: 430;
	line-height: 1.68;
}

.notam-newsroom-summary strong,
.notam-newsroom-source,
.notam-newsroom-entry .button-link {
	font-family: "Notam Space Grotesk", Arial, sans-serif;
}

.notam-newsroom-summary strong {
	font-size: 0.78em;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.notam-newsroom-source {
	display: flex;
	flex-wrap: wrap;
	gap: 0.35rem;
	align-items: baseline;
	margin-block: 1.3rem;
	padding-top: 1rem;
	border-top: 1px solid #e4e7ec;
	font-size: 0.92rem;
	font-weight: 560;
	line-height: 1.5;
}

.notam-newsroom-entry em,
.notam-newsroom-summary ~ p em {
	color: #5b626e;
	font-size: 0.92em;
}

.notam-newsroom-entry .button-link,
.notam-newsroom-summary ~ p .button-link {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	padding: 0.72rem 1rem;
	border-radius: 999px;
	background: #15171b;
	color: #fff;
	font-size: 0.88rem;
	font-weight: 700;
	line-height: 1.2;
	text-decoration: none;
	transition: transform 160ms ease, background-color 160ms ease, box-shadow 160ms ease;
}

.notam-newsroom-entry .button-link:hover,
.notam-newsroom-entry .button-link:focus-visible,
.notam-newsroom-summary ~ p .button-link:hover,
.notam-newsroom-summary ~ p .button-link:focus-visible {
	background: #000;
	box-shadow: 0 8px 24px rgb(0 0 0 / 18%);
	transform: translateY(-1px);
}

.notam-newsroom-entry .button-link:focus-visible,
.notam-newsroom-summary ~ p .button-link:focus-visible {
	outline: 3px solid #ffb000;
	outline-offset: 3px;
}

@media (max-width: 600px) {
	.notam-newsroom-entry {
		margin-inline: 0;
		padding: 1.15rem;
		border-radius: 14px;
		font-size: 1.06rem;
	}
}

@media (prefers-reduced-motion: reduce) {
	.notam-newsroom-entry .button-link,
	.notam-newsroom-summary ~ p .button-link {
		transition: none;
	}
}

@media print {
	.notam-newsroom-entry {
		max-width: none;
		margin: 0;
		padding: 0;
		border: 0;
		box-shadow: none;
		font-size: 11pt;
	}
}