/* =========================================================
   archive-therapist.php  —  セラピスト一覧
   .therapist-card / 共通クラスは style.css を参照
   ========================================================= */

/* page-hero（.page-hero__inner / __ornament / __title / __sub）は style.css に一本化。
   ここに複製しないこと（後読みで上書きしてしまう）。 */

/* ---------- カードグリッド ---------- */
.therapist-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: clamp(16px, 2vw, 28px);
}

.therapist-card__area {
	font-family: var(--font-serif-jp);
	font-size: 12px;
	letter-spacing: .05em;
	color: var(--c-gold);
}

.therapist-archive__empty {
	text-align: center;
	font-size: 14px;
	letter-spacing: var(--ls-body);
	color: var(--c-text-sub);
	padding: 40px 0;
	margin: 0;
}

@media (max-width: 1024px) {
	.therapist-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 768px) {
	.therapist-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 14px;
	}
}