/*
 * Phone-only Reading layout.
 * It never moves, duplicates, or hides source/question content. The controls
 * merely scroll to the existing passage or question pane.
 */
.mobile-reading-view-switcher {
  display: none;
}

@media (max-width: 720px) {
  body[data-view="exam"] #examView.active.cd-exam-mode.module-reading .exam-content {
    border: 0;
    border-radius: 0;
    box-shadow: none;
  }

  body[data-view="exam"] #examView.active.cd-exam-mode.module-reading .mobile-reading-view-switcher {
    position: sticky;
    top: 0;
    z-index: 8;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    padding: 8px max(16px, env(safe-area-inset-left)) 8px max(16px, env(safe-area-inset-right));
    border-bottom: 1px solid #dbe2ea;
    background: rgba(255, 255, 255, 0.97);
    box-shadow: 0 8px 18px rgba(20, 34, 56, 0.08);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
  }

  body[data-view="exam"] #examView.active.cd-exam-mode.module-reading .mobile-reading-view-switcher button {
    min-height: 44px;
    border: 1px solid #d7e0ea;
    border-radius: 10px;
    background: #fff;
    color: #40516b;
    font-weight: 800;
    touch-action: manipulation;
  }

  body[data-view="exam"] #examView.active.cd-exam-mode.module-reading .mobile-reading-view-switcher button[aria-pressed="true"] {
    border-color: #ff4b46;
    background: #ffefee;
    color: #bb302c;
  }

  body[data-view="exam"] #examView.active.cd-exam-mode.module-reading .cd-reading-layout {
    display: block;
    min-height: 0;
    border-top: 0;
  }

  body[data-view="exam"] #examView.active.cd-exam-mode.module-reading .cd-reading-pane {
    box-sizing: border-box;
    min-height: 0;
    height: auto !important;
    overflow: visible;
    border: 0;
  }

  body[data-view="exam"] #examView.active.cd-exam-mode.module-reading .cd-passage-pane {
    padding: 18px max(16px, env(safe-area-inset-left)) 24px max(16px, env(safe-area-inset-right));
    border-bottom: 8px solid #edf1f5;
  }

  body[data-view="exam"] #examView.active.cd-exam-mode.module-reading .cd-question-pane {
    padding: 18px max(16px, env(safe-area-inset-left)) calc(108px + env(safe-area-inset-bottom))
      max(16px, env(safe-area-inset-right));
  }
}

@media (prefers-reduced-motion: reduce) {
  .mobile-reading-view-switcher,
  .mobile-reading-view-switcher * {
    scroll-behavior: auto !important;
    transition: none !important;
  }
}