/* ! [[ Bulletin Module ]] */

/* ! [ Articles - general ] */
.articles-block {
	font-family: var(--font-secondary);
}
.articles-block .articles-heading {
	text-align: center;
	margin-bottom: 1rem;
}
.articles-block .more-all {
	text-align: center;
	margin-bottom: 0;
}

.article-items {
	display: grid;
	/* grid-template-columns: repeat(auto-fill, minmax(600px, 1fr)); */
	grid-gap: 1rem;
	align-items: stretch;
}
	.article-item {
		position: relative;
		padding: 0;
		margin: 1rem 0 2rem;

		display: flex;
		flex-direction: column;
	}
		.article-title {
			margin: 0 0 1rem 0;
			font-weight: 600;
			/* font-size: 32px; */
			text-wrap: balance;
		}
		.article-item .article-title a {
			text-decoration: none;
		}
		.article-item .article-title a:hover {
			text-decoration: underline;
		}
		.article-date {
			display: block;
			margin-bottom: .5rem;
			font-weight: 700;
			/* order: -1; */
			color: var(--blue-navy);
		}
	.article-figure {
		margin: 0;
		overflow: hidden;
		position: relative;

		display: none; /* allow only on .article-view */
	}
		.article-img {
			display: block;
			width: 100%;
			height: auto;

			transition: transform .2s ease-in;
		}
		.article-item:hover .article-img {
			transform: scale(1.05);
		}
		.article-figure figcaption {
			position: absolute;
			left: 0;
			right: 0;
			bottom: 0;
			padding: .5rem .75rem .3rem;
			background: hsla(0, 0%, 0%, .5);
			color: #fff;
			font-size: .75rem;
		}
	.article-details {
		display: flex;
		flex-direction: column;
		padding: .5rem 0 0;
		flex-grow: 1;
	}
	.article-details > :last-child {
		margin-bottom: 0;
	}
		.article-brief {
			margin-bottom: auto;
			font-size: 18px;
			color: var(--blue-navy);
		}
		.article-brief p {
			margin-bottom: .5rem;
			font-size: inherit;
		}
	.article-item .more {
		font-size: 18px;
		font-weight: 600;
	}

/* ! [ Articles - Index ] */
	.articles-index .more-all {
		display: none;
	}
	.articles-index .articles-heading {
		display: none;
	}

/* ! [ Articles - Latest ] */
	.articles-latest {

	}
	.articles-latest .article-items {
		grid-template-columns: repeat(auto-fill, minmax(600px, 1fr));
		grid-column-gap: 4rem;
		grid-row-gap: 0;
	}
		@media (width < 700px) {
			.articles-latest .article-items {
				grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
			}
		}
	.articles-latest .article-item {
		padding: 1rem;
		border: 1px solid var(--blue-bright);
		border-radius: var(--border-radius);
	}
	.articles-latest .pagination-links {
		display: none;
	}

/* ! [ Articles - Single article (Bulletin view) ] */
	.article-view {
		padding-top: 1rem;
	}
	.article-view .article-headline {

	}
	.article-view .article-figure {
		display: block; /* allow only on .article-view */
		max-width: 1200px;
		margin-block-end: 2rem;
	}
	.article-view .article-img {
		max-width: 100%;
		border-radius: var(--border-radius);
	}
	.article-view .article-date {
		margin-bottom: 1rem;
	}

/* ! [ Archive List ] */
	.archive-list {
		list-style: none;
		margin: 0;
		padding-left: 1rem;
	}
	.archive-list.year {
		margin-top: 1rem;
	}
		.archive-list.month {

		}
			.archive-articles {
				padding-left: 1rem
			}



@media (width > 800px) {
	.article-title {
		font-size: 32px;
	}
}
@media (width < 480px) {
	.article-brief p {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
		line-clamp: 3;
		overflow: hidden;
	}
}


/* Animations on boxed article items */
	@property --angle {
		syntax: "<angle>";
		inherits: true;
		initial-value: 0turn;
	}
	@keyframes spin {
		to { --angle: 1turn; }
	}

	.articles-latest .article-item:has(a:hover) {
		border-color: transparent;
		background-image:
			linear-gradient(white 0 0),
			conic-gradient(from var(--angle),
			var(--blue-bright) 80%,
			var(--orange-regular) 88%,
			var(--orange-regular) 92%,
			var(--blue-bright) 100%
		);
		background-clip: padding-box, border-box;
		background-origin: padding-box, border-box;
		animation: spin 3s linear infinite running;
	}