/* ==========================================================================
   News Page
   ========================================================================== */

.news-page {
	padding-bottom: var(--cta-before-space);
}

.news-single-page {
	padding-bottom: var(--cta-before-space);
}

.news-archive {
	--news-list-top: min(12.5vw, 150px);
	--news-inner-width: 1200px;
	--news-side-gutter: min(4.1667vw, 50px);
	--news-filter-bottom: min(7.6563vw, 98px);
	--news-filter-column-gap: 20px;
	--news-filter-row-gap: 14px;
	--news-filter-width: 7.5em;
	--news-filter-min-width: 7.5em;
	--news-filter-min-height: 36px;
	--news-filter-padding-inline: 1.375em;
	--news-filter-font-size: 16px;
	--news-row-height: 109px;
	--news-row-padding-left: 10px;
	--news-row-padding-right: 12px;
	--news-meta-width: 88px;
	--news-meta-gap: 40px;
	--news-date-size: 18px;
	--news-category-width: 88px;
	--news-category-height: 24px;
	--news-category-top: 12px;
	--news-category-size: 14px;
	--news-title-size: 18px;
	--news-icon-size: 40px;
	--news-pagination-top: 80px;
	--news-pagination-size: 40px;
	--news-pagination-gap: 16px;
	--news-pagination-font-size: 16px;

	padding-top: var(--news-list-top);
}

.news-archive__inner {
	width: min(calc(100% - (var(--news-side-gutter) * 2)), var(--news-inner-width));
	margin-inline: auto;
}

.news-filter {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
	gap: var(--news-filter-row-gap) var(--news-filter-column-gap);
	margin: 0 0 var(--news-filter-bottom);
}

.news-filter__item {
	display: flex;
	align-items: center;
	justify-content: center;
	width: var(--news-filter-width);
	min-width: var(--news-filter-min-width);
	min-height: var(--news-filter-min-height);
	max-width: 100%;
	padding: 6px var(--news-filter-padding-inline);
	color: var(--color-link-blue);
	background: #edf6fb;
	font-size: var(--news-filter-font-size);
	font-weight: 500;
	line-height: 1.25;
	text-align: center;
	overflow-wrap: anywhere;
	transition:
		color 0.45s ease,
		background-color 0.45s ease;
}

.news-filter__item:hover,
.news-filter__item:focus-visible,
.news-filter__item.is-current {
	color: #fff;
	background: var(--color-link-blue);
}

.news-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.news-list__entry {
	border-top: 1px solid #ccc;
}

.news-list__entry:last-child {
	border-bottom: 1px solid #ccc;
}

.news-list__link {
	display: grid;
	grid-template-columns: var(--news-meta-width) minmax(0, 1fr) var(--news-icon-size);
	align-items: center;
	column-gap: var(--news-meta-gap);
	min-height: var(--news-row-height);
	padding: 0 var(--news-row-padding-right) 0 var(--news-row-padding-left);
	color: #1d1d1d;
	transition: background-color 0.45s ease;
}

.news-list__link:hover,
.news-list__link:focus-visible {
	background-color: #edf4fa;
}

.news-list__meta {
	display: block;
	width: var(--news-meta-width);
}

.news-list__date {
	display: block;
	font-family: var(--font-en);
	font-size: var(--news-date-size);
	font-weight: 500;
	line-height: 1;
	letter-spacing: 0;
}

.news-list__category {
	display: flex;
	align-items: center;
	justify-content: center;
	width: var(--news-category-width);
	height: var(--news-category-height);
	margin-top: var(--news-category-top);
	color: #fff;
	background: var(--color-link-blue);
	font-size: var(--news-category-size);
	font-weight: 500;
	line-height: 1;
	letter-spacing: 0;
}

.news-list__title {
	display: block;
	min-width: 0;
	font-size: var(--news-title-size);
	font-weight: 500;
	line-height: 1.55;
	letter-spacing: 0;
	overflow-wrap: anywhere;
}

.news-list__icon,
.news-pagination__item {
	display: grid;
	place-items: center;
	border-radius: 50%;
	font-family: var(--font-en);
	line-height: 1;
	letter-spacing: 0;
}

.news-list__icon {
	width: var(--news-icon-size);
	height: var(--news-icon-size);
	color: #fff;
	background: var(--color-link-blue);
	font-size: 16px;
	font-weight: 700;
	padding-bottom: 2px;
	transition: background-color 0.45s ease;
}

.news-list__link:hover .news-list__icon,
.news-list__link:focus-visible .news-list__icon {
	background-color: #1d1d1d;
}

.news-pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: var(--news-pagination-gap);
	margin-top: var(--news-pagination-top);
}

.news-pagination__item {
	width: var(--news-pagination-size);
	height: var(--news-pagination-size);
	border: 1px solid var(--color-link-blue);
	color: var(--color-link-blue);
	background: #fff;
	font-size: var(--news-pagination-font-size);
	font-weight: 500;
	transition:
		color 0.45s ease,
		border-color 0.45s ease,
		background-color 0.45s ease;
}

