/* 검사법(exams) 화면 전용 스타일 — 도메인 완료 기준 1(2026-10-15): index.html 본문 <style>에서 내용 그대로 옮겼다.
   선택자 명시도(.exam-card …)가 공용 규칙(.card-action-row .ui-btn.sm)보다 높아 적용 순서가 바뀌어도 결과가 같다. */

/* 검사 학습지도 터치 표면 — check-mobile-modal-touch-targets가 실제 DOM을 잰다. */
@media (max-width: 767px) {
  #examLearningMapModal :is(button,input,select,textarea,a[href],summary) {
    min-width: 44px;
    min-height: 44px;
  }
}

/* The tablet list can leave a 224px content column. Keep both actions and
   the explicit incomplete label on one line without reducing touch height. */
@media (max-width: 768px), (pointer: coarse) {
  .exam-card .card-action-row .ui-btn.sm { padding-inline: 5px; gap: 4px; }
  .exam-card .card-action-row .medical-at-glance-card-flag { padding-left: 4px; margin-left: 0; gap: 2px; }
}

/* 데스크톱도 검사법 목록 칸은 minmax(250px, 0.72fr)라 1280~1366px 창에서 250~290px까지 좁아진다
   (실측: 1366px 카드 280px · 1280px 252px). 그때 「전체보기 + 한눈에 · 다시 작성」(263.5px)이 두 줄로
   갈라졌다. 화면 폭이 아니라 목록 칸 폭으로 같은 압축을 적용한다 — 높이(32px)는 그대로다.
   (2026-10-16 index.html 본문 <style>에서 내용 그대로 옮겼다 — 도메인 완료 기준 1.) */
.exam-browse-list { container: exam-browse-list / inline-size; }
@container exam-browse-list (max-width: 299px) {
  .exam-card .card-action-row .ui-btn.sm { padding-inline: 5px; gap: 4px; }
  .exam-card .card-action-row .medical-at-glance-card-flag { padding-left: 4px; margin-left: 0; gap: 2px; }
}