/* 700~950px의 태블릿 세로 화면에서도 과목을 쉽게 오갈 수 있게 합니다. */
@media (min-width: 701px) and (max-width: 950px) {
  .sidebar { display: none; }
  .mobile-only { display: block; }
  .topbar { height: 68px; padding: 0 24px; }
  .page { padding: 30px 26px calc(105px + env(safe-area-inset-bottom)); }
  .bottom-nav { position: fixed; bottom: 0; left: 0; right: 0; display: flex; align-items: center; justify-content: space-around; height: calc(72px + env(safe-area-inset-bottom)); padding-bottom: env(safe-area-inset-bottom); background: white; box-shadow: 0 -4px 20px #1d352014; z-index: 20; }
  .bottom-nav button { background: none; border: 0; color: #91a093; font-size: 11px; display: flex; flex-direction: column; align-items: center; gap: 1px; min-width: 60px; }
  .bottom-nav button span { font-size: 22px; }
  .bottom-nav button.active { color: #2c5a38; font-weight: 800; }
  .bottom-nav .mobile-new { border-radius: 15px; background: #2a533a; color: white; width: 48px; height: 48px; font-size: 29px; display: grid; place-items: center; line-height: 1; transform: translateY(-10px); box-shadow: 0 6px 15px #2a533a38; }
  .toast { bottom: calc(88px + env(safe-area-inset-bottom)); }
  .editor-dialog, .settings-dialog { max-height: 94dvh; }
  .editor-dialog form { max-height: 94dvh; }
}

@media (max-width: 700px) {
  .page { padding-bottom: calc(105px + env(safe-area-inset-bottom)); }
  .bottom-nav { height: calc(69px + env(safe-area-inset-bottom)); }
  .toast { bottom: calc(82px + env(safe-area-inset-bottom)); }
}

@media (hover: none) and (pointer: coarse) {
  .bottom-nav button, .icon-button, .pdf-inline-toolbar .button, .math-toolbar button, .rich-toolbar button { min-height: 44px; }
  .filterbar select, .editor-body input:not([type=checkbox]), .editor-body select, .editor-body textarea { min-height: 44px; }
  .dialog-footer .button { min-height: 44px; }
}

.app-offline-info { margin-top: 17px; padding: 14px 16px; border-radius: 12px; border: 1px solid #dce8da; background: #f6faf4; color: #385d40; font-size: 12px; line-height: 1.6; }
.app-offline-info strong { font-size: 13px; }
.app-offline-info p { margin: 7px 0 0; }