.news-pagination__item--arrow:hover,
.news-pagination__item--arrow:focus-visible {
	color: #fff;
	border-color: #1d1d1d;
	background-color: #1d1d1d;
}

.news-pagination__item.is-current {
	color: #fff;
	background: var(--color-link-blue);
}

.news-pagination__item--ellipsis {
	pointer-events: none;
}

/* ==========================================================================
   News Single
   ========================================================================== */

.news-single {
	--news-single-top: min(7.8125vw, 150px);
	--news-single-inner-width: 940px;
	--news-single-side-gutter: min(4.1667vw, 50px);
	--news-single-date-size: 18px;
	--news-single-category-width: 88px;
	--news-single-category-height: 24px;
	--news-single-category-size: 14px;
	--news-single-meta-gap: 16px;
	--news-single-title-top: 28px;
	--news-single-title-size: 24px;
	--news-single-content-top: 16px;
	--news-single-body-size: clamp(14px, calc(12px + 0.3333vw), 16px);
	--news-single-body-line-height: clamp(22.4px, calc(16px + 1.0667vw), 28.8px);
	--news-single-h3-top: 60px;
	--news-single-h3-top-after-image: 50px;
	--news-single-h3-bottom: 20px;
	--news-single-h3-size: clamp(16px, calc(12px + 0.6667vw), 20px);
	--news-single-h3-line-height: 1.6;
	--news-single-block-gap: 24px;
	--news-single-back-top: 90px;
	--news-single-back-icon-size: 40px;
	--news-single-back-gap: 12px;
	--news-single-back-size: 16px;

	padding-top: var(--news-single-top);
}

.news-single__inner {
	width: min(calc(100% - (var(--news-single-side-gutter) * 2)), var(--news-single-inner-width));
	margin-inline: auto;
}

.news-single__meta {
	display: flex;
	align-items: center;
	gap: var(--news-single-meta-gap);
}

.news-single__date {
	display: block;
	color: #1d1d1d;
	font-family: var(--font-en);
	font-size: var(--news-single-date-size);
	font-weight: 500;
	line-height: 1;
	letter-spacing: 0;
}

.news-single__category {
	display: flex;
	align-items: center;
	justify-content: center;
	width: var(--news-single-category-width);
	height: var(--news-single-category-height);
	color: #fff;
	background: var(--color-link-blue);
	font-size: var(--news-single-category-size);
	font-weight: 500;
	line-height: 1;
	letter-spacing: 0;
}

.news-single__title {
	margin: var(--news-single-title-top) 0 0;
	color: #1d1d1d;
	font-size: var(--news-single-title-size);
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: 0;
	font-feature-settings: "palt";
}

.news-single__content {
	margin-top: var(--news-single-content-top);
	color: #1d1d1d;
	font-size: var(--news-single-body-size);
	font-weight: 400;
	line-height: var(--news-single-body-line-height);
	letter-spacing: 0;
}

.news-single__content > * {
	margin-block: 0;
}

.news-single__content > * + * {
	margin-top: var(--news-single-block-gap);
}

.news-single__content p {
	font: inherit;
	letter-spacing: inherit;
}

.news-single__content h3,
.news-single__content .wp-block-heading:is(h3) {
	margin-top: var(--news-single-h3-top);
	margin-bottom: var(--news-single-h3-bottom);
	color: var(--color-link-blue);
	font-size: var(--news-single-h3-size);
	font-weight: 500;
	line-height: var(--news-single-h3-line-height);
	letter-spacing: 0;
	font-feature-settings: "palt";
}

.news-single__content h3:first-child,
.news-single__content .wp-block-heading:is(h3):first-child {
	margin-top: 0;
}

.news-single__content h3 + *,
.news-single__content .wp-block-heading:is(h3) + * {
	margin-top: 0;
}

.news-single__content .wp-block-image {
	width: 100%;
}

.news-single__content .wp-block-image img,
.news-single__content > img {
	display: block;
	width: 100%;
	height: auto;
}

.news-single__content .wp-block-image + h3,
.news-single__content .wp-block-image + .wp-block-heading:is(h3),
.news-single__content img + h3,
.news-single__content img + .wp-block-heading:is(h3) {
	margin-top: var(--news-single-h3-top-after-image);
}

.news-single__page-links {
	margin-top: var(--news-single-block-gap);
}

.news-single__back-wrap {
	display: flex;
	justify-content: center;
	margin-top: var(--news-single-back-top);
}

.news-single__back {
	display: inline-flex;
	align-items: center;
	gap: var(--news-single-back-gap);
	color: var(--color-link-blue);
	font-size: var(--news-single-back-size);
	font-weight: 500;
	line-height: 1;
	letter-spacing: 0;
}

.news-single__back-icon {
	display: grid;
	place-items: center;
	width: var(--news-single-back-icon-size);
	height: var(--news-single-back-icon-size);
	border-radius: 50%;
	color: #fff;
	background: var(--color-link-blue);
	font-family: var(--font-en);
	font-weight: 700;
	line-height: 1;
	padding-bottom: 2px;
}

