/* ===== ARCHIVE PAGE ===== */


/* ===== CATEGORY FILTER ===== */
.category-filter { padding-bottom: 2rem; }
.category-filter__list { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-bottom: 0; }
.category-filter__btn {
	display: inline-flex; align-items: center; gap: 0.375rem;
	padding: 0.35rem 0.5rem;
	font-size: 0.75rem; font-weight: 600;
	background: var(--color-white);
	border: 1px solid var(--color-border);
	color: var(--color-text); cursor: pointer; text-decoration: none;
	white-space: nowrap;
	transition: border-color 0.3s ease, color 0.3s ease, background 0.3s ease;
	border-radius: 0.25rem;
}
.category-filter__btn i { font-size: 0.875rem; color: var(--color-green); }
.category-filter__btn.is-active {
	background: var(--color-green);
	border-color: var(--color-green);
	color: var(--color-white);
}
.category-filter__btn.is-active i { color: var(--color-white); }
@media (min-width: 769px) {
	.category-filter__btn:not(.is-active):hover {
		border-color: var(--color-green);
		color: var(--color-green);
	}
}

/* ===== ARCHIVE LIST ===== */
.archive-list { display: flex; flex-direction: column; }

.archive-item {
	display: flex; gap: 0.75rem; align-items: flex-start;
	padding: 1.25rem 0;
	border-bottom: 1px solid var(--color-border);
	text-decoration: none; color: inherit;
}
li:first-child > .archive-item { border-top: 1px solid var(--color-border); }

.archive-item__thumb {
	flex-shrink: 0;
	width: 10rem; aspect-ratio: 3 / 2;
	overflow: hidden;
}
@media (max-width: 768px) {
	.archive-item__thumb { width: 8.75rem; aspect-ratio: 1 / 1; }
}
.archive-item__thumb img {
	width: 100%; height: 100%; object-fit: cover; display: block;
	transition: transform 0.3s ease;
}
@media (min-width: 769px) {
	.archive-item:hover .archive-item__thumb img { transform: scale(1.04); }
}

.archive-item__body {
	flex: 1; min-width: 0;
	display: flex; flex-direction: column; gap: 0.375rem;
}
.archive-item__body p {
	margin-bottom: 0.65rem;
}
.archive-item__title {
	font-size: 0.875rem; font-weight: 700; line-height: 1.45;
	display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}
.archive-item__sub {
	font-size: 0.75rem; color: var(--color-text-sub); line-height: 1.4;
	display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;
}
.archive-item__meta {
	display: flex; flex-direction: column;
	gap: 0.5rem; margin-top: auto; padding-top: 0.25rem;
}
/* 投稿日・投稿者の行 */
.archive-item__meta-row {
	display: flex; align-items: center; flex-wrap: wrap;
	gap: 0.5rem;
}
/* カテゴリ・タグの行 */
.archive-item__terms {
	display: flex; align-items: center; flex-wrap: wrap;
	gap: 0.375rem;
}
.archive-item__date,
.archive-item__author {
	display: inline-flex; align-items: center; gap: 0.25rem;
	font-size: 0.6875rem; color: var(--color-text-sub);
}
.archive-item__date i,
.archive-item__author i { font-size: 0.6875rem; }

@media (min-width: 769px) {
	.archive-item__thumb { width: 14rem; }
	#access-ranking .archive-item__thumb { width: 8.75rem; }
	.archive-item__title { font-size: 0.9375rem; -webkit-line-clamp: 2; }
}