/* V25 reader experience: clear loading notice, two access choices, and PDF-first paint */
.book-loading-notice {
  display: flex;
  align-items: center;
  gap: 13px;
  width: 100%;
  margin: 16px 0;
  padding: 15px 17px;
  border: 1px solid rgba(119, 231, 255, .72);
  border-radius: 17px;
  background: linear-gradient(112deg, rgba(10, 119, 147, .88), rgba(69, 47, 135, .94) 55%, rgba(115, 49, 98, .91));
  color: #fff;
  box-shadow: 0 12px 34px rgba(20, 133, 169, .22), inset 0 1px rgba(255,255,255,.18), 0 0 0 1px rgba(183,244,255,.08);
}
.book-loading-notice[hidden] { display: none !important; }
.book-loading-notice-icon {
  flex: 0 0 38px;
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255, 226, 154, .72);
  border-radius: 12px;
  background: linear-gradient(145deg, rgba(255, 226, 154, .27), rgba(255,255,255,.09));
  color: #ffe39a;
  font-size: 23px;
  box-shadow: 0 0 20px rgba(255, 221, 139, .16);
}
.book-loading-notice strong,
.book-loading-notice small { display: block; }
.book-loading-notice strong { color: #fff0b5; font-size: .98rem; font-weight: 900; line-height: 1.8; }
.book-loading-notice small { margin-top: 3px; color: #f2faff; font-size: .82rem; line-height: 1.9; }
#quiz-result .book-loading-notice { margin: 16px 0 18px; }
#reader-ready-panel .book-loading-notice { flex-basis: 100%; margin: 2px 0 5px; }
.reader-new-tab-link { border-color: rgba(126, 222, 244, .58) !important; background: linear-gradient(125deg, rgba(35, 114, 153, .28), rgba(88, 53, 133, .30)) !important; }
.reader-new-tab-link:hover { border-color: rgba(160, 240, 255, .9) !important; box-shadow: 0 9px 24px rgba(46, 158, 194, .18); }
#quiz-result .result-actions .reader-new-tab-link[hidden],
#reader-ready-panel .reader-new-tab-link[hidden] { display: none !important; }
.reader-pdf-frame { contain: content; background: #fff; }
#reader-loading { min-height: 52px; padding: 12px 14px; border: 1px solid rgba(122, 224, 246, .32); border-radius: 12px; background: linear-gradient(105deg, rgba(17, 91, 113, .25), rgba(66, 44, 105, .28)); }
@media (max-width: 680px) {
  .book-loading-notice { align-items: flex-start; gap: 10px; padding: 13px 12px; border-radius: 14px; }
  .book-loading-notice-icon { flex-basis: 34px; width: 34px; height: 34px; font-size: 20px; }
  .book-loading-notice strong { font-size: .9rem; }
  .book-loading-notice small { font-size: .76rem; }
  #quiz-result .result-actions .btn,
  #reader-ready-panel .btn { width: 100%; justify-content: center; }
}