/* ==========================================================================
   Responsive: 1200px to 601px
   ========================================================================== */

@media (min-width: 601px) and (max-width: 1200px) {
	.news-archive {
		--news-filter-bottom: min(8.1667vw, 98px);
		--news-filter-column-gap: clamp(10px, 1.6667vw, 20px);
		--news-filter-row-gap: clamp(8px, 1.1667vw, 14px);
		--news-filter-width: 7.5em;
		--news-filter-min-width: 0px;
		--news-filter-min-height: clamp(32px, 3vw, 36px);
		--news-filter-padding-inline: 1.375em;
		--news-filter-font-size: clamp(14px, 1.3333vw, 16px);
		--news-row-height: clamp(93px, 9.0833vw, 109px);
		--news-meta-width: clamp(78px, 7.3333vw, 88px);
		--news-meta-gap: clamp(20px, 3.3333vw, 40px);
		--news-date-size: clamp(16px, 1.5vw, 18px);
		--news-category-width: clamp(78px, 7.3333vw, 88px);
		--news-category-height: clamp(20px, 2vw, 24px);
		--news-category-top: clamp(11px, 1vw, 12px);
		--news-category-size: clamp(12px, 1.1667vw, 14px);
		--news-title-size: clamp(16px, 1.5vw, 18px);
		--news-icon-size: clamp(34px, 3.3333vw, 40px);
		--news-pagination-top: clamp(70px, 6.6667vw, 80px);
		--news-pagination-size: clamp(30px, 3.3333vw, 40px);
		--news-pagination-gap: clamp(8px, 1.3333vw, 16px);
		--news-pagination-font-size: clamp(12px, 1.3333vw, 16px);
	}
}

/* ==========================================================================
   Responsive: 600px and below
   ========================================================================== */

@media (max-width: 600px) {
	.news-archive {
		--news-list-top: 60px;
		--news-side-gutter: 20px;
		--news-filter-bottom: 50px;
		--news-filter-column-gap: clamp(7px, 1.8667vw, 10px);
		--news-filter-row-gap: 7px;
		--news-filter-width: auto;
		--news-filter-min-width: 0px;
		--news-filter-min-height: 32px;
		--news-filter-padding-inline: 8px;
		--news-filter-font-size: 14px;
		--news-row-height: 93px;
		--news-row-padding-left: 10px;
		--news-row-padding-right: 0px;
		--news-meta-width: 78px;
		--news-meta-gap: 20px;
		--news-date-size: 16px;
		--news-category-width: 78px;
		--news-category-height: 20px;
		--news-category-top: 11px;
		--news-category-size: 12px;
		--news-title-size: 16px;
		--news-pagination-top: 70px;
		--news-pagination-size: 30px;
		--news-pagination-gap: 8px;
		--news-pagination-font-size: 12px;
	}

	.news-archive__inner {
		width: min(calc(100vw - 40px), 500px);
	}

	.news-filter {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		width: 100%;
	}

	.news-filter__item {
		width: 100%;
	}

	.news-list__link {
		grid-template-columns: var(--news-meta-width) minmax(0, 1fr);
	}

	.news-list__title,
	.news-page .c-cta-card__title,
	.news-page .c-cta-card__text {
		white-space: normal;
		overflow-wrap: anywhere;
		word-break: break-all;
		line-break: anywhere;
	}

	.news-list__title {
		width: calc(100vw - 148px);
		max-width: 100%;
	}

	.news-list__icon {
		display: none;
	}

	.news-pagination__item {
		font-family: var(--font-en);
	}

	.news-single {
		--news-single-top: 70px;
		--news-single-side-gutter: 20px;
		--news-single-date-size: 16px;
		--news-single-category-width: 78px;
		--news-single-category-height: 20px;
		--news-single-category-size: 12px;
		--news-single-meta-gap: 16px;
		--news-single-title-top: 16px;
		--news-single-title-size: 20px;
		--news-single-content-top: 24px;
		--news-single-body-size: 14px;
		--news-single-body-line-height: 22.4px;
		--news-single-h3-top: 24px;
		--news-single-h3-top-after-image: 24px;
		--news-single-h3-bottom: 12px;
		--news-single-h3-size: 16px;
		--news-single-block-gap: 20px;
		--news-single-back-top: 50px;
		--news-single-back-icon-size: 34px;
		--news-single-back-gap: 8px;
		--news-single-back-size: 13px;
	}

	.news-single__inner {
		width: min(calc(100vw - 40px), 500px);
	}

	.news-single__title,
	.news-single__content h3,
	.news-single__content .wp-block-heading:is(h3),
	.news-single-page .c-cta-card__title,
	.news-single-page .c-cta-card__text {
		white-space: normal;
		overflow-wrap: anywhere;
		word-break: break-all;
		line-break: anywhere;
	}
}