/* ═══════════════════════════════════════════════
   Bible Lab v1.61-13 — 모바일 Bible-only 모드 CSS
   
   - body.mobile-only는 js/mobile-mode.js에서 자동 토글
   - 폭 768px 미만에서만 적용됨
   - 태블릿/데스크탑에는 영향 없음
═══════════════════════════════════════════════ */

@media (max-width: 767px) {

  /* ═════════════════════════════════════════════
     1) 모바일에서 절대 표시 안 되는 항목 (최우선)
        - Grid 레이아웃 정의 전에 먼저 숨김 처리해서
          어떤 후속 규칙이 와도 안 보이도록 함
        - body 두 번 chaining (body.mobile-only.mobile-only) + #view-bible 강한 specificity
  ═════════════════════════════════════════════ */
  html body.mobile-only #view-bible .bs-controls .bs-ver2-group,
  html body.mobile-only #view-bible .bs-controls .bs-ver3-group,
  html body.mobile-only #view-bible .bs-controls .bs-sep-after-vers,
  html body.mobile-only #view-bible .bs-header .bs-header-sync-actions,
  html body.mobile-only #view-bible .bs-controls .bs-scroll-sync-group,
  html body.mobile-only #view-bible .bs-controls .bs-link-sync-group,
  html body.mobile-only #view-bible .bs-controls .bs-fontfamily-group,
  html body.mobile-only #view-bible .bs-controls .bs-ctrl-sep,
  /* 추가 안전망: id 직접 타겟 */
  html body.mobile-only #view-bible #bsVer2,
  html body.mobile-only #view-bible #bsVer3{
    display:none!important;
    visibility:hidden!important;
    width:0!important;
    height:0!important;
    overflow:hidden!important;
    margin:0!important;
    padding:0!important;
    position:absolute!important;
    left:-99999px!important;
  }
  /* 부모 컬럼들도 모바일에서 숨김 */
  html body.mobile-only #view-bible #bsCol2,
  html body.mobile-only #view-bible #bsCol3,
  html body.mobile-only #view-bible #bsCol4,
  html body.mobile-only #view-bible .bs-col-divider{
    display:none!important;
  }
  
  /* v1.61-13: 하단 안내문 ("연동 동기화를 켜면...") 숨김 - 본문 영역 확대 */
  html body.mobile-only #view-bible .bs-statusbar,
  html body.mobile-only #view-bible .bs-hint,
  html body.mobile-only #view-bible .bs-info,
  html body.mobile-only #view-bible .bs-footer-info,
  html body.mobile-only #view-bible [class*="connect-hint"],
  html body.mobile-only #view-bible [class*="link-sync-hint"]{
    display:none!important;
  }

  /* ═════════════════════════════════════════════
     2) NAV 영역
  ═════════════════════════════════════════════ */
  body.mobile-only nav.nav{
    padding:0 14px!important;
    height:56px!important;
  }
  body.mobile-only .nav-tabs{
    display:none!important;
  }
  body.mobile-only .nav-logo-text{
    font-size:12px!important;
    letter-spacing:.6px!important;
  }
  body.mobile-only .nav-logo-mark,
  body.mobile-only .nav-logo-mark img{
    width:24px!important;
    height:24px!important;
  }
  body.mobile-only .nav-logo{
    gap:6px!important;
  }
  body.mobile-only .nav-right{
    margin-left:auto!important;
    gap:6px!important;
    flex-shrink:0!important;
  }
  body.mobile-only .nav-login-btn{
    padding:7px 14px!important;
    font-size:12px!important;
    border-radius:18px!important;
    min-width:auto!important;
    white-space:nowrap!important;
  }
  body.mobile-only .nav-user-chip{
    padding:4px 8px 4px 4px!important;
    gap:4px!important;
  }
  body.mobile-only .nav-user-avatar{
    width:24px!important;
    height:24px!important;
    font-size:11px!important;
  }
  body.mobile-only .nav-user-name{
    display:none!important;
  }
  body.mobile-only .nav-user-arrow{
    font-size:8px!important;
  }

  /* ═════════════════════════════════════════════
     3) 메인 페이지 (HERO)
  ═════════════════════════════════════════════ */
  body.mobile-only .hero{
    padding:80px 20px 40px!important;
    min-height:calc(100vh - 56px)!important;
    min-height:calc(100svh - 56px)!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    flex-direction:column!important;
  }
  body.mobile-only .hero-left{
    width:100%!important;
    max-width:100%!important;
    margin-top:0!important;
    padding-top:20px!important;
  }
  body.mobile-only .hero-pill{
    font-size:11px!important;
    padding:5px 12px!important;
    margin-bottom:18px!important;
  }
  body.mobile-only .hero-title{
    font-size:44px!important;
    letter-spacing:-1.5px!important;
    line-height:1!important;
    margin-bottom:4px!important;
  }
  body.mobile-only .hero-title-italic{
    font-size:44px!important;
    letter-spacing:-1.5px!important;
    line-height:1!important;
    margin-bottom:18px!important;
  }
  body.mobile-only .hero-sub{
    font-size:13px!important;
    white-space:normal!important;
    margin-bottom:22px!important;
    color:rgba(26,26,46,.6)!important;
  }
  body.mobile-only .hero-btns{
    width:100%!important;
  }
  body.mobile-only .btn-start{
    padding:14px 24px!important;
    font-size:15px!important;
    width:auto!important;
    min-width:200px!important;
  }
  body.mobile-only .hero-widgets,
  body.mobile-only .bg-ring{
    display:none!important;
  }

  /* ═════════════════════════════════════════════
     4) BIBLE 뷰 - 모바일 풀스크린 (alpha-9: 본문 최대화)
        - nav 영역 완전 숨김 (BIBLE LAB 로고, 로그인 이름 모두)
        - outer-board 반투명 배경 제거
        - inner-board 풀스크린 (상단/하단 꽉 차게)
  ═════════════════════════════════════════════ */
  
  /* alpha-9: Bible 탭이 활성화되었을 때만 nav 숨김 (JS에서 body.bible-active 토글) */
  body.mobile-only.bible-active nav{
    display:none!important;
  }

  /* alpha-23: 모바일 로그인 세션으로 앱을 열거나 Bible 화면에서 새로고침할 때
     첫 화면부터 Bible만 보이도록 유지. 태블릿/데스크탑 영향 없음. */
  body.mobile-only.mobile-bible-booting #view-landing{display:none!important;}
  body.mobile-only.mobile-bible-booting #view-lab{display:flex!important;}
  body.mobile-only.mobile-bible-booting #view-lab > nav{display:none!important;}
  body.mobile-only.mobile-bible-booting #board-lab,
  body.mobile-only.mobile-bible-booting #view-plan,
  body.mobile-only.mobile-bible-booting #view-podium{display:none!important;}
  body.mobile-only.mobile-bible-booting #view-bible{display:block!important;top:0!important;left:0!important;right:0!important;bottom:0!important;}
  
  /* alpha-18: alpha-17의 "모든 nav 숨김" 롤백.
     이유: 메인/서재/Lab에서도 nav가 숨겨져서 사용자가 홈으로 돌아갈 길이 없어짐.
     Bible 화면에서만 nav 숨김 (위 .bible-active 규칙만 적용). */
  
  body.mobile-only #view-bible{
    top:0!important;  /* nav 사라졌으니 화면 맨 위부터 */
  }
  body.mobile-only #view-bible > div{
    padding:0!important;  /* outer padding 제거 */
  }
  /* outer-board 반투명 배경 제거 - 그냥 투명하게 */
  body.mobile-only #view-bible .outer-board{
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    border:none!important;
    padding:0!important;
  }
  body.mobile-only #view-bible .inner-board{
    border-radius:0!important;
    border:none!important;
    box-shadow:none!important;
    height:100vh!important;
    height:100svh!important;
    background:var(--surface)!important;
  }
  
  /* Sola Scriptura 헤더 숨김 (이전 alpha 빌드부터) */
  body.mobile-only #view-bible .bs-header{
    display:none!important;
  }
  
  /* alpha-16/22: 컬럼 헤더 좌측 정렬 (절 번호 위에 위치) + 폰트 크기 교환 */
  body.mobile-only #view-bible .bs-col-head{
    display:flex!important;
    flex-direction:row!important;
    justify-content:flex-start!important;
    align-items:center!important;
    gap:8px!important;
    padding:8px 8px 8px 16px!important;  /* alpha-22: 좌측 padding을 절 번호 위치와 맞춤 */
    flex-wrap:nowrap!important;
  }
  /* 책+장 - 크게, 좌측 첫 자리 (alpha-19: 17 → 19) */
  body.mobile-only #view-bible .bs-col-book-inline{
    font-size:19px!important;
    font-weight:700!important;
    color:var(--tx1)!important;
    order:1!important;
    flex-shrink:0!important;
  }
  /* 역본 - 작게, 좌측 두 번째 (alpha-19: 11 → 10) */
  body.mobile-only #view-bible .bs-col-ver{
    font-size:10px!important;
    font-weight:500!important;
    color:var(--tx3)!important;
    order:2!important;
    flex-shrink:0!important;
  }
  /* "역본 1" 배지 숨김 */
  body.mobile-only #view-bible .bs-col-badge{
    display:none!important;
  }
  
  /* alpha-16/17: 검색창이 JS로 헤더 안에 이동했을 때 우측 끝 컴팩트 알약.
     alpha-17 피드백: 너무 길게 늘어나지 않게, "개역개정" 폰트 크기 정도 */
  body.mobile-only #view-bible .bs-col-head .bs-search-group{
    order:3!important;
    flex:0 1 auto!important;          /* 자라지 않음 */
    margin-left:auto!important;
    display:flex!important;
    flex-direction:column!important;
    gap:0!important;
    min-width:0!important;
    max-width:160px!important;
  }
  body.mobile-only #view-bible .bs-col-head .bs-search-group .bs-ctrl-label{
    display:none!important;
  }
  body.mobile-only #view-bible .bs-col-head .bs-search-input{
    width:100%!important;
    min-width:120px!important;
    max-width:160px!important;
    height:26px!important;
    padding:3px 12px!important;
    font-size:11px!important;
    border-radius:999px!important;
  }
  body.mobile-only #view-bible .bs-col-head .bs-search-input::placeholder{
    font-size:10.5px;
  }
  
  /* alpha-16: 컨트롤바 라벨 "역본 1" → "역본" (CSS만으로 텍스트 교체) */
  body.mobile-only #view-bible .bs-ver1-group .bs-ctrl-label{
    font-size:0!important;
  }
  body.mobile-only #view-bible .bs-ver1-group .bs-ctrl-label::after{
    content:'역본';
    font-size:10px;
    color:var(--tx3);
    font-weight:500;
    letter-spacing:.3px;
  }
  
  /* ═════════════════════════════════════════════
     alpha-19: 컨트롤바 5열 그리드 (사용자 요청)
        성경 / 장 / 역본 / 검색 / 폰트크기 - 한 줄에 모두
        선택 드래그 영역도 적절히 줄임
  ═════════════════════════════════════════════ */
  body.mobile-only #view-bible .bs-controls{
    padding:8px 8px 6px!important;
    gap:4px 5px!important;
    display:grid!important;
    grid-template-columns:1fr 1fr 1fr 1fr 1fr!important;  /* alpha-24 mobile-font-hidden: 성경/장/역본/검색/크기 5칸 */
    align-items:stretch!important;
    flex-wrap:nowrap!important;
  }
  
  /* 검색 그룹 - 컨트롤바 4번째 자리 (alpha-19) */
  body.mobile-only #view-bible .bs-controls > .bs-search-group{
    grid-column:auto!important;  /* alpha-15에선 1/-1로 풀폭이었던 것 취소 */
  }
  /* 모든 selectbox/input - 컴팩트 사이즈 */
  body.mobile-only #view-bible .bs-controls .bs-sel,
  body.mobile-only #view-bible .bs-controls .bs-search-input{
    font-size:11px!important;
    padding:5px 8px!important;
    height:30px!important;
    min-width:0!important;
    max-width:none!important;
    width:100%!important;
  }
  
  /* alpha-19/20/22: 선택란 우측 화살표(▼) 제거 + 텍스트 중앙 정렬.
     alpha-22: 더 강한 셀렉터로 데스크탑 CSS 우선순위 이김.
     일부 모바일 브라우저(삼성 인터넷)에서 appearance:none 무시 가능성 대응 */
  body.mobile-only #view-bible .bs-controls select.bs-sel,
  body.mobile-only #view-bible #bsVer1.bs-sel,
  body.mobile-only #view-bible #bsFontSize.bs-sel,
  body.mobile-only #view-bible #bsFontFamily.bs-sel{
    background-image:none!important;
    background:#fff!important;
    -webkit-appearance:none!important;
    -moz-appearance:none!important;
    appearance:none!important;
    padding:5px 8px!important;
    text-align:center!important;
    text-align-last:center!important;  /* select 옵션 텍스트 중앙 */
    text-indent:0!important;
    -moz-text-align-last:center!important;
  }
  /* select option도 중앙 */
  body.mobile-only #view-bible .bs-controls select.bs-sel option{
    text-align:center!important;
  }
  /* 검색 input - 좌측 정렬 + placeholder 짧게 잘리는 부분 처리 */
  body.mobile-only #view-bible .bs-controls input.bs-search-input{
    background-image:none!important;
    background:#fff!important;
    -webkit-appearance:none!important;
    appearance:none!important;
    padding:5px 10px!important;
    text-align:left!important;
    text-overflow:ellipsis!important;
  }
  body.mobile-only #view-bible .bs-controls input.bs-search-input::placeholder{
    text-align:left!important;
    text-overflow:ellipsis!important;
    overflow:hidden!important;
    white-space:nowrap!important;
  }
  /* 책/장 picker 버튼도 중앙 정렬 */
  body.mobile-only #view-bible .bs-controls .bs-picker-btn{
    text-align:center!important;
    padding:5px 8px!important;
  }
  /* alpha-19: "장 선택" → "장" */
  body.mobile-only #view-bible .bs-chap-group .bs-ctrl-label{
    font-size:0!important;
  }
  body.mobile-only #view-bible .bs-chap-group .bs-ctrl-label::after{
    content:'장';
    font-size:10px;
    color:var(--tx3);
    font-weight:500;
    letter-spacing:.3px;
  }
  /* "성경 선택" → "성경" (더 짧게) */
  body.mobile-only #view-bible .bs-book-group .bs-ctrl-label{
    font-size:0!important;
  }
  body.mobile-only #view-bible .bs-book-group .bs-ctrl-label::after{
    content:'성경';
    font-size:10px;
    color:var(--tx3);
    font-weight:500;
    letter-spacing:.3px;
  }
  /* 검색 라벨 - 5열 가로 폭에서는 "단어 검색" 길어서 "검색"으로 */
  body.mobile-only #view-bible .bs-search-group .bs-ctrl-label{
    font-size:0!important;
  }
  body.mobile-only #view-bible .bs-search-group .bs-ctrl-label::after{
    content:'검색';
    font-size:10px;
    color:var(--tx3);
    font-weight:500;
    letter-spacing:.3px;
  }
  /* 텍스트크기 → "크기" */
  body.mobile-only #view-bible .bs-fontsize-group .bs-ctrl-label{
    font-size:0!important;
  }
  body.mobile-only #view-bible .bs-fontsize-group .bs-ctrl-label::after{
    content:'크기';
    font-size:10px;
    color:var(--tx3);
    font-weight:500;
    letter-spacing:.3px;
  }
  /* alpha-24 mobile-font-hidden: 모바일은 글꼴 선택칸 자체를 숨기고 이전 5칸 구조로 복귀 */
  body.mobile-only #view-bible .bs-fontfamily-group{
    display:none!important;
  }
  
  /* alpha-8: 검색 그룹 풀폭 규칙
     alpha-19: 5열 그리드로 변경되어 검색은 한 자리만 차지 - 이 규칙 무효화 */
  body.mobile-only #view-bible .bs-controls > .bs-search-group{
    /* grid-column:1 / -1 제거 - 위 alpha-19 규칙 적용 */
  }
  
  /* 각 visible 컨트롤 그룹 (성경/장/역본1/텍스트크기): 세로 정렬 */
  body.mobile-only #view-bible .bs-controls > .bs-ctrl-group{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:5px!important;
    min-width:0!important;
    width:100%!important;
    padding:0!important;
  }
  
  /* 라벨 통일 */
  body.mobile-only #view-bible .bs-ctrl-label{
    font-size:11px!important;
    margin:0!important;
    padding:0!important;
    text-align:center!important;
    color:var(--tx3)!important;
    line-height:1.2!important;
    white-space:nowrap!important;
  }
  
  /* === 선택 버튼/Select 모두 둥근 알약 스타일로 통일 === */
  body.mobile-only #view-bible .bs-picker-btn,
  body.mobile-only #view-bible .bs-sel,
  body.mobile-only #view-bible #bsVer1,
  body.mobile-only #view-bible #bsFontSize{
    border-radius:999px!important;
    border:1.5px solid var(--border)!important;
    background:#fff!important;
    color:var(--tx1)!important;
    height:34px!important;
    min-height:34px!important;
    min-width:0!important;
    max-width:100%!important;
    width:100%!important;
    padding:0 8px!important;
    font-size:13px!important;
    font-weight:600!important;
    font-family:var(--sans)!important;
    text-align:center!important;
    text-align-last:center!important;
    cursor:pointer!important;
    box-shadow:0 1px 2px rgba(0,0,0,.03)!important;
    -webkit-appearance:none!important;
    -moz-appearance:none!important;
    appearance:none!important;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")!important;
    background-repeat:no-repeat!important;
    background-position:right 10px center!important;
    background-size:10px!important;
    padding-right:24px!important;
  }
  /* picker-btn은 button이라 화살표 안 넣음 */
  body.mobile-only #view-bible .bs-picker-btn{
    background-image:none!important;
    padding-right:8px!important;
  }
  
  /* === 핵심: 역본 컬럼 1개만 풀폭 === */
  body.mobile-only #view-bible #bsCol1{
    flex:1 1 100%!important;
    width:100%!important;
  }
  
  /* 본문 영역 패딩 (최대 가독성) */
  body.mobile-only #view-bible .bs-col-scroll{
    padding:12px 14px!important;
  }
  body.mobile-only #view-bible .bs-col-head{
    padding:7px 12px!important;
  }
  body.mobile-only #view-bible .bs-col-ver{
    font-size:13px!important;
  }
  body.mobile-only #view-bible .bs-col-badge{
    font-size:9px!important;
    padding:1px 6px!important;
  }
  body.mobile-only #view-bible .bs-col-book-inline{
    font-size:10px!important;
  }
  
  /* alpha-5: 모바일 본문 가독성 - 절 간격/줄간격 축소
     - 절과 절 사이: margin-bottom 8px → 4px
     - 절 안 줄간격: line-height 1.95/1.9 → 1.55
     - 절 padding도 살짝 줄임 */
  body.mobile-only #view-bible .bs-col-content{
    line-height:1.55!important;
  }
  body.mobile-only #view-bible .bs-verse-line{
    margin-bottom:4px!important;
    padding:1px 3px!important;
    line-height:1.45!important;  /* alpha-22: 긴 절 줄간격 1.55→1.45 */
  }
  body.mobile-only #view-bible .bs-verse-txt,
  body.mobile-only #view-bible .bs-search-result-text{
    line-height:1.45!important;  /* alpha-22 */
    font-family:'Noto Serif KR',serif!important;  /* alpha-24 mobile-font-hidden: 모바일은 기본 본문 폰트 고정 */
  }
  body.mobile-only #view-bible .bs-verse-num{
    margin-right:5px!important;
  }
  
  /* ═════════════════════════════════════════════
     7) 책/장 선택 팝업 — 모바일 컴팩트 (alpha-3)
        - 핵심: position:fixed로 화면 기준 배치
          (기존 absolute는 부모 picker-wrap(1/4 칸) 기준이라 짤림)
        - 책: 6열 / 장: 5열, 둘 다 가운데 정렬
        - spacer는 전체 폭으로 만들어 신약 시작 줄바꿈 + 점선 구분
  ═════════════════════════════════════════════ */
  body.mobile-only #view-bible .bs-picker-pop{
    /* 핵심 변경: absolute → fixed로 viewport 기준 배치 (부모 picker-wrap 1/4 칸 기준이 아니라) */
    position:fixed!important;
    left:10px!important;
    right:10px!important;
    /* top 위치 명시:
       - nav 56px + outer-board padding 8px + inner-board 헤더 없음 + 컨트롤바 약 70px 
       = 약 134px 아래에 컨트롤바 끝이 위치
       - 컨트롤바 끝에 살짝 여유 두고 130px */
    top:130px!important;
    bottom:auto!important;
    width:auto!important;
    max-width:none!important;
    max-height:calc(100vh - 150px)!important;
    overflow:auto!important;
    padding:10px!important;
    box-sizing:border-box!important;
    z-index:200!important;
  }
  
  /* 책 그리드: 6열 */
  body.mobile-only #view-bible .bs-book-grid{
    grid-template-columns:repeat(6, minmax(0, 1fr))!important;
    gap:4px!important;
  }
  /* 장 그리드: 5열 + 가운데 정렬 */
  body.mobile-only #view-bible .bs-chap-grid{
    grid-template-columns:repeat(5, minmax(0, 1fr))!important;
    gap:4px!important;
    justify-content:center!important;
  }
  
  /* 그리드 버튼 컴팩트 */
  body.mobile-only #view-bible .bs-grid-btn{
    height:30px!important;
    font-size:12px!important;
    padding:0 2px!important;
    min-width:0!important;
  }
  
  /* alpha-2/3: 구약/신약 시각적 구분.
     spacer를 전체 폭(grid-column:1/-1)으로 만들어 마태복음이 다음 줄(신약 시작)에 자연스럽게 위치 */
  body.mobile-only #view-bible .bs-grid-spacer{
    display:block!important;
    grid-column:1 / -1!important;
    height:8px!important;
    border-top:1px dashed rgba(28,107,90,.18)!important;
    margin-top:4px!important;
    padding-top:0!important;
    background:transparent!important;
    pointer-events:none!important;
  }
  
  /* 그리드 타이틀 컴팩트 */
  body.mobile-only #view-bible .bs-grid-title{
    font-size:11px!important;
    margin:0 0 6px!important;
  }
  /* alpha-28: 데스크탑 전용 회색 바 제목(.bs-list-title)은 모바일에서 원래대로 유지 */
  body.mobile-only #view-bible .bs-list-title{
    background:transparent!important;
    border-radius:0!important;
    padding:0!important;
    margin:0 0 6px!important;
    font-size:11px!important;
    font-weight:400!important;
    letter-spacing:normal!important;
    color:var(--tx3)!important;
  }

  /* ═════════════════════════════════════════════
     8) 사용자 메뉴 드롭다운
  ═════════════════════════════════════════════ */
  body.mobile-only .nav-user-dropdown{
    right:8px!important;
    top:calc(100% + 4px)!important;
    min-width:160px!important;
  }
}

