/* 면접 준비 카드(오늘 복습 · 모의 면접 · 질문 은행) — 클래스 머리 .iv- (styles.css 의 토큰·부품을 재사용한다. 등장 애니메이션 없음) */
/* 상태 배지는 누르는 것이 아니라 읽는 것이다 */
.iv-badge { display: inline-flex; align-items: center; justify-content: center; cursor: default; }
.iv-empty { margin-top: 10px; padding: 12px 14px; border-radius: var(--radius-md); background: var(--gray-0); font-size: 0.92rem; }
.iv-head { display: flex; justify-content: space-between; align-items: center; gap: 8px; }
.iv-head .section-title { margin: 0; }
.iv-row { display: flex; gap: 8px; align-items: flex-start; }
.iv-row .qa-q { min-width: 0; min-height: 32px; overflow-wrap: anywhere; }
.iv-panel { padding: 2px 0 8px; }
.iv-group { margin: 14px 0 4px; font-size: 0.86rem; font-weight: 700; color: var(--gray-8); }
.iv-btns { display: flex; gap: 6px; flex-wrap: wrap; align-items: center; margin-top: 8px; }
.iv-btns .btn { white-space: normal; text-align: left; }
.iv-answer { margin-top: 8px; padding: 10px 12px; border-radius: var(--radius-md); background: var(--gray-0); font-size: 0.92rem; overflow-wrap: anywhere; }
.iv-soft { font-weight: 400; }
/* 모의 면접: 질문은 크게, 시계는 1초에 한 번 글자만 바뀐다(움직임 없음 — 움직임 줄이기 설정과 무관하게 같다) */
.iv-q { margin: 10px 0 6px; font-size: 1.2rem; font-weight: 700; line-height: 1.4; overflow-wrap: anywhere; }
.iv-clock { margin-top: 8px; }
.iv-clock > .num { font-size: 2rem; font-weight: 700; }
.iv-score { display: flex; justify-content: space-between; align-items: center; gap: 8px; flex-wrap: wrap; padding: 4px 0; font-size: 0.92rem; }
.iv-score .iv-btns { margin-top: 0; }
.iv-score .chip { min-height: 36px; }
.iv-ready { margin-top: 8px; font-size: 0.92rem; }
.iv-ready ol { margin: 4px 0 0; padding-left: 20px; color: var(--gray-8); }
.iv-form { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 8px; }
.iv-form > div { min-width: 0; }
@media (max-width: 520px) { .iv-form { grid-template-columns: 1fr; } }
/* 질문 줄은 목록의 주 버튼이라 손가락 크기(44px)로 */
.iv-row .qa-q { min-height: 44px; }
.iv-badge { margin-top: 6px; }
/* 지난 모의 면접: 긴 학교 이름도 줄바꿈되는 한 줄 글 */
.iv-past { margin: 4px 0 0; padding-left: 18px; font-size: 0.92rem; overflow-wrap: anywhere; }