/* LIFE-MEDICAL-MERGE-01 / REGIONAL-INFO-DESIGN-02·03 — 지역정보 병원·응급실·약국.
   시안 03 최종본 (owner 2026-10-17): the screen itself is built of the shared ri3 pieces and styled in
   site-regional-info-ds.css (「시안 03: 병원·응급실·약국 + 지역 변경 창」). What stays here is the 진료과 sheet.
   Theme tokens only (site-regional-info-ds.css --ri-*, which switch for the dark theme). */

/* ── 진료과 sheet (site-bottom-sheet.js, mounted in the 지역정보 frame): every specialty, three to a row ── */
.consumer-workspace[data-workspace="life"]:not(#ri) .lotbi-sheet.medical-specialty-sheet-frame {
  border-color: var(--ri-line); background: var(--ri-surface); color: var(--ri-text);
}
@media (min-width: 761px) {
  .consumer-workspace[data-workspace="life"]:not(#ri) .lotbi-sheet.medical-specialty-sheet-frame {
    left: calc(50% - min(280px, 50vw - 16px)); right: auto; width: min(560px, calc(100vw - 32px));
  }
}
.consumer-workspace[data-workspace="life"]:not(#ri) .lotbi-sheet.medical-specialty-sheet-frame .lotbi-sheet-grabber { background: var(--ri-line-strong); }
.consumer-workspace[data-workspace="life"]:not(#ri) .lotbi-sheet.medical-specialty-sheet-frame .lotbi-sheet-dismiss {
  min-height: 48px; border-color: var(--ri-line-strong); background: var(--ri-surface); color: var(--ri-text); font-size: 16px;
}
.consumer-workspace[data-workspace="life"]:not(#ri) .medical-specialty-sheet { display: grid; gap: 14px; padding: 4px 2px 6px; word-break: keep-all; }
.consumer-workspace[data-workspace="life"]:not(#ri) .medical-specialty-sheet-title { margin: 0; color: var(--ri-text); font-size: 22px; line-height: 30px; font-weight: 800; }
.consumer-workspace[data-workspace="life"]:not(#ri) .medical-specialty-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.consumer-workspace[data-workspace="life"]:not(#ri) .medical-specialty-option {
  box-sizing: border-box; min-width: 0; min-height: 48px; margin: 0; padding: 4px 6px;
  border: 1px solid var(--ri-line-strong); border-radius: 12px; background: var(--ri-surface);
  color: var(--ri-text); font: inherit; font-size: 15px; font-weight: 700; line-height: 1.25; text-align: center; cursor: pointer;
}
.consumer-workspace[data-workspace="life"]:not(#ri) .medical-specialty-option:hover { background: var(--ri-sub); }
.consumer-workspace[data-workspace="life"]:not(#ri) .medical-specialty-option[aria-pressed="true"] {
  border-color: var(--ri-blue); background: var(--ri-blue); color: var(--ri-on-blue);
}
.consumer-workspace[data-workspace="life"]:not(#ri) .medical-specialty-option:focus-visible { outline: 3px solid var(--ri-blue-line); outline-offset: 2px; }