/* 가로 모드 (landscape phone) */
@media (max-width: 767px) and (orientation: landscape) {
  body.mobile-only .hero{
    padding:24px 20px 30px!important;
    min-height:auto!important;
  }
  body.mobile-only .hero-title,
  body.mobile-only .hero-title-italic{
    font-size:36px!important;
  }
  body.mobile-only .hero-left{
    padding-top:0!important;
  }
}

/* alpha-8: 모바일에서 검색창은 컨트롤바 4열 그리드에서 한 자리 차지.
   데스크탑 CSS의 min-width/max-width 제한을 무효화. */
body.mobile-only #view-bible .bs-search-input{
  min-width:0 !important;
  max-width:none !important;
  width:100% !important;
}
body.mobile-only #view-bible .bs-search-item{
  padding:6px 4px !important;
  margin-bottom:4px !important;
}

/* ═════════════════════════════════════════════
   alpha-7: PC 전용 기능 (PDF/Word 저장) 버튼 숨김
   
   - 태블릿(iPad, Android Tab): PDF/Word 버튼 숨김, 포디움만 표시
   - 모바일: 어차피 랩 화면 진입 안 되니 따로 처리 안 함
   - PC(데스크탑): 모두 표시 (변화 없음)
═════════════════════════════════════════════ */
body.tablet-only .ms-btn-pdf,
body.tablet-only .ms-btn-word,
body.mobile-only .ms-btn-pdf,
body.mobile-only .ms-btn-word{
  display:none !important;
}

