/*PLT.NEWS.202603*/

/* =========================
   News cards / lists
   ========================= */

.news-section {margin:48px 0;}
.news-section .h1-block {justify-content:space-between;}
.news-section .h1-block .more {margin-left:auto;}
.news-section .h1-block .more.news-more--hidden {display:none!important;}
.news-section .h1-block .more.news-more--m-only {display:none;}

.news-section .asH1 a {
	color:var(--dark);
	text-decoration:none;
	transition:var(--anim);
}
.news-section .asH1 a:hover {color:var(--hover);}

.news-grid {
	display:grid;
	grid-template-columns:repeat(3, 1fr);
	gap:16px;
}

.news-card {
	display:flex;
	flex-direction:column;
	background:#FFF;
	border-radius:8px;
	box-shadow:var(--shadow);
	overflow:hidden;
	color:var(--txt);
	transition:var(--anim);
	min-height:100%;
}

.news-card:hover {transform:translateY(-2px); box-shadow:var(--shadow2);}

.news-card__media {background:var(--grey);}
.news-card__media .__ratio {aspect-ratio:16/9; width:100%;}
.news-card__media IMG {width:100%; height:100%; object-fit:cover;}

.news-card__body {padding:16px 16px 18px 16px; display:flex; flex-direction:column; gap:10px; flex:1 1 auto;}

.news-meta {font-size:14px; line-height:20px; color:#00000099;}
.news-title {
	font-family:var(--font-title);
	font-weight:600;
	font-size:20px;
	line-height:26px;
	color:var(--dark);
	display:-webkit-box;
	line-clamp:2;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
}
.news-excerpt {font-size:14px; line-height:20px; color:#00000099;}
.news-excerpt {
	display:-webkit-box;
	line-clamp:3;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical;
	overflow:hidden;
}
.news-card__cta {margin-top:auto; font-size:14px; line-height:20px; color:var(--link);}


/* =========================
   News article prose
   ========================= */

.news-content {
	padding:24px;
	margin:0 auto 24px auto;
	background-color:#FFF;
	border-radius:4px;
	box-shadow:var(--shadow);
	max-width:980px;
}
.news-content .breadcrumbs {margin:0 0 16px 0;}
.news-content h1 {margin:0 0 12px 0;}

.news-article {padding:8px 0 4px 0;}

.news-article__meta {
	display:flex;
	gap:12px;
	align-items:center;
	flex-wrap:wrap;
	margin:0 0 16px 0;
	color:#00000099;
	font-size:14px;
	line-height:20px;
}
.news-meta-pair {display:inline-flex; gap:6px; align-items:baseline;}

.news-badge {
	display:inline-flex;
	align-items:center;
	height:24px;
	padding:0 10px;
	border-radius:999px;
	background:var(--blue-light);
	color:var(--link);
	font-size:13px;
	line-height:20px;
	font-weight:600;
}

.news-article__cover {margin:0 0 20px 0;}
.news-article__cover IMG {width:100%; height:auto; border-radius:12px;}

.news-prose {color:var(--txt);}

.news-prose p {margin:0 0 12px 0;}
.news-prose p:last-child {margin-bottom:0;}

.news-prose h2 {
	font-family:var(--font-title);
	font-size:26px;
	line-height:34px;
	font-weight:600;
	color:var(--dark);
	margin:28px 0 12px 0;
}
.news-prose h3 {
	font-family:var(--font-title);
	font-size:18px;
	line-height:24px;
	font-weight:600;
	color:var(--dark);
	margin:20px 0 10px 0;
}

.news-prose ul,
.news-prose ol {padding-left:20px; margin:0 0 14px 0;}
.news-prose li {margin:6px 0;}

.news-prose a {color:var(--link); text-decoration:underline;}
.news-prose a:hover {color:var(--hover);}

.news-prose img {max-width:100%; height:auto; border-radius:8px; display:block; margin:16px 0;}

.news-prose figure {margin:16px 0;}
.news-prose figure img {margin:0;}
.news-prose figcaption {font-size:13px; line-height:18px; color:#00000099; margin-top:8px; text-align:left; padding:0; font-weight:400;}

.news-prose blockquote {
	margin:16px 0;
	padding:12px 16px;
	border-left:4px solid var(--blue-mid);
	background:#00000005;
	border-radius:8px;
}

.news-prose pre {
	margin:16px 0;
	padding:12px 14px;
	background:#00000008;
	border-radius:8px;
	overflow:auto;
}

/* Optional: make an element wider than text column */
.news-prose .news-wide {max-width:100%;}

.news-article__back {margin:28px 0 0 0;}


/* =========================
   Responsive
   ========================= */

@media (max-width:1023px) {
	.news-grid {grid-template-columns:repeat(2, 1fr);}
	.news-section .news-grid > .news-card:nth-child(n+3) {display:none;}
	.news-section .h1-block .more.news-more--m-only {display:block;}
}

@media (max-width:600px) {
	.news-section {margin:32px 0;}
	.news-grid {grid-template-columns:1fr;}
	.news-card__body {padding:14px 14px 16px 14px;}
	.news-title {font-size:18px; line-height:24px;}
	.news-article__cover {margin-bottom:16px;}
	.news-content {padding:18px 14px; border-radius:12px; box-shadow:var(--shadow); margin:0 0 24px 0; font-size:15px; line-height:22px;}
	.news-content .breadcrumbs {margin:0 0 10px 0; font-size:12px; line-height:16px;}
	.news-content h1 {font-size:22px; line-height:26px; margin:0 0 10px 0;}
	.news-article {padding:0;}
	.news-article__meta {margin:0 0 12px 0; font-size:11px; line-height:14px; gap:8px;}
	.news-meta-pair {gap:4px;}
	.news-article__cover IMG {border-radius:10px;}
	.news-prose {font-size:15px; line-height:22px;}
	.news-prose p {margin:0 0 10px 0;}
	.news-prose h2 {font-size:20px; line-height:26px; margin:20px 0 10px 0;}
	.news-prose h3 {font-size:16px; line-height:20px; margin:14px 0 8px 0;}
	.news-prose ul,
	.news-prose ol {margin:0 0 12px 0;}
	.news-prose img {margin:12px 0; border-radius:10px;}
	.news-prose figure {margin:12px 0;}
	.news-prose figcaption {font-size:12px; line-height:16px; margin-top:6px;}
	.news-prose blockquote {margin:12px 0; padding:10px 12px;}
	.news-prose pre {margin:12px 0; padding:10px 12px;}
}