/* 즉시 예약(SSOT 6절 "즉시 예약") — 강사 카드마다 가장 빠른 칸을 크게, 다음 칸은 칩. 토큰은 sonub-design 세 겹(--sonub-* · --wa-*) */
.instant-results { margin-block-start: var(--wa-space-m); }
.instant-results-title { display: flex; align-items: center; gap: var(--wa-space-xs); margin-block: 0 var(--wa-space-m); font-size: var(--wa-font-size-l); }
.instant-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 19rem), 1fr)); gap: var(--wa-space-m); margin: 0; padding: 0; list-style: none; }
.instant-card { display: flex; flex-direction: column; gap: var(--wa-space-s); min-inline-size: 0; padding: var(--wa-space-l); border: 1px solid var(--sonub-border); border-radius: var(--sonub-radius-panel); background: var(--wa-color-surface-default); box-shadow: var(--sonub-shadow-card); }
.instant-card:has(a:hover), .instant-card:has(a:focus-visible) { border-color: var(--sonub-accent); }
.instant-teacher { display: flex; align-items: center; gap: var(--wa-space-s); min-inline-size: 0; color: var(--sonub-ink); text-decoration: none; }
.instant-teacher .teacher-avatar { flex: none; inline-size: 3.5rem; block-size: 3.5rem; border-radius: var(--wa-border-radius-circle); overflow: hidden; }
.instant-teacher-name { display: grid; gap: var(--wa-space-3xs); min-inline-size: 0; }
.instant-teacher-name strong { overflow: hidden; font-size: var(--wa-font-size-l); text-overflow: ellipsis; white-space: nowrap; }
.instant-teacher-name .teacher-last-login { margin: 0; }
.instant-card > .tags { margin: 0; }
.instant-headline { margin: 0; color: var(--wa-color-text-quiet); overflow-wrap: anywhere; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.instant-next[hidden] { display: none; }
.instant-next { display: grid; gap: var(--wa-space-xs); margin-block-start: auto; padding: var(--wa-space-m); border-radius: var(--wa-border-radius-m); background: var(--wa-color-brand-fill-quiet); color: var(--wa-color-brand-on-quiet); }
.instant-when { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--wa-space-2xs) var(--wa-space-xs); margin: 0; }
.instant-when strong { font-size: var(--wa-font-size-xl); line-height: 1.2; }
.instant-when time { font-variant-numeric: tabular-nums; color: inherit; opacity: .85; }
.instant-meta { display: flex; flex-wrap: wrap; align-items: center; gap: var(--wa-space-2xs) var(--wa-space-s); margin: 0; font-size: var(--wa-font-size-s); }
.instant-trial { display: inline-flex; align-items: center; gap: var(--wa-space-3xs); }
.instant-book { justify-self: stretch; justify-content: center; }
.instant-more { margin: 0; }
.instant-more a.chip { display: inline-flex; align-items: center; gap: var(--wa-space-3xs); text-decoration: none; font-variant-numeric: tabular-nums; }
.instant-empty { grid-column: 1 / -1; display: grid; justify-items: center; gap: var(--wa-space-s); padding: var(--wa-space-2xl) var(--wa-space-l); border: 1px dashed var(--sonub-border); border-radius: var(--sonub-radius-panel); text-align: center; }
.instant-empty h3, .instant-empty p { margin: 0; }