/* alpha-24: 배포본에서 우상단 브라우저 사이즈/환경 진단 배지를 완전히 숨김 */
#biblelab-mini-debug,
#biblelab-debug-box{display:none!important;}


/* alpha-24-mobile-header: 모바일 Bible 본문 헤더 정리
   - 책/장 텍스트를 왼쪽으로 고정
   - 책/장 +2px, 역본 -2px
   - 오른쪽 여백에는 로고 + BIBLE LAB 표시
   - 기존 위/아래 구분선(border)은 그대로 유지 */
@media (max-width: 767px) {
  body.mobile-only #view-bible #bsCol1 .bs-col-head{
    justify-content:flex-start!important;
    align-items:center!important;
    gap:6px!important;
    padding:7px 14px!important;
    min-height:38px!important;
  }
  body.mobile-only #view-bible #bsCol1 .bs-col-book-inline{
    order:1!important;
    margin-left:0!important;
    margin-right:0!important;
    font-size:12px!important;
    font-weight:800!important;
    color:var(--tx1)!important;
    letter-spacing:-.2px!important;
    flex:0 0 auto!important;
  }
  body.mobile-only #view-bible #bsCol1 .bs-col-ver{
    order:2!important;
    margin:0!important;
    font-size:11px!important;
    font-weight:500!important;
    color:var(--tx3)!important;
    letter-spacing:-.1px!important;
    flex:0 0 auto!important;
  }
  body.mobile-only #view-bible #bsCol1 .bs-col-head::after{
    content:'BIBLE LAB';
    order:99;
    margin-left:auto!important;
    padding-left:23px;
    min-height:22px;
    display:inline-flex;
    align-items:center;
    background-image:url('../logo.png');
    background-repeat:no-repeat;
    background-position:left center;
    background-size:18px 18px;
    font-family:var(--sans);
    font-size:12px;
    font-weight:700;
    letter-spacing:.2px;
    color:var(--tx1);
    white-space:nowrap;
    opacity:.96;
  }
  body.mobile-only #view-bible .bs-controls input.bs-search-input::placeholder{
    content:'입력';
    font-size:12px!important;
  }
}


