.pagination-list {
		display: flex;
		gap: 8px;
}
.pagination-list li {
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 16px;
		line-height: 1.4;
		width: 38px;
		height: 38px;
		border-radius: 50%;
		border: 1px solid #ccc;
		background: #fff;
}
.pagination-list li a {
		display: flex;
		justify-content: center;
		align-items: center;
		text-decoration: none;
		width: 100%;
		height: 100%;
}
.pagination-list li.current-page {
		border: none;
		background: #fff;
}
.pagination-list li.current-page strong {
		font-weight: 700;
}
.pagination-list li.prev-page a::after {
		content: "";
		width: 9px;
		height: 9px;
		border-top: 2px solid #333;
		border-right: 2px solid #333;
		transform: rotate(-135deg);
		position: absolute;
		right: 14px;
		top: calc(50% - 4.5px);
}
.pagination-list li.next-page a::after {
		content: "";
		width: 9px;
		height: 9px;
		border-top: 2px solid #333;
		border-right: 2px solid #333;
		transform: rotate(45deg);
		position: absolute;
		right: 14px;
		top: calc(50% - 4.5px);
}

.splide {
		padding-inline: 40px;
}
@media screen and (max-width: 767px) {
		.splide {
				padding-inline: 0;
		}
}
.splide .splide__slide {
		text-align: center;
		padding-inline: 12px;
}
@media screen and (max-width: 767px) {
		.splide .splide__slide {
				padding-inline: 4px;
		}
}
.splide .splide__arrow {
		opacity: 1;
		width: 3em;
		height: 3em;
		background: #ffe2e4;
}
@media screen and (max-width: 767px) {
		.splide .splide__arrow {
				width: 2.4em;
				height: 2.4em;
		}
}
.splide .splide__arrow svg {
		fill: #be0022;
}
.splide .splide__arrow--prev {
		left: 0;
}
@media screen and (max-width: 767px) {
		.splide .splide__arrow--prev {
				left: -8px;
		}
}
.splide .splide__arrow--next {
		right: 0;
}
@media screen and (max-width: 767px) {
		.splide .splide__arrow--next {
				right: -8px;
		}
}

.news-card {
		position: relative;
		display: block;
		padding-block: 24px;
		padding-right: 32px;
		background: #fff;
		text-decoration: none;
		transition: 0.3s opacity;
		/*
		@media (hover: none) {
			&:active {
				@content;
			}
		}
		*/
}
.news-card + .news-card {
		border-top: 1px solid #ccc;
}
.news-card::after {
		content: "";
		width: 9px;
		height: 9px;
		border-top: 2px solid #333;
		border-right: 2px solid #333;
		transform: rotate(45deg);
		position: absolute;
		right: 16px;
		top: calc(50% - 4.5px);
}
@media screen and (max-width: 767px) {
		.news-card::after {
				content: "";
				width: 9px;
				height: 9px;
				border-top: 2px solid #333;
				border-right: 2px solid #333;
				transform: rotate(45deg);
				position: absolute;
				right: 0px;
				top: calc(50% - 4.5px);
		}
}
@media (hover: hover) and (pointer: fine) and (min-width: 768px) {
		.news-card:hover {
				opacity: 0.7;
				color: #333;
		}
}
.news-card .news-meta {
		display: flex;
		align-items: center;
		gap: 12px;
		margin-bottom: 8px;
}
.news-card .news-meta p {
		margin-bottom: 0;
}
.news-card .news-category {
		display: inline-block;
		padding: 2px 8px;
		border-radius: 5px;
		font-size: 14px;
		font-weight: 700;
		text-align: center;
		color: #333;
		margin-bottom: 4px;
		border: 1px solid #333;
		background: #fff194;
}
.news-card .news-title {
		font-weight: 700;
}
.news-card .news-title *:last-child {
		margin-bottom: 0;
}

.category-list li {
		position: relative;
		margin: 4px 0;
		padding-left: 1em;
}
.category-list li::before {
		content: "";
		position: absolute;
		top: 50%;
		left: 0;
		width: 6px;
		height: 6px;
		background-color: #555;
		border-radius: 50%;
		transform: translateY(-50%);
}

.clear-filter {
		margin-left: 8px;
}

.post-meta {
		display: flex;
		justify-content: flex-end;
		align-items: center;
}
@media screen and (max-width: 767px) {
		.post-meta {
				flex-direction: column;
				align-items: end;
				margin-bottom: 12px;
		}
}
.post-meta .post-date {
		margin-left: 12px;
		margin-bottom: 0;
}
@media screen and (max-width: 767px) {
		.post-meta .post-date {
				margin: 4px 0 0;
		}
}
.post-meta [class*=label-] {
		padding-inline: 8px;
		margin-bottom: 0 !important;
}

.post-header {
		margin-bottom: 32px;
}
.page-footer {
		margin-top: 80px;
}
.page-footer .page-nav {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 24px;
}
.page-footer .next-btn a,
.page-footer .prev-btn a {
		position: relative;
		display: block;
		width: 160px;
		padding: 10px 16px;
		border: 1px solid #aaa;
		border-radius: 999px;
		font-size: 16px;
		text-align: center;
		text-decoration: none;
}