/* ============================================================================
   앱(Capacitor 웹뷰) edge-to-edge 안전영역 보정 — html.app-e2e 게이트 한정
   ----------------------------------------------------------------------------
   Android 16(API 36)+ 강제 edge-to-edge 대응 (campus/css/app-safe.css 와 동일
   배경, 2026-08-22). root layout 8/4 구제가 header(fixed) height+body offset 만
   덮어 하단 fixed·드로어·토스트가 뚫려 있던 것을 보정.
   env(safe-area-inset-*) 는 앱 UA(viewport-fit=cover)에서만 실값, 브라우저·
   iframe 문서에서는 0 → 이중 적용/부작용 없음.
   ========================================================================== */

/* 하단 고정 CTA 바 — 아래로만 확장이라 본문 가림 보정 불필요 */
html.app-e2e .bottom_bar {
  padding-bottom: env(safe-area-inset-bottom, 0px);
}

/* 상단 토스트(fixed top 40) */
html.app-e2e .box_toast {
  top: calc(40px + env(safe-area-inset-top, 0px));
}

/* 햄버거 드로어(fixed top 0) */
html.app-e2e header .menu_cont {
  padding-top: env(safe-area-inset-top, 0px);
}

/* 러닝 뷰어 상단 고정 헤더(fixed top 0, padding 24px 0) + 본문 오프셋(105px) */
html.app-e2e .learning_viewer .head_cont {
  padding-top: calc(24px + env(safe-area-inset-top, 0px));
}
html.app-e2e .learning_viewer .wrap_tab {
  margin-top: calc(105px + env(safe-area-inset-top, 0px));
}