/* alpha-24-mobile-popup: 모바일 Bible 팝업/검색 결과 시작 위치 정렬
   - 성경/장 팝업은 JS가 #bsCol1 .bs-col-head의 bottom을 계산해 구분선 바로 아래에서 시작시킨다.
   - CSS는 남는 여백과 첫 검색 그룹의 margin을 제거해 구분선 아래가 바로 내용 시작점이 되도록 보정한다. */
@media (max-width: 767px) {
  body.mobile-only #view-bible .bs-picker-pop{
    margin-top:0!important;
    border-top-left-radius:18px!important;
    border-top-right-radius:18px!important;
  }
  body.mobile-only #view-bible .bs-search-results{
    padding-top:0!important;
    margin-top:0!important;
  }
  body.mobile-only #view-bible .bs-search-results .bs-search-book-header:first-child{
    margin-top:0!important;
    padding-top:10px!important;
  }
}

/* alpha-24-mobile-hymn-swipe: 모바일 전용 스와이프/새찬송가 UI */
#bsHymnToggleBtn{display:none;}
@media (max-width: 767px) {
  body.mobile-only #view-bible #bsHymnToggleBtn.bs-hymn-toggle-btn,
  body.mobile-only #view-bible #bsQtGoBtn.bs-hymn-toggle-btn{
    display:inline-flex!important;
    order:3!important;
    flex:0 0 auto!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:24px!important;
    height:22px!important;
    padding:0 7px!important;
    border:1px solid rgba(28,107,90,.18)!important;
    border-radius:999px!important;
    background:rgba(28,107,90,.06)!important;
    color:var(--primary)!important;
    font-family:var(--sans)!important;
    font-size:12px!important;
    font-weight:800!important;
    line-height:1!important;
  }
  /* Q.T 버튼은 찬송가 버튼 오른쪽에, 살짝 다른 톤으로 구분 */
  body.mobile-only #view-bible #bsQtGoBtn.bs-qt-go-btn{
    order:4!important;
    border-color:rgba(91,91,158,.22)!important;
    background:rgba(91,91,158,.07)!important;
    color:#4b4b86!important;
  }
  body.mobile-only.hymn-mode #view-bible #bsHymnToggleBtn.bs-hymn-toggle-btn{
    min-width:34px!important;
    font-size:10px!important;
    letter-spacing:-.2px!important;
    background:rgba(17,24,39,.06)!important;
    color:var(--tx2)!important;
  }
  /* 찬송가 모드에서는 Q.T 버튼 숨김 */
  body.mobile-only.hymn-mode #view-bible #bsQtGoBtn.bs-qt-go-btn{
    display:none!important;
  }
  /* Q.T 안내 배너 — 개역개정 본문 상단(구분선 아래) 중앙 표시 */
  body.mobile-only #view-bible #bsCol1 .bs-qt-banner{
    display:none;
    text-align:center;
    margin:8px 10px 8px!important;
    padding:7px 12px 11px!important;
    background:rgba(91,91,158,.10)!important;
    border:1px solid rgba(91,91,158,.20)!important;
    border-radius:10px!important;
    color:#4b4b86!important;
    font-family:var(--sans)!important;
    font-size:12.5px!important;
    font-weight:700!important;
    letter-spacing:-.2px!important;
    line-height:1.3!important;
    box-shadow:0 2px 0 0 rgba(91,91,158,.14)!important;
  }
  /* 배너 아래 본문과 구분되는 얇은 선 */
  body.mobile-only #view-bible #bsCol1 .bs-qt-banner.show{
    display:block!important;
    position:relative!important;
  }
  body.mobile-only #view-bible #bsCol1 .bs-qt-banner.show::after{
    content:''!important;
    display:block!important;
    position:absolute!important;
    left:0!important; right:0!important; bottom:-6px!important;
    height:1px!important;
    background:rgba(91,91,158,.28)!important;
  }
  /* Q.T 본문 전체 지속 강조 (노란 배경) — 절들이 하나로 이어져 보이도록 radius 제거.
     탭하면 해제, 새찬송가·다른 성경·브라우저 재시작 시에도 해제 */
  body.mobile-only #view-bible #bsCol1 .bs-verse-line.qt-hl{
    background:rgba(255,214,102,.22)!important;
    border-radius:0!important;
    cursor:pointer!important;
  }

  /* 새찬송가 모드 컨트롤: 성경+장 영역을 찬송가/장수 입력 중심으로 재배치 */
  body.mobile-only.hymn-mode #view-bible .bs-controls{
    grid-template-columns:1fr 1fr .82fr 1fr 1fr!important;
  }
  body.mobile-only.hymn-mode #view-bible .bs-book-group{
    grid-column:1 / 3!important;
  }
  body.mobile-only.hymn-mode #view-bible .bs-chap-group{
    grid-column:3 / 4!important;
  }
  body.mobile-only.hymn-mode #view-bible .bs-ver1-group,
  body.mobile-only.hymn-mode #view-bible .bs-fontsize-group,
  body.mobile-only.hymn-mode #view-bible .bs-fontfamily-group{
    display:none!important;
  }
  body.mobile-only.hymn-mode #view-bible .bs-search-group{
    grid-column:4 / 6!important;
  }
  body.mobile-only.hymn-mode #view-bible .bs-book-group .bs-ctrl-label::after{
    content:'찬송가'!important;
  }
  body.mobile-only.hymn-mode #view-bible .bs-chap-group .bs-ctrl-label::after{
    content:'장수'!important;
  }
  body.mobile-only.hymn-mode #view-bible .bs-search-group .bs-ctrl-label::after{
    content:'제목 검색'!important;
  }
  body.mobile-only.hymn-mode #view-bible #bsBookBtn{
    font-weight:800!important;
  }
  body.mobile-only.hymn-mode #view-bible #bsChapBtn{
    color:var(--primary)!important;
    font-weight:800!important;
  }
  body.mobile-only.hymn-mode #view-bible .bs-controls input.bs-search-input{
    text-align:center!important;
    font-weight:700!important;
  }
  body.mobile-only.hymn-mode #view-bible .bs-controls input.bs-search-input::placeholder{
    text-align:center!important;
  }

  /* 새찬송가 이미지가 본문을 최대한 넓게 쓰도록 보정 */
  body.mobile-only.hymn-mode #view-bible #bsScroll1{
    padding:10px 8px 24px!important;
  }
  body.mobile-only.hymn-mode #view-bible .bs-col-content{
    line-height:1.4!important;
  }
  body.mobile-only.hymn-mode #view-bible .hymn-viewer{
    padding:0 0 28px!important;
  }
  body.mobile-only.hymn-mode #view-bible .hymn-title-line{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
    padding:2px 4px 8px!important;
    font-family:var(--sans)!important;
  }
  body.mobile-only.hymn-mode #view-bible .hymn-title-main{
    font-size:13px!important;
    font-weight:800!important;
    color:var(--tx1)!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  body.mobile-only.hymn-mode #view-bible .hymn-title-num{
    flex:0 0 auto!important;
    font-size:11px!important;
    font-weight:800!important;
    color:var(--primary)!important;
    border:1px solid rgba(28,107,90,.18)!important;
    border-radius:999px!important;
    padding:2px 8px!important;
    background:rgba(28,107,90,.05)!important;
  }
  body.mobile-only.hymn-mode #view-bible .hymn-image-frame{
    width:100%!important;
    min-height:180px!important;
    border:1px solid rgba(17,24,39,.08)!important;
    border-radius:14px!important;
    background:#fff!important;
    overflow:hidden!important;
    box-shadow:0 2px 10px rgba(0,0,0,.05)!important;
  }
  body.mobile-only.hymn-mode #view-bible .hymn-image{
    display:block!important;
    width:100%!important;
    height:auto!important;
    object-fit:contain!important;
    background:#fff!important;
  }
  body.mobile-only.hymn-mode #view-bible .hymn-empty{
    margin:14px 4px!important;
    padding:18px 16px!important;
    border:1px solid rgba(28,107,90,.16)!important;
    border-radius:16px!important;
    background:rgba(28,107,90,.04)!important;
    font-family:var(--sans)!important;
  }
  body.mobile-only.hymn-mode #view-bible .hymn-empty-title{
    font-size:14px!important;
    font-weight:800!important;
    color:var(--tx1)!important;
    margin-bottom:8px!important;
  }
  body.mobile-only.hymn-mode #view-bible .hymn-empty-desc{
    font-size:12px!important;
    line-height:1.65!important;
    color:var(--tx3)!important;
  }
  body.mobile-only.hymn-mode #view-bible .hymn-empty-path{
    margin-top:10px!important;
    font-size:10px!important;
    line-height:1.45!important;
    color:var(--tx4)!important;
    word-break:break-all!important;
  }
  body.mobile-only.hymn-mode #view-bible .hymn-search-results{
    padding:4px 2px 28px!important;
    display:flex!important;
    flex-direction:column!important;
    gap:8px!important;
  }
  body.mobile-only.hymn-mode #view-bible .hymn-search-item{
    width:100%!important;
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    padding:12px 12px!important;
    border:1px solid rgba(17,24,39,.1)!important;
    border-radius:14px!important;
    background:#fff!important;
    box-shadow:0 1px 3px rgba(0,0,0,.03)!important;
    font-family:var(--sans)!important;
    text-align:left!important;
  }
  body.mobile-only.hymn-mode #view-bible .hymn-search-num{
    flex:0 0 auto!important;
    min-width:44px!important;
    color:var(--primary)!important;
    font-size:13px!important;
    font-weight:900!important;
  }
  body.mobile-only.hymn-mode #view-bible .hymn-search-title{
    color:var(--tx1)!important;
    font-size:14px!important;
    font-weight:700!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  /* 장수 직접 입력 팝업 */
  body.mobile-only #view-bible .hymn-number-pop{
    font-family:var(--sans)!important;
  }
  body.mobile-only #view-bible .hymn-number-row{
    display:flex!important;
    gap:8px!important;
    margin-bottom:10px!important;
  }
  body.mobile-only #view-bible .hymn-number-row input{
    flex:1!important;
    min-width:0!important;
    height:38px!important;
    border:1.5px solid var(--border)!important;
    border-radius:12px!important;
    padding:0 12px!important;
    font-size:16px!important;
    font-weight:800!important;
    text-align:center!important;
    font-family:var(--sans)!important;
    background:#fff!important;
    color:var(--tx1)!important;
  }
  body.mobile-only #view-bible .hymn-number-row button{
    flex:0 0 80px!important;
    height:38px!important;
    border:1.5px solid rgba(28,107,90,.28)!important;
    border-radius:12px!important;
    background:var(--primary)!important;
    color:#fff!important;
    font-size:13px!important;
    font-weight:800!important;
    font-family:var(--sans)!important;
  }
  body.mobile-only #view-bible .hymn-quick-grid{
    display:grid!important;
    grid-template-columns:repeat(5, minmax(0, 1fr))!important;
    gap:4px!important;
  }
}


