/* 강사 시간표 검색(x-widget.site.teacher-board — SSOT 3절 "강사 시간표 검색", 2026-11-11 사용자 지시).
   첫 화면 검색 양식에서 조건을 고르면 강사 카드 자리에 놓이는 강사 × 날짜 표. 표 · 칸 · 범례 · 날짜 이동의 기본 모양은 app.css(.schedule-table · .slot · .timetable-legend · .schedule-pager —
   강사 상세 시간표와 같다)이고, 여기는 강사 칸(사진 · 시각 · 길이 · 이름)과 놓임만 정한다. 열은 예약 기간 전체라 표 안에서 가로로 민다(첫 칸은 고정). */
.finder-board { display: grid; gap: var(--wa-space-s); min-inline-size: 0; }
.finder-board-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--wa-space-2xs) var(--wa-space-l); }
.finder-board-zone { display: flex; align-items: center; gap: var(--wa-space-2xs); margin: 0; color: var(--wa-color-text-quiet); font-size: var(--wa-font-size-s); }
.finder-board-zone .fa-solid { color: var(--site-accent, var(--wa-color-brand-fill-loud)); }
.finder-board-pager button {
	display: inline-flex;
	align-items: center;
	gap: var(--wa-space-2xs);
	min-block-size: 2.25rem;
	padding-inline: var(--wa-space-s);
	border: 1px solid var(--wa-color-surface-border);
	border-radius: var(--wa-border-radius-pill);
	background: var(--wa-color-surface-raised);
	color: inherit;
	font: inherit;
	font-size: var(--wa-font-size-s);
	cursor: pointer;
}
.finder-board-pager button:hover { border-color: var(--site-accent, var(--wa-color-brand-fill-loud)); }
.finder-board-pager button:focus-visible { outline: 2px solid var(--wa-color-focus); outline-offset: 2px; }
.finder-board-table { scroll-behavior: auto; overscroll-behavior-inline: contain; }
.finder-board-table thead th:not(:first-child),
.finder-board-table tbody td { min-inline-size: 3.75rem; }
.finder-board-table tr > :first-child { inline-size: 11.5rem; min-inline-size: 11.5rem; padding-inline: var(--wa-space-xs); text-align: start; }
.finder-board-teacher { display: flex; align-items: center; gap: var(--wa-space-xs); color: inherit; text-decoration: none; }
.finder-board-teacher:hover .finder-board-name { color: var(--wa-color-text-link); text-decoration: underline; }
.finder-board-teacher:focus-visible { outline: 2px solid var(--wa-color-focus); outline-offset: 2px; border-radius: var(--wa-border-radius-m); }
.finder-board-teacher .teacher-avatar { flex: none; inline-size: 4rem; }
.finder-board-teacher .slot-rule { justify-items: start; min-inline-size: 0; padding: 0; text-align: start; }
.finder-board-name { max-inline-size: 100%; overflow: hidden; font-size: var(--wa-font-size-xs); font-weight: var(--wa-font-weight-semibold); text-overflow: ellipsis; white-space: nowrap; }
.finder-board-more { display: flex; justify-content: center; }
.finder-board-more a[aria-busy='true'] { opacity: 0.6; pointer-events: none; }
.finder-board-empty {
	display: grid;
	justify-items: center;
	gap: var(--wa-space-s);
	margin: 0;
	padding: var(--wa-space-2xl) var(--wa-space-l);
	border: 1px dashed var(--wa-color-surface-border);
	border-radius: var(--wa-border-radius-l);
	text-align: center;
}
/* 표를 다시 받는 동안(site-finder.js) — 강사 카드 목록과 같다 */
.site-teachers[aria-busy='true'] > .finder-board { opacity: 0.55; transition: opacity 160ms ease 120ms; }
/* 좁은 화면 — 사진을 줄여 날짜 칸을 더 보인다 */
@media (max-width: 48rem) {
	.finder-board-table tr > :first-child { inline-size: 7.5rem; min-inline-size: 7.5rem; }
	.finder-board-teacher { flex-direction: column; align-items: start; gap: var(--wa-space-3xs); }
	.finder-board-teacher .teacher-avatar { inline-size: 3.25rem; }
}
@media (prefers-reduced-motion: reduce) {
	.site-teachers[aria-busy='true'] > .finder-board { transition: none; }
}