/* Interviews list — organic image corners (alternating) */
.int-card-img.int-card-radius-even {
	border-radius: 48px 80px 32px 64px;
}
.int-card-img.int-card-radius-odd {
	border-radius: 80px 32px 64px 48px;
}

/* Archive grid — layout & card width (Tailwind grid utilities と競合しないよう CSS で完結) */
.interview-archive-grid {
	display: grid;
	grid-template-columns: 1fr;
	column-gap: 1.5rem;
	row-gap: 2.5rem;
}

@media (min-width: 768px) {
	.interview-archive-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		row-gap: 3rem;
	}
}

@media (min-width: 1024px) {
	.interview-archive-grid {
		/* トップのカルーセル4枚表示時と同じ幅: calc((100% - 9rem) / 4) */
		grid-template-columns: repeat(3, calc((100% - 9rem) / 4));
		justify-content: center;
		column-gap: 3rem;
		row-gap: 3.5rem;
	}
}

.interview-archive-grid .int-card {
	width: 100%;
	min-width: 0;
}

.irodori-interview-archive-page #cta {
	margin-top: 3rem;
}

#interview-archive-results.is-loading {
	opacity: 0.55;
	pointer-events: none;
	transition: opacity 0.2s ease;
}

@media (min-width: 768px) {
	.irodori-interview-archive-page #cta {
		margin-top: 6rem;
	}
}