/* alpha-24-mobile-hymn-ui-clean: 모바일 찬송가 UI 정리 */
@media (max-width: 767px) {
  /* 모바일 상단 컨트롤 아래 데스크탑/태블릿용 찬송가 입력은 완전히 숨김 */
  #view-bible .bs-controls .bs-hymnal-group,
  body.mobile-only #view-bible .bs-controls .bs-hymnal-group,
  html body.mobile-only #view-bible .bs-controls .bs-hymnal-group{
    display:none!important;
    visibility:hidden!important;
    width:0!important;
    height:0!important;
    overflow:hidden!important;
    margin:0!important;
    padding:0!important;
    position:absolute!important;
    left:-99999px!important;
  }

  /* 성경 모드: 헤더의 새찬송가 진입 버튼을 알아보기 쉽게 표시 */
  body.mobile-only:not(.hymn-mode) #view-bible #bsHymnToggleBtn.bs-hymn-toggle-btn,
  body.mobile-only:not(.hymn-mode) #view-bible #bsQtGoBtn.bs-qt-go-btn{
    min-width:74px!important;
    height:26px!important;
    padding:0 10px!important;
    font-size:11px!important;
    font-weight:800!important;
    letter-spacing:-.3px!important;
    white-space:nowrap!important;
  }

  /* 새찬송가 모드: 상단 메뉴는 '찬송가 장' + '제목검색' 두 개만 사용 */
  body.mobile-only.hymn-mode #view-bible .bs-controls{
    display:grid!important;
    grid-template-columns:minmax(0,.95fr) minmax(0,1.45fr)!important;
    gap:10px!important;
    padding-bottom:14px!important;
  }
  body.mobile-only.hymn-mode #view-bible .bs-book-group,
  body.mobile-only.hymn-mode #view-bible .bs-ver1-group,
  body.mobile-only.hymn-mode #view-bible .bs-fontsize-group,
  body.mobile-only.hymn-mode #view-bible .bs-fontfamily-group{
    display:none!important;
    visibility:hidden!important;
    width:0!important;
    height:0!important;
    overflow:hidden!important;
    margin:0!important;
    padding:0!important;
    position:absolute!important;
    left:-99999px!important;
  }
  body.mobile-only.hymn-mode #view-bible .bs-chap-group{
    grid-column:1 / 2!important;
    display:flex!important;
  }
  body.mobile-only.hymn-mode #view-bible .bs-search-group{
    grid-column:2 / 3!important;
    display:flex!important;
  }
  body.mobile-only.hymn-mode #view-bible .bs-chap-group .bs-ctrl-label,
  body.mobile-only.hymn-mode #view-bible .bs-search-group .bs-ctrl-label{
    font-size:0!important;
  }
  body.mobile-only.hymn-mode #view-bible .bs-chap-group .bs-ctrl-label::after{
    content:'찬송가 장'!important;
    font-size:11px!important;
    color:var(--tx3)!important;
    font-weight:500!important;
    letter-spacing:.2px!important;
  }
  body.mobile-only.hymn-mode #view-bible .bs-search-group .bs-ctrl-label::after{
    content:'제목검색'!important;
    font-size:11px!important;
    color:var(--tx3)!important;
    font-weight:500!important;
    letter-spacing:.2px!important;
  }
  body.mobile-only.hymn-mode #view-bible #bsChapBtn{
    color:var(--primary)!important;
    font-weight:900!important;
  }
  body.mobile-only.hymn-mode #view-bible .bs-controls input.bs-search-input{
    text-align:center!important;
    font-weight:700!important;
  }
  body.mobile-only.hymn-mode #view-bible .bs-controls input.bs-search-input::placeholder{
    text-align:center!important;
  }

  /* 새찬송가 모드 헤더의 성경 복귀 버튼 */
  body.mobile-only.hymn-mode #view-bible #bsHymnToggleBtn.bs-hymn-toggle-btn{
    min-width:58px!important;
    height:26px!important;
    padding:0 10px!important;
    font-size:11px!important;
    font-weight:900!important;
    letter-spacing:-.3px!important;
    white-space:nowrap!important;
  }
}

/* alpha-24-mobile-hymn-detailup: 모바일 찬송가 높이/장수 입력 정리 */
@media (max-width: 767px) {
  /* 새찬송가 화면의 상단 컨트롤은 성경 화면과 같은 높이로 유지한다.
     이전 hotfix의 min-height:256px 때문에 본문 헤더가 아래로 밀렸으므로 제거. */
  body.mobile-only.hymn-mode #view-bible .bs-controls{
    min-height:0!important;
    height:auto!important;
    align-content:start!important;
    padding:8px 8px 6px!important;
    gap:4px 8px!important;
  }
  body.mobile-only.hymn-mode #view-bible .bs-controls > .bs-ctrl-group{
    gap:5px!important;
  }

  /* 새찬송가 장수 입력 팝업은 직접 입력 + 보기만 표시 */
  body.mobile-only #view-bible .hymn-number-pop-simple .hymn-quick-grid{
    display:none!important;
  }
  body.mobile-only #view-bible .hymn-number-pop-simple .hymn-number-row-simple{
    margin-bottom:0!important;
  }
  body.mobile-only #view-bible .hymn-number-pop-simple .hymn-number-row-simple input{
    height:46px!important;
    font-size:18px!important;
  }
  body.mobile-only #view-bible .hymn-number-pop-simple .hymn-number-row-simple button{
    height:46px!important;
    flex-basis:92px!important;
  }
}

/* alpha-24-mobile-book-clip: 작은 모바일 폭에서 성경 권명은 그대로 유지하고, 버튼 폭을 넘는 부분만 숨김 */
@media (max-width: 767px) {
  body.mobile-only #view-bible .bs-controls > .bs-ctrl-group,
  body.mobile-only #view-bible .bs-controls > .bs-book-group{
    min-width:0!important;
    overflow:visible!important;
  }
  body.mobile-only #view-bible #bsBookBtn.bs-picker-btn{
    display:block!important;
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:34px!important;
    min-height:34px!important;
    line-height:32px!important;
    padding:0 4px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    word-break:keep-all!important;
    overflow-wrap:normal!important;
    font-size:clamp(10.5px, 3.15vw, 13px)!important;
    letter-spacing:-.55px!important;
  }
  body.mobile-only #view-bible #bsChapBtn.bs-picker-btn{
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
}

/* alpha-24-mobile-font-hidden: 모바일에서는 글꼴 선택을 표시하지 않습니다. */

/* alpha-24-mobile-font-hardhide: 삼성브라우저/후속 모바일 규칙까지 이기는 최종 안전망.
   모바일에서는 폰트 라벨/셀렉트 줄이 절대 보이지 않게 하고, 데스크탑/태블릿에는 영향 없음. */
@media (max-width: 767px) {
  html body.mobile-only #view-bible .bs-controls > .bs-ctrl-group.bs-fontfamily-group,
  html body.mobile-only #view-bible .bs-controls > .bs-fontfamily-group,
  html body.mobile-only #view-bible .bs-fontfamily-group,
  html body.mobile-only #view-bible #bsFontFamily {
    display:none!important;
    visibility:hidden!important;
    width:0!important;
    min-width:0!important;
    max-width:0!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    overflow:hidden!important;
    pointer-events:none!important;
  }
}

/* alpha-26-hymn-quick-jump: 모바일 찬송가 화면 안에서 이전/번호입력/다음 바로 이동 */
@media (max-width: 767px) {
  body.mobile-only.hymn-mode #view-bible .hymn-inline-nav{
    display:grid!important;
    grid-template-columns:64px minmax(0,1fr) 64px!important;
    gap:7px!important;
    align-items:center!important;
    margin:8px 0 12px!important;
  }
  body.mobile-only.hymn-mode #view-bible .hymn-inline-nav button{
    height:38px!important;
    border:1.5px solid rgba(28,107,90,.24)!important;
    border-radius:12px!important;
    background:rgba(28,107,90,.07)!important;
    color:var(--primary)!important;
    font-size:12px!important;
    font-weight:900!important;
    font-family:var(--sans)!important;
  }
  body.mobile-only.hymn-mode #view-bible .hymn-inline-jump{
    display:flex!important;
    gap:6px!important;
    min-width:0!important;
  }
  body.mobile-only.hymn-mode #view-bible .hymn-inline-jump input{
    flex:1 1 auto!important;
    min-width:0!important;
    height:38px!important;
    border:1.5px solid var(--border)!important;
    border-radius:12px!important;
    background:#fff!important;
    color:var(--tx1)!important;
    text-align:center!important;
    font-size:17px!important;
    font-weight:900!important;
    font-family:var(--sans)!important;
    outline:none!important;
  }
  body.mobile-only.hymn-mode #view-bible .hymn-inline-jump input:focus{
    border-color:rgba(28,107,90,.55)!important;
    box-shadow:0 0 0 3px rgba(28,107,90,.10)!important;
  }
  body.mobile-only.hymn-mode #view-bible .hymn-inline-jump button{
    flex:0 0 54px!important;
    background:var(--primary)!important;
    color:#fff!important;
  }
}

/* alpha-26-hymn-quick-jump-left: 모바일 찬송가 검색은 왼쪽, 이전/다음은 오른쪽 묶음 */
@media (max-width: 767px) {
  body.mobile-only.hymn-mode #view-bible .hymn-inline-nav{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 132px!important;
    gap:7px!important;
    align-items:center!important;
    margin:8px 0 12px!important;
  }
  body.mobile-only.hymn-mode #view-bible .hymn-inline-jump{
    display:flex!important;
    gap:6px!important;
    min-width:0!important;
  }
  body.mobile-only.hymn-mode #view-bible .hymn-inline-nav-buttons{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:6px!important;
    min-width:0!important;
  }
  body.mobile-only.hymn-mode #view-bible .hymn-inline-nav-buttons button{
    min-width:0!important;
    width:100%!important;
  }
  body.mobile-only.hymn-mode #view-bible .hymn-inline-jump input{
    text-align:left!important;
    padding-left:12px!important;
  }
}

/* ══ alpha-28: 모바일 역본/크기 리스트 피커 ══
   .bs-picker-pop 공통 fixed 규칙을 그대로 상속하되,
   리스트형은 성경 그리드처럼 풀폭일 필요가 없어 컴팩트하게 */
@media(max-width:767px){
  body.mobile-only #view-bible .bs-list-pop{
    left:auto!important;
    right:10px!important;
    width:min(240px,calc(100vw - 20px))!important;
    max-width:240px!important;
  }
  body.mobile-only #view-bible .bs-ver1-group .bs-list-pop{
    left:10px!important;
    right:auto!important;
  }
  body.mobile-only #view-bible .bs-list-btn{
    padding:11px 14px!important;
    font-size:13px!important;
  }
}

/* ══ alpha-28: 모바일 역본 피커 그룹 라벨(한국어/English)을 연한 회색 바로 구분 ══ */
@media(max-width:767px){
  body.mobile-only #view-bible .bs-list-pop .bs-list-group-label{
    background:#F0F1F3;
    border-radius:8px;
    padding:7px 12px!important;
    margin:8px 0 5px!important;
    font-size:10.5px!important;
    letter-spacing:1.2px!important;
    color:rgba(26,26,46,.55)!important;
  }
  body.mobile-only #view-bible .bs-list-pop .bs-list-group-label:first-child{
    margin-top:2px!important;
  }
}

/* alpha_v02: 모바일은 기존 상단 Q.T 버튼(bsQtGoBtn)을 사용하므로
   3역본 헤더용 Q.T 바로가기는 중복 노출하지 않는다. */
@media(max-width:767px){
  body.mobile-only #view-bible #bsQtPill{display:none!important;}
}