/**
 * Fixed-layout book base pipeline (?bookLayout=fixed).
 * Tokens, scaler shell, page-design-root structure, legacy guards, typography reset.
 * Visual polish: obscure-library-book-fixed-authoritative.css (single final layer).
 * qa001–qa013: inner fixed 380×520 canvas when ?bookLayout=fixed.
 */

/* ── Shared fixed design tokens (logical page 380×520) ── */
.book-stage--layout-fixed {
  --book-fixed-page-w: 380px;
  --book-fixed-page-h: 520px;
  --book-fixed-pad-x: 32px;
  --book-fixed-pad-top: 38px;
  --book-fixed-pad-bottom: 48px;
  --book-fixed-content-w: 316px;
  --book-fixed-content-h: 434px;
  --book-fixed-illus-soft-mask: radial-gradient(ellipse 90% 86% at 50% 50%, #000 58%, transparent 100%);
  --book-fixed-font-question: 19px;
  --book-fixed-lh-question: 1.35;
  --book-fixed-font-label: 14px;
  --book-fixed-lh-label: 1.45;
  --book-fixed-font-body: 20px;
  --book-fixed-lh-body: 1.6;
  --book-fixed-font-answer: 17px;
  --book-fixed-lh-answer: 1.55;
  --book-fixed-font-ayah: 20px;
  --book-fixed-lh-ayah: 1.78;
  --book-fixed-font-translation: 17px;
  --book-fixed-lh-translation: 1.52;
  --book-fixed-font-source: 14px;
  --book-fixed-lh-source: 1.45;
  --book-fixed-font-page-num: 13px;
  /* Page number anchor inside 380×520 design-root (not pad-x, not vw) */
  --book-fixed-page-num-bottom: 18px;
  --book-fixed-page-num-inset-x: 20px;
  --book-fixed-illus-safe-bottom: 28px;
  --book-fixed-gap-block: 14px;
  --book-fixed-gap-answer: 10px;
  --book-fixed-gap-source: 8px;
  --book-fixed-scroll-indicator-gap: 6px;
  --book-fixed-color-text: #2a1c0e;
  --book-fixed-color-ayah: #2a1a0a;
  --book-fixed-color-label: rgba(201, 168, 76, 0.72);
  --book-fixed-color-source: rgba(42, 28, 14, 0.88);
  --book-fixed-source-icon: 18px;
  /* Hadith: fill-then-scroll flex (exercise auto, answer flex-fill) */
  --book-fixed-hadith-divider-w: 220px;
  --book-fixed-hadith-row-exercise: 204px;
  --book-fixed-hadith-row-divider: 44px;
  --book-fixed-hadith-row-answer: 186px;
  --book-fixed-font-hadith-title: 18px;
  --book-fixed-lh-hadith-title: 1.35;
  --book-fixed-font-hadith-prompt: 17px;
  --book-fixed-lh-hadith-prompt: 1.6;
  --book-fixed-font-hadith-answer: 17px;
  --book-fixed-lh-hadith-answer: 1.6;
  --book-fixed-font-hadith-source: 13px;
  --book-fixed-lh-hadith-source: 1.45;
  --book-fixed-hadith-input-w: 152px;
  --book-fixed-hadith-input-h: 32px;
  --book-fixed-hadith-gap-title: 8px;
  --book-fixed-hadith-gap-actions: 6px;
  --book-fixed-hadith-gap-heading: 4px;
  --book-fixed-hadith-completed-pad-y: 16px;
  --book-fixed-hadith-completed-pad-x: 18px;
  /* Quran / answer-list: text row flex-fill, illustration row fixed */
  --book-fixed-quran-row-content: 260px;
  --book-fixed-quran-row-image: 174px;
  --book-fixed-answerlist-row-content: 269px;
  --book-fixed-answerlist-row-image: 165px;
  --book-fixed-font-list: 18px;
  --book-fixed-lh-list: 1.55;
  --book-fixed-gap-list: 9px;
  --book-fixed-list-marker: 8px;
  --book-fixed-list-marker-gap: 8px;
  --book-fixed-answerlist-gap-block: 12px;
  --book-fixed-allah-row-content: 269px;
  --book-fixed-allah-row-icon: 165px;
  --book-fixed-allah-icon-w: 112px;
  --book-fixed-page10-row-content: 270px;
  --book-fixed-page10-row-image: 164px;
}

/* ── Scaler shell (host-level, not per-page) ── */
.book-stage--layout-fixed .book-flip-scale-slot {
  grid-row: 1;
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  box-sizing: border-box;
}

.book-stage--layout-fixed .book-flip-scale-wrap {
  flex: 0 0 auto;
  transform-origin: center center;
  will-change: transform;
}

.book-stage--layout-fixed .book-flip-scale-wrap > .stpageflip-host,
.book-stage--layout-fixed .book-flip-scale-wrap > .stpageflip-host.stf__parent {
  width: auto !important;
  max-width: none !important;
  min-height: 0;
}

/* ── Stage A: inner page scaling (qa013 prototype) ── */
.book-stage--layout-fixed .book-page--inner-scale.obscure-page--content {
  padding: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.book-stage--layout-fixed .page-inner-scale-slot {
  flex: 1 1 auto;
  width: 100%;
  height: 100%;
  min-height: 0;
  min-width: 0;
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
.book-stage--layout-fixed .page-design-root {
  flex: 0 0 auto;
  transform-origin: center center;
  will-change: transform;
  box-sizing: border-box;
}


/* ── qa013 fixed shell ── */
.book-stage--layout-fixed .book-page--fixed-shell.obscure-page--content {
  padding: 0;
  overflow: hidden;
}

.page-design-root--qa013 {
  position: relative;
  width: var(--book-fixed-page-w);
  height: var(--book-fixed-page-h);
  box-sizing: border-box;
  padding:
    var(--book-fixed-pad-top)
    var(--book-fixed-pad-x)
    var(--book-fixed-pad-bottom);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.page-design-root--qa013 .page-design-root__layout {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  max-width: var(--book-fixed-content-w);
}

.page-design-root--qa013 .qa-text-content {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: var(--book-fixed-content-w);
}

.page-design-root--qa013 .question-block {
  flex: 0 0 auto;
  width: 100%;
  max-width: var(--book-fixed-content-w);
}

.page-design-root--qa013 .book-fixed-answer-block,
.page-design-root--quran .book-fixed-answer-block,
.page-design-root--allah .book-fixed-answer-block,
.page-design-root--mechet .book-fixed-answer-block,
.page-design-root--page10 .book-fixed-answer-block,
.page-design-root--qa-standard .book-fixed-answer-block {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  margin-top: var(--book-fixed-gap-block);
  width: 100%;
  max-width: var(--book-fixed-content-w);
}

.page-design-root--qa013 .book-fixed-answer-heading,
.page-design-root--quran .book-fixed-answer-heading,
.page-design-root--allah .book-fixed-answer-heading,
.page-design-root--mechet .book-fixed-answer-heading,
.page-design-root--page10 .book-fixed-answer-heading,
.page-design-root--qa-standard .book-fixed-answer-heading {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--book-fixed-scroll-indicator-gap);
  margin-bottom: var(--book-fixed-gap-answer);
}

.page-design-root--qa013 .book-fixed-answer-heading .answer-label,
.page-design-root--quran .book-fixed-answer-heading .answer-label,
.page-design-root--allah .book-fixed-answer-heading .answer-label,
.page-design-root--mechet .book-fixed-answer-heading .answer-label,
.page-design-root--page10 .book-fixed-answer-heading .answer-label,
.page-design-root--qa-standard .book-fixed-answer-heading .answer-label {
  margin: 0;
}

.page-design-root--qa013 .book-fixed-scroll,
.page-design-root--quran .book-fixed-scroll,
.page-design-root--allah .book-fixed-scroll,
.page-design-root--mechet .book-fixed-scroll,
.page-design-root--page10 .book-fixed-scroll,
.page-design-root--qa-standard .book-fixed-scroll {
  flex: 1 1 auto;
  min-height: 0;
  max-height: 100%;
  overflow-x: hidden;
  overflow-y: hidden;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
  width: 100%;
  max-width: var(--book-fixed-content-w);
}

.page-design-root--qa013 .book-fixed-scroll.is-scrollable,
.page-design-root--quran .book-fixed-scroll.is-scrollable,
.page-design-root--allah .book-fixed-scroll.is-scrollable,
.page-design-root--mechet .book-fixed-scroll.is-scrollable,
.page-design-root--page10 .book-fixed-scroll.is-scrollable,
.page-design-root--qa-standard .book-fixed-scroll.is-scrollable {
  overflow-y: auto;
}

.page-design-root--qa013 .book-fixed-scroll::-webkit-scrollbar,
.page-design-root--quran .book-fixed-scroll::-webkit-scrollbar,
.page-design-root--allah .book-fixed-scroll::-webkit-scrollbar,
.page-design-root--mechet .book-fixed-scroll::-webkit-scrollbar,
.page-design-root--page10 .book-fixed-scroll::-webkit-scrollbar,
.page-design-root--qa-standard .book-fixed-scroll::-webkit-scrollbar {
  display: none;
}

.page-design-root--qa013 .book-fixed-scroll-indicator[hidden],
.page-design-root--quran .book-fixed-scroll-indicator[hidden],
.page-design-root--allah .book-fixed-scroll-indicator[hidden],
.page-design-root--mechet .book-fixed-scroll-indicator[hidden],
.page-design-root--page10 .book-fixed-scroll-indicator[hidden],
.page-design-root--qa-standard .book-fixed-scroll-indicator[hidden] {
  display: none !important;
  pointer-events: none;
}

/* Fixed typography — design tokens only */
.book-stage--layout-fixed .page-design-root--qa013 .question-text,
.book-stage--layout-fixed .page-design-root--quran .question-text {
  font-family: 'IM Fell English', serif;
  font-size: var(--book-fixed-font-question);
  line-height: var(--book-fixed-lh-question);
  font-weight: 500;
  color: var(--book-fixed-color-text);
  margin: 0;
  word-break: normal;
  overflow-wrap: normal;
  hyphens: manual;
  text-wrap: wrap;
}

.book-stage--layout-fixed .page-design-root--qa013 .answer-label,
.book-stage--layout-fixed .page-design-root--quran .answer-label {
  display: block;
  font-family: 'Cormorant Garamond', serif;
  font-size: var(--book-fixed-font-label);
  font-weight: 600;
  line-height: var(--book-fixed-lh-label);
  color: var(--book-fixed-color-label);
}

.book-stage--layout-fixed .page-design-root--qa013 .answer-text,
.book-stage--layout-fixed .page-design-root--quran .answer-text {
  font-family: 'Cormorant Garamond', serif;
  font-size: var(--book-fixed-font-body);
  line-height: var(--book-fixed-lh-body);
  font-weight: 400;
  color: var(--book-fixed-color-text);
}

.book-stage--layout-fixed .page-design-root--qa013 .qa-quran-answer,
.book-stage--layout-fixed .page-design-root--quran .qa-quran-answer {
  display: flex;
  flex-direction: column;
  gap: var(--book-fixed-gap-answer);
}

.book-stage--layout-fixed .page-design-root--qa013 .qa-quran-answer-intro,
.book-stage--layout-fixed .page-design-root--quran .qa-quran-answer-intro {
  margin: 0;
  font-size: var(--book-fixed-font-body);
  line-height: var(--book-fixed-lh-body);
  color: var(--book-fixed-color-text);
}

.book-stage--layout-fixed .page-design-root--qa013 .qa-quran-ayah,
.book-stage--layout-fixed .page-design-root--quran .qa-quran-ayah {
  margin: 0;
  padding: var(--book-fixed-gap-answer) 4px;
  font-family: "Amiri", "Noto Naskh Arabic", serif;
  font-size: var(--book-fixed-font-ayah);
  line-height: var(--book-fixed-lh-ayah);
  font-weight: 600;
  color: var(--book-fixed-color-ayah);
  text-align: center;
  direction: rtl;
  unicode-bidi: isolate;
  word-break: normal;
  overflow-wrap: normal;
  white-space: normal;
}

.book-stage--layout-fixed .page-design-root--qa013 .qa-quran-ayah-translation,
.book-stage--layout-fixed .page-design-root--quran .qa-quran-ayah-translation {
  margin: 0;
  font-size: var(--book-fixed-font-translation);
  line-height: var(--book-fixed-lh-translation);
  font-style: italic;
  font-weight: 500;
  color: var(--book-fixed-color-text);
  text-align: center;
  position: relative;
  padding-bottom: var(--book-fixed-gap-answer);
}

.book-stage--layout-fixed .page-design-root--qa013 .qa-quran-ayah-translation::after,
.book-stage--layout-fixed .page-design-root--quran .qa-quran-ayah-translation::after {
  content: '';
  position: absolute;
  left: 10%;
  right: 10%;
  bottom: 0;
  height: 1px;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(201, 168, 76, 0.14) 14%,
    rgba(201, 168, 76, 0.36) 50%,
    rgba(201, 168, 76, 0.14) 86%,
    transparent 100%
  );
  pointer-events: none;
}

.book-stage--layout-fixed .page-design-root--qa013 .qa-quran-source,
.book-stage--layout-fixed .page-design-root--quran .qa-quran-source {
  display: flex;
  align-items: center;
  gap: var(--book-fixed-gap-source);
  margin-top: 2px;
  align-self: flex-end;
  margin-right: 12px;
  margin-left: auto;
  max-width: calc(var(--book-fixed-content-w) - 12px);
}

.book-stage--layout-fixed .page-design-root--qa013 .qa-quran-source__icon,
.book-stage--layout-fixed .page-design-root--quran .qa-quran-source__icon {
  width: var(--book-fixed-source-icon);
  height: var(--book-fixed-source-icon);
}

.book-stage--layout-fixed .page-design-root--qa013 .qa-quran-source__text,
.book-stage--layout-fixed .page-design-root--quran .qa-quran-source__text {
  font-size: var(--book-fixed-font-source);
  line-height: var(--book-fixed-lh-source);
  color: var(--book-fixed-color-source);
}

.book-stage--layout-fixed .page-design-root--qa013 .page-number {
  position: absolute;
  bottom: 16px;
  font-size: var(--book-fixed-font-page-num);
  line-height: 1;
  margin: 0;
}

.obscure-page--content.page-sheet--left.book-page--fixed-shell .page-design-root--qa013 .page-number {
  left: var(--book-fixed-pad-x);
  right: auto;
}

.obscure-page--content.page-sheet--right.book-page--fixed-shell .page-design-root--qa013 .page-number {
  right: var(--book-fixed-pad-x);
  left: auto;
}

/* qa013: remove ~16px scroll-box spacing artifact (typography unchanged) */
.page-design-root--qa013 .book-fixed-answer-heading {
  margin-bottom: 4px;
}

.book-stage--layout-fixed .page-design-root--qa013 .qa-quran-answer {
  gap: 8px;
}

.book-stage--layout-fixed .page-design-root--qa013 .qa-quran-ayah-translation {
  padding-bottom: 4px;
}

.book-stage--layout-fixed .page-design-root--qa013 .qa-quran-source {
  margin-top: 0;
}

/* Block legacy quran/mechet/mobile rules from leaking into fixed qa013 */
.book-stage--layout-fixed .page-design-root--qa013 .qa-page-layout--quran,
.book-stage--layout-fixed .page-design-root--qa013 .qa-page-layout--mechet,
.book-stage--layout-fixed .page-design-root--qa013 .qa-page-layout--page13 {
  /* layout modifiers omitted in fixed HTML; guard only */
}

/* ── Hadith fixed canvas (qa004, qa009, qa012) ── */
.page-design-root--hadith {
  position: relative;
  width: var(--book-fixed-page-w);
  height: var(--book-fixed-page-h);
  box-sizing: border-box;
  padding:
    var(--book-fixed-pad-top)
    var(--book-fixed-pad-x)
    var(--book-fixed-pad-bottom);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.page-design-root--hadith .page-design-root__layout,
.page-design-root--hadith .qa-page-layout--hadith {
  width: 100%;
  max-width: var(--book-fixed-content-w);
  height: var(--book-fixed-content-h);
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  container-type: normal;
}

.page-design-root--hadith .qa-hadith-exercise-zone {
  flex: 0 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.page-design-root--hadith .qa-hadith-exercise-zone .qa-hadith-completion {
  display: flex;
  flex-direction: column;
  min-height: 0;
  flex: 0 1 auto;
  overflow: hidden;
}

.page-design-root--hadith .qa-hadith-spacer {
  flex: 0 0 auto;
  min-height: 0;
  overflow: hidden;
}

.page-design-root--hadith .qa-hadith-spacer .book-preface-divider {
  margin: 0;
  width: var(--book-fixed-hadith-divider-w);
}

.page-design-root--hadith .qa-hadith-answer-zone {
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.page-design-root--hadith .qa-hadith-answer-heading {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--book-fixed-scroll-indicator-gap);
  margin-bottom: var(--book-fixed-hadith-gap-heading);
}

.page-design-root--hadith .qa-hadith-answer-zone .answer-label {
  flex: 0 0 auto;
  margin: 0;
}

.page-design-root--hadith .qa-hadith-answer-scroll {
  flex: 1 1 auto;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.page-design-root--hadith .qa-hadith-answer-scroll.is-scrollable {
  overflow-y: auto;
}

.page-design-root--hadith .qa-hadith-answer-scroll::-webkit-scrollbar {
  display: none;
}

/* Edit view */
.book-stage--layout-fixed .page-design-root--hadith .qa-hadith-completion__title {
  flex: 0 0 auto;
  display: block;
  font-family: 'IM Fell English', serif;
  font-size: var(--book-fixed-font-hadith-title);
  line-height: var(--book-fixed-lh-hadith-title);
  font-weight: 500;
  color: var(--book-fixed-color-text);
  margin: 0 0 var(--book-fixed-hadith-gap-title);
  word-break: normal;
  overflow-wrap: normal;
}

.book-stage--layout-fixed .page-design-root--hadith .qa-hadith-completion__stage {
  flex: 0 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.book-stage--layout-fixed .page-design-root--hadith .qa-hadith-completion__edit-view {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.book-stage--layout-fixed .page-design-root--hadith .qa-hadith-prompt-text,
.book-stage--layout-fixed .page-design-root--hadith .qa-hadith-completion__prompt {
  font-family: 'Cormorant Garamond', serif;
  font-size: var(--book-fixed-font-hadith-prompt);
  line-height: var(--book-fixed-lh-hadith-prompt);
  font-weight: 400;
  color: var(--book-fixed-color-text);
  word-break: normal;
  overflow-wrap: normal;
}

.book-stage--layout-fixed .page-design-root--hadith .qa-hadith-input {
  display: inline-block;
  vertical-align: baseline;
  width: var(--book-fixed-hadith-input-w);
  min-width: var(--book-fixed-hadith-input-w);
  max-width: var(--book-fixed-hadith-input-w);
  height: var(--book-fixed-hadith-input-h);
  margin: 0;
  padding: 0 6px;
  box-sizing: border-box;
  border: 1px solid rgba(201, 168, 76, 0.42);
  border-radius: 4px;
  background: rgba(255, 248, 232, 0.72);
  color: #1a1208;
  font-family: inherit;
  font-size: var(--book-fixed-font-hadith-prompt);
  font-weight: inherit;
  line-height: normal;
  flex: 0 0 auto;
  resize: none;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  touch-action: manipulation;
  user-select: text;
  -webkit-user-select: text;
  cursor: text;
}

.book-stage--layout-fixed .page-design-root--hadith .qa-hadith-input:focus {
  outline: none;
  border-color: rgba(201, 168, 76, 0.72);
  box-shadow: 0 0 0 2px rgba(201, 168, 76, 0.14);
}

.book-stage--layout-fixed .page-design-root--hadith .qa-hadith-completion__actions--below {
  flex: 0 0 auto;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 6px;
  width: 100%;
  box-sizing: border-box;
  margin-top: var(--book-fixed-hadith-gap-actions);
}

.book-stage--layout-fixed .page-design-root--hadith .qa-hadith-confirm,
.book-stage--layout-fixed .page-design-root--hadith .qa-hadith-edit {
  width: 26px;
  height: 26px;
  font-size: 13px;
}

.book-stage--layout-fixed .page-design-root--hadith .qa-hadith-completion__result-view {
  display: none;
}

.book-stage--layout-fixed .page-design-root--hadith .qa-hadith-completion[data-state="filled"] .qa-hadith-completion__stage {
  display: none;
}

.book-stage--layout-fixed .page-design-root--hadith .qa-hadith-completion[data-state="editing"] .qa-hadith-completion__result-view {
  display: none;
}

.book-stage--layout-fixed .page-design-root--hadith .qa-hadith-completion__prompt {
  display: inline;
}

.book-stage--layout-fixed .page-design-root--hadith .qa-hadith-prompt-text {
  display: block;
  flex: 0 1 auto;
  min-height: 0;
  overflow: visible;
}

.book-stage--layout-fixed .page-design-root--hadith .qa-hadith-input::placeholder {
  font-size: 0.72em;
  font-weight: 400;
  color: rgba(42, 28, 14, 0.42);
  opacity: 1;
}

/* Result view — decorative frame + local scroll (unchanged structure) */
.book-stage--layout-fixed .page-design-root--hadith .qa-hadith-completion[data-state="filled"] .qa-hadith-completion__result-view {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.book-stage--layout-fixed .page-design-root--hadith .qa-hadith-completed-wrap {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.book-stage--layout-fixed .page-design-root--hadith .qa-hadith-completed-frame__scroll-controls {
  flex: 0 0 auto;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  margin: 0 0 2px;
  padding: 0 2px;
  box-sizing: border-box;
}

.book-stage--layout-fixed .page-design-root--hadith .qa-hadith-completed-frame {
  flex: 1 1 auto;
  max-height: none;
  min-height: 0;
  overflow: hidden;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  border: 1px solid rgba(201, 168, 76, 0.72);
  border-radius: 0;
  background: rgba(255, 248, 232, 0.92);
  box-shadow:
    0 0 10px rgba(201, 168, 76, 0.16),
    inset 0 0 0 1px rgba(255, 252, 240, 0.55),
    inset 0 0 18px rgba(201, 168, 76, 0.06);
}

.book-stage--layout-fixed .page-design-root--hadith .qa-hadith-completed-frame.qa-hadith-completion__frame {
  font-family: 'Cormorant Garamond', serif;
  font-size: var(--book-fixed-font-hadith-prompt);
  line-height: var(--book-fixed-lh-hadith-prompt);
  font-weight: 400;
  color: var(--book-fixed-color-text);
  padding: 0;
}

.book-stage--layout-fixed .page-design-root--hadith .qa-hadith-completed-scroll {
  flex: 1 1 auto;
  min-height: 0;
  height: auto;
  max-height: none;
  overflow-y: hidden;
  overflow-x: hidden;
  padding:
    var(--book-fixed-hadith-completed-pad-y)
    var(--book-fixed-hadith-completed-pad-x);
  box-sizing: border-box;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.book-stage--layout-fixed .page-design-root--hadith .qa-hadith-completed-scroll.is-scrollable {
  overflow-y: auto;
}

.book-stage--layout-fixed .page-design-root--hadith .qa-hadith-completed-scroll::-webkit-scrollbar {
  display: none;
}

.book-stage--layout-fixed .page-design-root--hadith .qa-hadith-completed-actions {
  flex: 0 0 auto;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 6px;
  width: 100%;
  box-sizing: border-box;
  margin-top: 6px;
}

.book-stage--layout-fixed .page-design-root--hadith .qa-hadith-frame__prompt,
.book-stage--layout-fixed .page-design-root--hadith .qa-hadith-frame__user,
.book-stage--layout-fixed .page-design-root--hadith .qa-hadith-frame__suffix {
  display: inline;
  word-break: normal;
  overflow-wrap: normal;
}

.page-design-root--hadith .qa-hadith-scroll-indicator {
  flex: 0 0 auto;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  margin: 0;
  padding: 2px 4px;
  border: none;
  background: transparent;
  cursor: pointer;
  touch-action: manipulation;
}

.page-design-root--hadith .qa-hadith-completed-scroll-indicator[hidden],
.page-design-root--hadith .qa-hadith-answer-scroll-indicator[hidden] {
  display: none !important;
  pointer-events: none;
}

.book-stage--layout-fixed .page-design-root--hadith .qa-hadith-corner {
  position: absolute;
  width: 24px;
  height: 24px;
  pointer-events: none;
  z-index: 2;
  opacity: 0.82;
  background-repeat: no-repeat;
  background-size: 24px 24px;
}

.book-stage--layout-fixed .page-design-root--hadith .qa-hadith-corner--tl {
  top: 3px;
  left: 3px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Cg fill='none' stroke='%23c9a84c' stroke-width='0.55' opacity='0.9'%3E%3Cpath d='M1 26V10Q1 1 10 1'/%3E%3Cpath d='M4 23V14Q4 4 14 4'/%3E%3Cpath d='M1 18L16 3'/%3E%3Cpath d='M7 1L1 7'/%3E%3C/g%3E%3Cg fill='%23c9a84c' opacity='0.45'%3E%3Cpath d='M7 7l0.8 1.6 1.7 0.8-1.7 0.8-0.8 1.7-0.8-1.7-1.7-0.8z'/%3E%3C/g%3E%3C/svg%3E");
}

.book-stage--layout-fixed .page-design-root--hadith .qa-hadith-corner--tr {
  top: 3px;
  right: 3px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Cg fill='none' stroke='%23c9a84c' stroke-width='0.55' opacity='0.9' transform='scale(-1,1) translate(-28,0)'%3E%3Cpath d='M1 26V10Q1 1 10 1'/%3E%3Cpath d='M4 23V14Q4 4 14 4'/%3E%3Cpath d='M1 18L16 3'/%3E%3Cpath d='M7 1L1 7'/%3E%3C/g%3E%3Cg fill='%23c9a84c' opacity='0.45' transform='scale(-1,1) translate(-28,0)'%3E%3Cpath d='M7 7l0.8 1.6 1.7 0.8-1.7 0.8-0.8 1.7-0.8-1.7-1.7-0.8z'/%3E%3C/g%3E%3C/svg%3E");
}

.book-stage--layout-fixed .page-design-root--hadith .qa-hadith-corner--bl {
  bottom: 3px;
  left: 3px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Cg fill='none' stroke='%23c9a84c' stroke-width='0.55' opacity='0.9' transform='scale(1,-1) translate(0,-28)'%3E%3Cpath d='M1 26V10Q1 1 10 1'/%3E%3Cpath d='M4 23V14Q4 4 14 4'/%3E%3Cpath d='M1 18L16 3'/%3E%3Cpath d='M7 1L1 7'/%3E%3C/g%3E%3Cg fill='%23c9a84c' opacity='0.45' transform='scale(1,-1) translate(0,-28)'%3E%3Cpath d='M7 7l0.8 1.6 1.7 0.8-1.7 0.8-0.8 1.7-0.8-1.7-1.7-0.8z'/%3E%3C/g%3E%3C/svg%3E");
}

.book-stage--layout-fixed .page-design-root--hadith .qa-hadith-corner--br {
  bottom: 3px;
  right: 3px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Cg fill='none' stroke='%23c9a84c' stroke-width='0.55' opacity='0.9' transform='scale(-1,-1) translate(-28,-28)'%3E%3Cpath d='M1 26V10Q1 1 10 1'/%3E%3Cpath d='M4 23V14Q4 4 14 4'/%3E%3Cpath d='M1 18L16 3'/%3E%3Cpath d='M7 1L1 7'/%3E%3C/g%3E%3Cg fill='%23c9a84c' opacity='0.45' transform='scale(-1,-1) translate(-28,-28)'%3E%3Cpath d='M7 7l0.8 1.6 1.7 0.8-1.7 0.8-0.8 1.7-0.8-1.7-1.7-0.8z'/%3E%3C/g%3E%3C/svg%3E");
}

/* Answer body typography */
.book-stage--layout-fixed .page-design-root--hadith .answer-label {
  font-family: 'Cormorant Garamond', serif;
  font-size: var(--book-fixed-font-label);
  font-weight: 600;
  line-height: var(--book-fixed-lh-label);
  color: var(--book-fixed-color-label);
}

.book-stage--layout-fixed .page-design-root--hadith .qa-hadith-answer-scroll,
.book-stage--layout-fixed .page-design-root--hadith .qa-hadith-answer-scroll .answer-text {
  font-family: 'Cormorant Garamond', serif;
  font-size: var(--book-fixed-font-hadith-answer);
  line-height: var(--book-fixed-lh-hadith-answer);
  color: var(--book-fixed-color-text);
}

.book-stage--layout-fixed .page-design-root--hadith .qa-hadith-answer-body {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.book-stage--layout-fixed .page-design-root--hadith .qa-hadith-answer-intro {
  margin: 0;
  font-size: inherit;
  line-height: inherit;
}

.book-stage--layout-fixed .page-design-root--hadith .qa-hadith-answer-quote {
  margin: 0;
  padding: 7px 8px;
  padding-left: 10px;
  border-left: 2px solid rgba(201, 168, 76, 0.84);
  box-shadow: inset 2px 0 10px rgba(201, 168, 76, 0.12);
  background: rgba(255, 250, 238, 0.42);
  font-size: 17px;
  line-height: 1.52;
  font-weight: 500;
  font-style: normal;
  color: #24180c;
}

.book-stage--layout-fixed .page-design-root--hadith .qa-hadith-answer-source {
  display: flex;
  align-items: flex-start;
  gap: 6px;
  margin-top: 0;
  padding: 6px 6px 0;
  border-top: 1px solid rgba(201, 168, 76, 0.22);
}

.book-stage--layout-fixed .page-design-root--hadith .qa-hadith-answer-source__text {
  font-size: var(--book-fixed-font-hadith-source);
  line-height: var(--book-fixed-lh-hadith-source);
  color: rgba(42, 28, 14, 0.86);
}

.book-stage--layout-fixed .page-design-root--hadith .page-number {
  position: absolute;
  bottom: 11px;
  font-size: var(--book-fixed-font-page-num);
  line-height: 1;
  margin: 0;
}

.obscure-page--content.page-sheet--left.book-page--fixed-shell .page-design-root--hadith .page-number {
  left: var(--book-fixed-pad-x);
  right: auto;
}

.obscure-page--content.page-sheet--right.book-page--fixed-shell .page-design-root--hadith .page-number {
  right: var(--book-fixed-pad-x);
  left: auto;
}

/* Block legacy hadith responsive rules from leaking into fixed canvas */
.book-stage--layout-fixed .page-design-root--hadith .qa-page-layout--hadith {
  /* fill-then-scroll flex replaces fixed 200/44/190 grid rows */
}

/* ── QA005 quran fixed canvas (text + illustration) ── */
.page-design-root--quran {
  position: relative;
  width: var(--book-fixed-page-w);
  height: var(--book-fixed-page-h);
  box-sizing: border-box;
  padding:
    var(--book-fixed-pad-top)
    var(--book-fixed-pad-x)
    var(--book-fixed-pad-bottom);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.page-design-root--quran .page-design-root__layout {
  width: 100%;
  max-width: var(--book-fixed-content-w);
  height: var(--book-fixed-content-h);
  min-height: 0;
  display: grid;
  grid-template-rows: minmax(0, 1fr) var(--book-fixed-quran-row-image);
  overflow: hidden;
  container-type: normal;
}

.page-design-root--quran .qa-text-content {
  grid-row: 1;
  min-height: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  width: 100%;
  max-width: var(--book-fixed-content-w);
}

.page-design-root--quran .question-block {
  flex: 0 0 auto;
  width: 100%;
  max-width: var(--book-fixed-content-w);
}

.page-design-root--quran .qa-mechet-zone {
  grid-row: 2;
  min-height: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-end;
  padding-bottom: 4px;
  box-sizing: border-box;
}

.page-design-root--quran .qa-mechet-zone--page5 {
  margin: 0;
  padding-top: 0;
}

.page-design-root--quran .qa-mechet-zone--page5 .qa-mechet-image {
  flex: 1 1 auto;
  width: 100%;
  height: 100%;
  min-height: 0;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  object-position: center center;
}

.book-stage--layout-fixed .page-design-root--quran .page-number {
  position: absolute;
  bottom: 16px;
  font-size: var(--book-fixed-font-page-num);
  line-height: 1;
  margin: 0;
}

.obscure-page--content.page-sheet--left.book-page--fixed-shell .page-design-root--quran .page-number {
  left: var(--book-fixed-pad-x);
  right: auto;
}

.obscure-page--content.page-sheet--right.book-page--fixed-shell .page-design-root--quran .page-number {
  right: var(--book-fixed-pad-x);
  left: auto;
}

/* ── QA007 answer-list fixed canvas (list + illustration) ── */
.page-design-root--answer-list {
  position: relative;
  width: var(--book-fixed-page-w);
  height: var(--book-fixed-page-h);
  box-sizing: border-box;
  padding:
    var(--book-fixed-pad-top)
    var(--book-fixed-pad-x)
    var(--book-fixed-pad-bottom);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.page-design-root--answer-list .page-design-root__layout,
.page-design-root--answer-list .qa-page-layout--answer-list {
  width: 100%;
  max-width: var(--book-fixed-content-w);
  height: var(--book-fixed-content-h);
  min-height: 0;
  display: grid;
  grid-template-rows: minmax(0, 1fr) var(--book-fixed-answerlist-row-image);
  overflow: hidden;
  container-type: normal;
}

.page-design-root--answer-list .qa-text-content {
  grid-row: 1;
  min-height: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  width: 100%;
  max-width: var(--book-fixed-content-w);
}

.page-design-root--answer-list .question-block {
  flex: 0 0 auto;
  width: 100%;
  max-width: var(--book-fixed-content-w);
}

.page-design-root--answer-list .answer-block {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  margin-top: var(--book-fixed-answerlist-gap-block);
  padding-bottom: 0;
  width: 100%;
  max-width: var(--book-fixed-content-w);
}

.page-design-root--answer-list .qa-answer-list-heading {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--book-fixed-scroll-indicator-gap);
  margin-bottom: 4px;
}

.page-design-root--answer-list .qa-answer-list-heading .answer-label {
  flex: 0 0 auto;
  margin: 0;
}

.page-design-root--answer-list .qa-answer-list-scroll {
  flex: 1 1 auto;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.page-design-root--answer-list .qa-answer-list-scroll.is-scrollable {
  overflow-y: auto;
}

.page-design-root--answer-list .qa-answer-list-scroll::-webkit-scrollbar {
  display: none;
}

.page-design-root--answer-list .qa-hadith-scroll-indicator,
.page-design-root--answer-list .qa-answer-list-scroll-indicator {
  flex: 0 0 auto;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  margin: 0;
  padding: 2px 4px;
  border: none;
  background: transparent;
  cursor: pointer;
  touch-action: manipulation;
}

.page-design-root--answer-list .qa-answer-list-scroll-indicator[hidden] {
  display: none !important;
  pointer-events: none;
}

.page-design-root--answer-list .qa-mechet-zone {
  grid-row: 2;
  min-height: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding-bottom: 6px;
  box-sizing: border-box;
}

.page-design-root--answer-list .qa-mechet-zone--page7 {
  margin: 0;
  padding-top: 0;
}

.page-design-root--answer-list .qa-mechet-zone--page7 .qa-mechet-image {
  flex: 1 1 auto;
  width: 100%;
  height: 100%;
  min-height: 0;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  object-position: center bottom;
}

.book-stage--layout-fixed .page-design-root--answer-list .question-text {
  font-family: 'IM Fell English', serif;
  font-size: var(--book-fixed-font-question);
  line-height: var(--book-fixed-lh-question);
  font-weight: 500;
  color: var(--book-fixed-color-text);
  margin: 0;
  word-break: normal;
  overflow-wrap: normal;
  hyphens: manual;
  text-wrap: wrap;
}

.book-stage--layout-fixed .page-design-root--answer-list .answer-label {
  font-family: 'Cormorant Garamond', serif;
  font-size: var(--book-fixed-font-label);
  font-weight: 600;
  line-height: var(--book-fixed-lh-label);
  color: var(--book-fixed-color-label);
}

.book-stage--layout-fixed .page-design-root--answer-list .answer-text,
.book-stage--layout-fixed .page-design-root--answer-list .qa-answer-list__text {
  font-family: 'Cormorant Garamond', serif;
  font-size: var(--book-fixed-font-list);
  line-height: var(--book-fixed-lh-list);
  font-weight: 400;
  color: var(--book-fixed-color-text);
  word-break: normal;
  overflow-wrap: normal;
  hyphens: manual;
  text-wrap: wrap;
}

.book-stage--layout-fixed .page-design-root--answer-list .qa-answer-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--book-fixed-gap-list);
}

.book-stage--layout-fixed .page-design-root--answer-list .qa-answer-list__item {
  display: flex;
  align-items: flex-start;
  gap: var(--book-fixed-list-marker-gap);
  min-width: 0;
}

.book-stage--layout-fixed .page-design-root--answer-list .qa-answer-list__marker {
  flex: 0 0 auto;
  width: var(--book-fixed-list-marker);
  height: var(--book-fixed-list-marker);
  margin-top: 0.44em;
}

.book-stage--layout-fixed .page-design-root--answer-list .qa-tawheed-term-link {
  display: inline;
  max-width: 100%;
  word-break: normal;
  overflow-wrap: normal;
  vertical-align: baseline;
}

.book-stage--layout-fixed .page-design-root--answer-list .page-number {
  position: absolute;
  bottom: 16px;
  font-size: var(--book-fixed-font-page-num);
  line-height: 1;
  margin: 0;
}

.obscure-page--content.page-sheet--left.book-page--fixed-shell .page-design-root--answer-list .page-number {
  left: var(--book-fixed-pad-x);
  right: auto;
}

.obscure-page--content.page-sheet--right.book-page--fixed-shell .page-design-root--answer-list .page-number {
  right: var(--book-fixed-pad-x);
  left: auto;
}

/* ── Shared standard Q&A typography (qa001, mechet, page10) ── */
.book-stage--layout-fixed .page-design-root--allah .question-text,
.book-stage--layout-fixed .page-design-root--mechet .question-text,
.book-stage--layout-fixed .page-design-root--page10 .question-text {
  font-family: 'IM Fell English', serif;
  font-size: var(--book-fixed-font-question);
  line-height: var(--book-fixed-lh-question);
  font-weight: 500;
  color: var(--book-fixed-color-text);
  margin: 0;
  word-break: normal;
  overflow-wrap: normal;
  hyphens: manual;
  text-wrap: wrap;
}

.book-stage--layout-fixed .page-design-root--allah .answer-label,
.book-stage--layout-fixed .page-design-root--mechet .answer-label,
.book-stage--layout-fixed .page-design-root--page10 .answer-label {
  font-family: 'Cormorant Garamond', serif;
  font-size: var(--book-fixed-font-label);
  font-weight: 600;
  line-height: var(--book-fixed-lh-label);
  color: var(--book-fixed-color-label);
}

.book-stage--layout-fixed .page-design-root--allah .answer-text,
.book-stage--layout-fixed .page-design-root--mechet .answer-text,
.book-stage--layout-fixed .page-design-root--page10 .answer-text {
  font-family: 'Cormorant Garamond', serif;
  font-size: var(--book-fixed-font-answer);
  line-height: var(--book-fixed-lh-answer);
  font-weight: 400;
  color: var(--book-fixed-color-text);
  word-break: normal;
  overflow-wrap: normal;
  hyphens: manual;
  text-wrap: wrap;
}

.book-stage--layout-fixed .page-design-root--mechet .qa-gold-shimmer-text,
.book-stage--layout-fixed .page-design-root--page10 .qa-gold-shimmer-text {
  display: inline;
  max-width: 100%;
  word-break: normal;
  overflow-wrap: normal;
}

/* ── QA001 Allah decoration fixed canvas ── */
.page-design-root--allah,
.page-design-root--mechet,
.page-design-root--page10 {
  position: relative;
  width: var(--book-fixed-page-w);
  height: var(--book-fixed-page-h);
  box-sizing: border-box;
  padding:
    var(--book-fixed-pad-top)
    var(--book-fixed-pad-x)
    var(--book-fixed-pad-bottom);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.page-design-root--allah .page-design-root__layout {
  width: 100%;
  max-width: var(--book-fixed-content-w);
  height: var(--book-fixed-content-h);
  min-height: 0;
  display: grid;
  grid-template-rows:
    var(--book-fixed-allah-row-content)
    var(--book-fixed-allah-row-icon);
  overflow: hidden;
  container-type: normal;
}

.page-design-root--allah .qa-text-content {
  grid-row: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  width: 100%;
  max-width: var(--book-fixed-content-w);
}

.page-design-root--allah .question-block {
  flex: 0 0 auto;
  width: 100%;
  max-width: var(--book-fixed-content-w);
}

.page-design-root--allah .page-allah-zone {
  grid-row: 2;
  min-height: 0;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 8px;
  padding-bottom: 32px;
  box-sizing: border-box;
  pointer-events: none;
}

.page-design-root--allah .page-allah-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  pointer-events: auto;
  perspective: 480px;
  transform-style: preserve-3d;
}

.page-design-root--allah .page-allah-icon__img {
  display: block;
  width: var(--book-fixed-allah-icon-w);
  height: auto;
  max-width: 72%;
  object-fit: contain;
}

/* ── QA002/003/006/008 mechet + Q&A fixed canvas ── */
.page-design-root--mechet .page-design-root__layout {
  width: 100%;
  max-width: var(--book-fixed-content-w);
  height: var(--book-fixed-content-h);
  min-height: 0;
  display: grid;
  grid-template-rows:
    var(--book-fixed-quran-row-content)
    var(--book-fixed-quran-row-image);
  overflow: hidden;
  container-type: normal;
}

.page-design-root--mechet .qa-text-content {
  grid-row: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  width: 100%;
  max-width: var(--book-fixed-content-w);
}

.page-design-root--mechet .question-block {
  flex: 0 0 auto;
  width: 100%;
  max-width: var(--book-fixed-content-w);
}

.page-design-root--mechet .qa-mechet-zone {
  grid-row: 2;
  min-height: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  padding:
    0
    4px
    8px;
  box-sizing: border-box;
}

.page-design-root--mechet .qa-mechet-image {
  flex: 1 1 auto;
  width: 100%;
  height: 100%;
  min-height: 0;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  object-position: center center;
}

.page-design-root--mechet .qa-mechet-zone--page8 .qa-mechet-image {
  object-position: center center;
}

/* ── Plain standard Q&A fixed canvas (fallback modifier) ── */
.page-design-root--qa-standard {
  position: relative;
  width: var(--book-fixed-page-w);
  height: var(--book-fixed-page-h);
  box-sizing: border-box;
}

.page-design-root--qa-standard {
  position: relative;
  width: var(--book-fixed-page-w);
  height: var(--book-fixed-page-h);
  box-sizing: border-box;
  padding:
    var(--book-fixed-pad-top)
    var(--book-fixed-pad-x)
    var(--book-fixed-pad-bottom);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.page-design-root--qa-standard .page-design-root__layout {
  width: 100%;
  max-width: var(--book-fixed-content-w);
  height: var(--book-fixed-content-h);
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  container-type: normal;
}

.page-design-root--qa-standard .qa-text-content {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  width: 100%;
  max-width: var(--book-fixed-content-w);
}

.page-design-root--qa-standard .question-block {
  flex: 0 0 auto;
  width: 100%;
  max-width: var(--book-fixed-content-w);
}

.book-stage--layout-fixed .page-design-root--qa-standard .page-number {
  position: absolute;
  bottom: 16px;
  font-size: var(--book-fixed-font-page-num);
  line-height: 1;
  margin: 0;
}

.obscure-page--content.page-sheet--left.book-page--fixed-shell .page-design-root--qa-standard .page-number {
  left: var(--book-fixed-pad-x);
  right: auto;
}

.obscure-page--content.page-sheet--right.book-page--fixed-shell .page-design-root--qa-standard .page-number {
  right: var(--book-fixed-pad-x);
  left: auto;
}

/* ── QA010/011 page10-image fixed canvas ── */
.page-design-root--page10 .page-design-root__layout {
  width: 100%;
  max-width: var(--book-fixed-content-w);
  height: var(--book-fixed-content-h);
  min-height: 0;
  display: grid;
  grid-template-rows:
    var(--book-fixed-page10-row-content)
    var(--book-fixed-page10-row-image);
  overflow: hidden;
  container-type: normal;
}

.page-design-root--page10 .qa-text-content {
  grid-row: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  width: 100%;
  max-width: var(--book-fixed-content-w);
}

.page-design-root--page10 .question-block {
  flex: 0 0 auto;
  width: 100%;
  max-width: var(--book-fixed-content-w);
}

.page-design-root--page10 .qa-page10-illustration-zone {
  grid-row: 2;
  min-height: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding:
    0
    4px
    10px;
  box-sizing: border-box;
}

.page-design-root--page10 .qa-page10-illustration {
  flex: 1 1 auto;
  width: 100%;
  height: 100%;
  min-height: 0;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  object-position: center center;
}

/* Page numbers — standard Q&A fixed canvases */
.book-stage--layout-fixed .page-design-root--allah .page-number,
.book-stage--layout-fixed .page-design-root--mechet .page-number,
.book-stage--layout-fixed .page-design-root--page10 .page-number {
  position: absolute;
  bottom: 16px;
  font-size: var(--book-fixed-font-page-num);
  line-height: 1;
  margin: 0;
}

.obscure-page--content.page-sheet--left.book-page--fixed-shell .page-design-root--allah .page-number,
.obscure-page--content.page-sheet--left.book-page--fixed-shell .page-design-root--mechet .page-number,
.obscure-page--content.page-sheet--left.book-page--fixed-shell .page-design-root--page10 .page-number {
  left: var(--book-fixed-pad-x);
  right: auto;
}

.obscure-page--content.page-sheet--right.book-page--fixed-shell .page-design-root--allah .page-number,
.obscure-page--content.page-sheet--right.book-page--fixed-shell .page-design-root--mechet .page-number,
.obscure-page--content.page-sheet--right.book-page--fixed-shell .page-design-root--page10 .page-number {
  right: var(--book-fixed-pad-x);
  left: auto;
}

/* ── Stage 6: legacy layout modifier neutralization inside fixed canvases ── */
.book-stage--layout-fixed [class*="page-design-root--"] .qa-page-layout--answer-list,
.book-stage--layout-fixed [class*="page-design-root--"] .qa-page-layout--hadith,
.book-stage--layout-fixed [class*="page-design-root--"] .qa-page-layout--quran,
.book-stage--layout-fixed [class*="page-design-root--"] .qa-page-layout--mechet,
.book-stage--layout-fixed [class*="page-design-root--"] .qa-page-layout--decorated,
.book-stage--layout-fixed [class*="page-design-root--"] .qa-page-layout--page13,
.book-stage--layout-fixed [class*="page-design-root--"] .qa-page-layout--page10,
.book-stage--layout-fixed [class*="page-design-root--"] .qa-page-layout--sky {
  width: 100%;
  max-width: var(--book-fixed-content-w);
  min-width: 0;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  container-type: normal;
  container-name: none;
}

.book-stage--layout-fixed .obscure-page--content.obscure-page--qa:has(.qa-page-layout--hadith),
.book-stage--layout-fixed .obscure-page--content.obscure-page--qa:has([class*="page-design-root--"]) {
  container-type: normal;
  container-name: none;
}

/* ── Stage 6: explicit fixed typography reset (block legacy inheritance) ── */
.book-stage--layout-fixed [class*="page-design-root--"] .question-text {
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
  word-break: normal;
  overflow-wrap: normal;
  hyphens: manual;
  -webkit-hyphens: manual;
  text-wrap: wrap;
}

.book-stage--layout-fixed [class*="page-design-root--"] .answer-text,
.book-stage--layout-fixed [class*="page-design-root--"] .qa-answer-list__text,
.book-stage--layout-fixed [class*="page-design-root--"] .qa-quran-answer-intro,
.book-stage--layout-fixed [class*="page-design-root--"] .qa-quran-ayah,
.book-stage--layout-fixed [class*="page-design-root--"] .qa-quran-ayah-translation,
.book-stage--layout-fixed [class*="page-design-root--"] .qa-quran-source,
.book-stage--layout-fixed [class*="page-design-root--"] .qa-quran-source__text,
.book-stage--layout-fixed [class*="page-design-root--"] .qa-tawheed-term-link,
.book-stage--layout-fixed [class*="page-design-root--"] .qa-hadith-completion__title,
.book-stage--layout-fixed [class*="page-design-root--"] .qa-hadith-completion__prompt,
.book-stage--layout-fixed [class*="page-design-root--"] .qa-hadith-prompt-text,
.book-stage--layout-fixed [class*="page-design-root--"] .qa-hadith-frame__prompt,
.book-stage--layout-fixed [class*="page-design-root--"] .qa-hadith-frame__user,
.book-stage--layout-fixed [class*="page-design-root--"] .qa-hadith-frame__suffix,
.book-stage--layout-fixed [class*="page-design-root--"] .qa-hadith-answer-scroll .answer-text,
.book-stage--layout-fixed [class*="page-design-root--"] .qa-hadith-answer-body,
.book-stage--layout-fixed [class*="page-design-root--"] .qa-hadith-answer-intro,
.book-stage--layout-fixed [class*="page-design-root--"] .qa-hadith-answer-quote,
.book-stage--layout-fixed [class*="page-design-root--"] .qa-hadith-answer-source,
.book-stage--layout-fixed [class*="page-design-root--"] .qa-hadith-answer-source__text {
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
  word-break: normal;
  overflow-wrap: normal;
  hyphens: manual;
  -webkit-hyphens: manual;
  text-wrap: wrap;
}

.book-stage--layout-fixed [class*="page-design-root--"] .answer-label,
.book-stage--layout-fixed [class*="page-design-root--"] .qa-answer-list-heading .answer-label,
.book-stage--layout-fixed [class*="page-design-root--"] .qa-hadith-answer-heading .answer-label {
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
  word-break: normal;
  overflow-wrap: normal;
  hyphens: manual;
  -webkit-hyphens: manual;
  text-wrap: wrap;
}

.book-stage--layout-fixed [class*="page-design-root--"] .qa-quran-answer-intro,
.book-stage--layout-fixed [class*="page-design-root--"] .book-fixed-scroll .answer-text .qa-quran-answer-intro {
  font-size: var(--book-fixed-font-body);
  line-height: var(--book-fixed-lh-body);
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.book-stage--layout-fixed [class*="page-design-root--"] .qa-quran-ayah-translation {
  font-size: var(--book-fixed-font-translation);
  line-height: var(--book-fixed-lh-translation);
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.book-stage--layout-fixed [class*="page-design-root--"] .qa-quran-source__text {
  font-size: var(--book-fixed-font-source);
  line-height: var(--book-fixed-lh-source);
}

.book-stage--layout-fixed [class*="page-design-root--"] .qa-answer-list__text {
  font-size: var(--book-fixed-font-list);
  line-height: var(--book-fixed-lh-list);
}

.book-stage--layout-fixed [class*="page-design-root--"] .qa-tawheed-term-link {
  display: inline;
  max-width: none;
  vertical-align: baseline;
  padding-left: 0;
  padding-right: 0;
}

.book-stage--layout-fixed [class*="page-design-root--"] .qa-answer-list {
  gap: var(--book-fixed-gap-list);
  margin: 0;
  padding: 0;
}

.book-stage--layout-fixed [class*="page-design-root--"] .qa-answer-list__item {
  gap: var(--book-fixed-list-marker-gap);
  margin: 0;
  padding: 0;
}

.book-stage--layout-fixed [class*="page-design-root--"] .qa-answer-list__marker {
  width: var(--book-fixed-list-marker);
  height: var(--book-fixed-list-marker);
  margin-top: 0.44em;
}

.book-stage--layout-fixed [class*="page-design-root--"] .qa-quran-answer {
  gap: var(--book-fixed-gap-answer);
  margin: 0;
  padding: 0;
}

.book-stage--layout-fixed [class*="page-design-root--"] .book-fixed-answer-block,
.book-stage--layout-fixed [class*="page-design-root--"] .answer-block {
  margin-top: var(--book-fixed-gap-block);
  padding-bottom: 0;
}

.book-stage--layout-fixed [class*="page-design-root--"] .qa-answer-list-heading {
  gap: var(--book-fixed-scroll-indicator-gap);
  margin-bottom: 4px;
}

/* ── Stage 7: scroll lock when content fits (maxScroll <= 1px) ── */
.book-stage--layout-fixed [class*="page-design-root--"] .book-fixed-scroll:not(.is-scrollable),
.book-stage--layout-fixed [class*="page-design-root--"] .qa-hadith-answer-scroll:not(.is-scrollable),
.book-stage--layout-fixed [class*="page-design-root--"] .qa-hadith-completed-scroll:not(.is-scrollable),
.book-stage--layout-fixed [class*="page-design-root--"] .qa-answer-list-scroll:not(.is-scrollable) {
  overflow-y: hidden;
  overscroll-behavior: none;
  touch-action: none;
  pointer-events: auto;
}

/* ── Stage 7: invariant logical widths (line breaks must not change on resize) ── */
.book-stage--layout-fixed [class*="page-design-root--"] .page-design-root__layout,
.book-stage--layout-fixed [class*="page-design-root--"] .qa-text-content,
.book-stage--layout-fixed [class*="page-design-root--"] .question-block,
.book-stage--layout-fixed [class*="page-design-root--"] .book-fixed-answer-block,
.book-stage--layout-fixed [class*="page-design-root--"] .book-fixed-scroll,
.book-stage--layout-fixed [class*="page-design-root--"] .book-fixed-scroll > .answer-text,
.book-stage--layout-fixed [class*="page-design-root--"] .qa-hadith-answer-scroll > .answer-text {
  width: var(--book-fixed-content-w);
  max-width: var(--book-fixed-content-w);
  min-width: var(--book-fixed-content-w);
  box-sizing: border-box;
}

/* ── Stage 7: block legacy decorated vw/flex bleed inside fixed canvases ── */
.book-stage--layout-fixed [class*="page-design-root--"] .qa-page-layout--decorated:not(.qa-page-layout--mechet) .page-allah-zone {
  flex: none;
  padding-top: 8px;
  padding-bottom: 32px;
}

.book-stage--layout-fixed [class*="page-design-root--"] .page-allah-icon__img {
  width: var(--book-fixed-allah-icon-w);
  max-width: 72%;
  height: auto;
}

.book-stage--layout-fixed [class*="page-design-root--"] .question-text {
  font-size: var(--book-fixed-font-question);
  line-height: var(--book-fixed-lh-question);
}

.book-stage--layout-fixed [class*="page-design-root--"] .answer-label {
  font-size: var(--book-fixed-font-label);
  line-height: var(--book-fixed-lh-label);
}

.book-stage--layout-fixed [class*="page-design-root--"] .answer-text,
.book-stage--layout-fixed [class*="page-design-root--"] .book-fixed-scroll .answer-text {
  font-size: var(--book-fixed-font-answer);
  line-height: var(--book-fixed-lh-answer);
}

/* ── Final design-root architecture: scale-only, no scroll-box layout ── */

/* Category A: natural block flow inside fixed grid rows */
.page-design-root--allah .qa-text-content,
.page-design-root--mechet .qa-text-content,
.page-design-root--page10 .qa-text-content,
.page-design-root--quran .qa-text-content,
.page-design-root--qa-standard .qa-text-content,
.page-design-root--qa013 .qa-text-content {
  display: block;
  height: auto;
  min-height: 0;
  overflow: visible;
}

.page-design-root--allah .answer-block,
.page-design-root--mechet .answer-block,
.page-design-root--page10 .answer-block,
.page-design-root--quran .answer-block,
.page-design-root--qa-standard .answer-block,
.page-design-root--qa013 .answer-block {
  flex: none;
  min-height: 0;
  overflow: visible;
  display: block;
}

.page-design-root--quran .page-design-root__layout {
  grid-template-rows: auto var(--book-fixed-quran-row-image);
}

.page-design-root--quran .qa-text-content {
  height: auto;
}

/* qa013: full-column quran text without scroll box */
.page-design-root--qa013 .answer-block {
  flex: none;
  overflow: visible;
}

.page-design-root--qa013 .answer-text {
  overflow: visible;
}

/* Stages 1–13 DISABLED — superseded by obscure-library-book-fixed-authoritative.css */
@media not all {
/* ── Visual polish: unified page numbers (fixed, all pages) ── */
.book-stage--layout-fixed [class*="page-design-root--"] .page-number {
  bottom: var(--book-fixed-page-num-bottom);
}

/* ── Stage 1 visual polish: qa001, qa002, qa003 ──
   Legacy composition reference; no engine/scaler changes. */

/* qa001 — legacy-like zone + flat float animation (no 3D ghosting with page scale) */
@keyframes religiousIconFloatFixed {
  0%, 100% {
    transform: translateY(4px) scale(1);
    filter:
      drop-shadow(0 5px 7px rgba(70, 42, 12, 0.24))
      drop-shadow(0 0 10px rgba(204, 162, 49, 0.16));
  }
  50% {
    transform: translateY(-7px) scale(1.02);
    filter:
      drop-shadow(0 8px 10px rgba(70, 42, 12, 0.26))
      drop-shadow(0 0 16px rgba(214, 174, 57, 0.28));
  }
}

.book-stage--layout-fixed [data-page-audio-id="qa001"] .page-design-root--allah .page-design-root__layout {
  grid-template-rows: 262px 172px;
  overflow: hidden;
}

.book-stage--layout-fixed [data-page-audio-id="qa001"] .page-design-root--allah .page-allah-zone {
  overflow: hidden;
  align-items: center;
  justify-content: center;
  padding-top: 6px;
  padding-bottom: 22px;
}

.book-stage--layout-fixed [data-page-audio-id="qa001"] .page-design-root--allah .page-allah-icon {
  perspective: none;
  transform-style: flat;
  transition: none;
}

.book-stage--layout-fixed [data-page-audio-id="qa001"] .page-design-root--allah .page-allah-icon__img {
  width: 120px;
  max-width: 74%;
  filter:
    drop-shadow(0 5px 7px rgba(70, 42, 12, 0.24))
    drop-shadow(0 0 10px rgba(204, 162, 49, 0.16));
  backface-visibility: hidden;
  will-change: transform;
}

.book-stage--layout-fixed [data-page-audio-id="qa001"].obscure-page--animation-active[data-page-animation="allah-float"] .page-allah-icon__img {
  animation: religiousIconFloatFixed 5s ease-in-out infinite;
}

.book-stage--layout-fixed [data-page-audio-id="qa001"] .page-design-root--allah .question-text {
  font-size: 20px;
  line-height: 1.34;
}

/* Answer stays 17px — single-line constraint */

/* qa002 / qa003 — legacy-like mechet balance */
.book-stage--layout-fixed [data-page-audio-id="qa002"] .page-design-root--mechet .page-design-root__layout,
.book-stage--layout-fixed [data-page-audio-id="qa003"] .page-design-root--mechet .page-design-root__layout {
  grid-template-rows: 246px 188px;
}

.book-stage--layout-fixed [data-page-audio-id="qa002"] .page-design-root--mechet .question-text,
.book-stage--layout-fixed [data-page-audio-id="qa003"] .page-design-root--mechet .question-text {
  font-size: 20px;
  line-height: 1.34;
}

.book-stage--layout-fixed [data-page-audio-id="qa002"] .page-design-root--mechet .answer-text,
.book-stage--layout-fixed [data-page-audio-id="qa003"] .page-design-root--mechet .answer-text {
  font-size: 18px;
  line-height: 1.52;
}

.book-stage--layout-fixed [data-page-audio-id="qa002"] .page-design-root--mechet .qa-mechet-zone,
.book-stage--layout-fixed [data-page-audio-id="qa003"] .page-design-root--mechet .qa-mechet-zone {
  overflow: hidden;
  justify-content: center;
  padding-bottom: 12px;
}

.book-stage--layout-fixed [data-page-audio-id="qa002"] .qa-mechet-zone--page2 .qa-mechet-image,
.book-stage--layout-fixed [data-page-audio-id="qa003"] .qa-mechet-zone--page3 .qa-mechet-image {
  width: 100%;
  height: 100%;
  max-height: 184px;
  object-fit: contain;
  object-position: center center;
}

/* qa005 polish (kept from prior pass) ── */
.book-stage--layout-fixed [data-page-audio-id="qa005"] .page-design-root--quran .page-design-root__layout {
  grid-template-rows: minmax(0, 1fr) 168px;
  gap: 10px;
  align-content: start;
}

.book-stage--layout-fixed [data-page-audio-id="qa005"] .page-design-root--quran .qa-text-content {
  padding-bottom: 2px;
}

.book-stage--layout-fixed [data-page-audio-id="qa005"] .page-design-root--quran .question-text {
  font-size: 20px;
  line-height: 1.34;
}

.book-stage--layout-fixed [data-page-audio-id="qa005"] .page-design-root--quran .qa-quran-answer-intro {
  font-size: 18px;
  line-height: 1.55;
}

.book-stage--layout-fixed [data-page-audio-id="qa005"] .page-design-root--quran .qa-quran-ayah {
  font-size: 21px;
  line-height: 1.76;
}

.book-stage--layout-fixed [data-page-audio-id="qa005"] .page-design-root--quran .qa-quran-ayah-translation {
  font-size: 18px;
  line-height: 1.5;
  padding-bottom: 6px;
}

.book-stage--layout-fixed [data-page-audio-id="qa005"] .page-design-root--quran .qa-quran-source {
  margin-top: 0;
  margin-bottom: 2px;
}

.book-stage--layout-fixed [data-page-audio-id="qa005"] .page-design-root--quran .qa-mechet-zone {
  overflow: visible;
  padding-bottom: 0;
  justify-content: flex-end;
}

.book-stage--layout-fixed [data-page-audio-id="qa005"] .page-design-root--quran .qa-mechet-zone--page5 .qa-mechet-image {
  max-height: 162px;
  width: 100%;
  height: auto;
  flex: none;
  object-fit: contain;
  object-position: center bottom;
}

/* ── Stage 2 visual polish: qa004, qa009, qa012 (legacy hadith grid) ── */
.book-stage--layout-fixed .page-design-root--hadith {
  --book-fixed-hadith-row-exercise: 204px;
  --book-fixed-hadith-row-divider: 44px;
  --book-fixed-hadith-row-answer: 186px;
  --book-fixed-font-hadith-prompt: 17px;
  --book-fixed-lh-hadith-prompt: 1.6;
  --book-fixed-font-hadith-answer: 17px;
  --book-fixed-lh-hadith-answer: 1.6;
  --book-fixed-font-hadith-source: 13px;
  --book-fixed-lh-hadith-source: 1.45;
  --book-fixed-hadith-input-w: 152px;
  --book-fixed-hadith-input-h: 32px;
  --book-fixed-font-hadith-title: 19px;
  --book-fixed-hadith-gap-heading: 3px;
  --book-fixed-hadith-gap-actions: 8px;
}

.book-stage--layout-fixed .page-design-root--hadith .page-design-root__layout,
.book-stage--layout-fixed .page-design-root--hadith .qa-page-layout--hadith {
  display: grid;
  grid-template-rows:
    var(--book-fixed-hadith-row-exercise)
    var(--book-fixed-hadith-row-divider)
    var(--book-fixed-hadith-row-answer);
  height: var(--book-fixed-content-h);
  min-height: var(--book-fixed-content-h);
  flex: none;
  overflow: hidden;
}

.book-stage--layout-fixed .page-design-root--hadith .qa-hadith-exercise-zone {
  grid-row: 1;
  flex: none;
  min-height: 0;
  overflow: hidden;
}

.book-stage--layout-fixed .page-design-root--hadith .qa-hadith-exercise-zone .qa-hadith-completion {
  flex: 1 1 auto;
  min-height: 0;
}

.book-stage--layout-fixed .page-design-root--hadith .qa-hadith-spacer {
  grid-row: 2;
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 0;
  overflow: hidden;
  pointer-events: none;
}

.book-stage--layout-fixed .page-design-root--hadith .qa-hadith-answer-zone {
  grid-row: 3;
  flex: none;
  min-height: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.book-stage--layout-fixed .page-design-root--hadith .qa-hadith-answer-heading {
  margin-bottom: var(--book-fixed-hadith-gap-heading);
}

.book-stage--layout-fixed .page-design-root--hadith .qa-hadith-answer-scroll {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: hidden;
}

.book-stage--layout-fixed .page-design-root--hadith .qa-hadith-answer-scroll.is-scrollable {
  overflow-y: auto;
}

.book-stage--layout-fixed .page-design-root--hadith .qa-hadith-prompt-text {
  display: block;
  overflow: visible;
  flex: 0 1 auto;
}

.book-stage--layout-fixed .page-design-root--hadith .qa-hadith-completion__edit-view {
  display: block;
  overflow: visible;
  flex: none;
  min-height: 0;
}

.book-stage--layout-fixed .page-design-root--hadith .qa-hadith-completion__stage {
  overflow: visible;
}

.book-stage--layout-fixed .page-design-root--hadith .qa-hadith-exercise-zone .qa-hadith-completion {
  overflow: visible;
}

.book-stage--layout-fixed .page-design-root--hadith .qa-hadith-prompt-text {
  display: inline;
  overflow: visible;
  flex: none;
}

.book-stage--layout-fixed .page-design-root--hadith .qa-hadith-completion__prompt {
  display: inline;
}

.book-stage--layout-fixed .page-design-root--hadith .qa-hadith-input {
  vertical-align: baseline;
  margin: 0 0.12em;
}

.book-stage--layout-fixed .page-design-root--hadith .page-number {
  bottom: 11px;
}

.book-stage--layout-fixed .page-design-root--hadith .qa-hadith-answer-source {
  align-self: flex-start;
  width: auto;
  max-width: 100%;
  margin-top: 4px;
  padding-top: 5px;
}

.book-stage--layout-fixed .page-design-root--hadith .qa-hadith-answer-source__text {
  flex: 0 1 auto;
}

.book-stage--layout-fixed .page-design-root--hadith .qa-hadith-answer-quote {
  font-size: 16px;
  line-height: 1.52;
  padding: 6px 8px 6px 10px;
}

.book-stage--layout-fixed .page-design-root--hadith .qa-hadith-completion[data-state="filled"] .qa-hadith-completion__result-view {
  overflow: hidden;
}

.book-stage--layout-fixed .page-design-root--hadith .qa-hadith-completed-frame {
  max-height: 100%;
}

/* ── Stage 3 polish: hadith source icon, page nums, images, qa005, qa007 ── */

/* 1) Hadith source icon (qa004, qa009, qa012) */
.book-stage--layout-fixed .page-design-root--hadith .qa-hadith-answer-source__icon {
  flex: 0 0 auto;
  display: block;
  width: 15px;
  height: 15px;
  margin-top: 0.12em;
  background: url('../assets/images/icon-kniga-hadisi.svg') center / contain no-repeat;
  filter: sepia(0.85) saturate(2.4) hue-rotate(8deg) brightness(0.72);
}

.book-stage--layout-fixed .page-design-root--hadith .qa-hadith-answer-source__icon::before {
  display: none;
}

.book-stage--layout-fixed .page-design-root--hadith .qa-hadith-answer-source__text {
  flex: 1 1 auto;
  min-width: 0;
}

.book-stage--layout-fixed .page-design-root--hadith .qa-hadith-answer-source__label {
  font-weight: 600;
  color: rgba(122, 88, 28, 0.92);
}

/* 2) Stable page numbers — fixed px, no vw/clamp jump on resize */
html.book-layout-mode-fixed .book-stage--layout-fixed [class*="page-design-root--"] .page-number {
  position: absolute;
  top: auto;
  bottom: var(--book-fixed-page-num-bottom);
  z-index: 4;
  font-size: var(--book-fixed-font-page-num);
  line-height: 1;
  margin: 0;
  transform: none;
}

html.book-layout-mode-fixed .obscure-page--content.page-sheet--left.book-page--fixed-shell [class*="page-design-root--"] .page-number {
  left: var(--book-fixed-pad-x);
  right: auto;
}

html.book-layout-mode-fixed .obscure-page--content.page-sheet--right.book-page--fixed-shell [class*="page-design-root--"] .page-number {
  right: var(--book-fixed-pad-x);
  left: auto;
}

/* 3) Illustration zones — center + enlarge where space allows */
.book-stage--layout-fixed [class*="page-design-root--"] .page-allah-zone,
.book-stage--layout-fixed [class*="page-design-root--"] .qa-mechet-zone,
.book-stage--layout-fixed [class*="page-design-root--"] .qa-page10-illustration-zone {
  align-items: center;
  justify-content: center;
}

.book-stage--layout-fixed [data-page-audio-id="qa001"] .page-design-root--allah .page-allah-zone {
  padding-top: 4px;
  padding-bottom: 16px;
}

.book-stage--layout-fixed [data-page-audio-id="qa001"] .page-design-root--allah .page-allah-icon__img {
  width: 132px;
  max-width: 78%;
}

.book-stage--layout-fixed [data-page-audio-id="qa002"] .qa-mechet-zone--page2 .qa-mechet-image,
.book-stage--layout-fixed [data-page-audio-id="qa003"] .qa-mechet-zone--page3 .qa-mechet-image {
  max-height: 196px;
  object-position: center center;
}

.book-stage--layout-fixed [data-page-audio-id="qa006"] .page-design-root--mechet .page-design-root__layout {
  grid-template-rows: 248px 186px;
}

.book-stage--layout-fixed [data-page-audio-id="qa006"] .qa-mechet-zone--page6 .qa-mechet-image {
  max-height: 182px;
  object-position: center center;
}

.book-stage--layout-fixed [data-page-audio-id="qa008"] .page-design-root--mechet .page-design-root__layout {
  grid-template-rows: 250px 184px;
}

.book-stage--layout-fixed [data-page-audio-id="qa008"] .qa-mechet-zone--page8 .qa-mechet-image {
  max-height: 178px;
  object-position: center center;
}

.book-stage--layout-fixed [data-page-audio-id="qa010"] .page-design-root--page10 .page-design-root__layout,
.book-stage--layout-fixed [data-page-audio-id="qa011"] .page-design-root--page10 .page-design-root__layout {
  grid-template-rows: 252px 182px;
}

.book-stage--layout-fixed [data-page-audio-id="qa010"] .page-design-root--page10 .qa-page10-illustration,
.book-stage--layout-fixed [data-page-audio-id="qa011"] .page-design-root--page10 .qa-page10-illustration {
  max-height: 176px;
  object-position: center center;
}

.book-stage--layout-fixed [data-page-audio-id="qa013"] .page-design-root--qa013 .page-number {
  bottom: var(--book-fixed-page-num-bottom);
}

/* 4) qa005 — tighter ayah block, no overlap with illustration */
.book-stage--layout-fixed [data-page-audio-id="qa005"] .page-design-root--quran .page-design-root__layout {
  grid-template-rows: minmax(0, 1fr) 152px;
  gap: 4px;
}

.book-stage--layout-fixed [data-page-audio-id="qa005"] .page-design-root--quran .qa-quran-answer {
  gap: 3px;
}

.book-stage--layout-fixed [data-page-audio-id="qa005"] .page-design-root--quran .qa-quran-answer-intro {
  font-size: 17px;
  line-height: 1.48;
  margin: 0;
}

.book-stage--layout-fixed [data-page-audio-id="qa005"] .page-design-root--quran .qa-quran-ayah {
  font-size: 17px;
  line-height: 1.58;
  margin: 0;
  padding: 0;
}

.book-stage--layout-fixed [data-page-audio-id="qa005"] .page-design-root--quran .qa-quran-ayah-translation {
  font-size: 16px;
  line-height: 1.46;
  padding-bottom: 0;
  margin: 0;
}

.book-stage--layout-fixed [data-page-audio-id="qa005"] .page-design-root--quran .qa-quran-source {
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}

.book-stage--layout-fixed [data-page-audio-id="qa005"] .page-design-root--quran .qa-mechet-zone {
  overflow: hidden;
  padding-bottom: 2px;
  justify-content: center;
}

.book-stage--layout-fixed [data-page-audio-id="qa005"] .page-design-root--quran .qa-mechet-zone--page5 .qa-mechet-image {
  max-height: 142px;
  width: auto;
  max-width: 92%;
  height: auto;
  flex: none;
  object-fit: contain;
  object-position: center center;
}

/* 5) qa007 — golden square markers + popup-style term links */
.book-stage--layout-fixed [data-page-audio-id="qa007"] .page-design-root--answer-list .page-design-root__layout {
  grid-template-rows: minmax(0, 1fr) 178px;
}

.book-stage--layout-fixed [data-page-audio-id="qa007"] .page-design-root--answer-list .qa-mechet-zone {
  justify-content: center;
  padding-bottom: 8px;
}

.book-stage--layout-fixed [data-page-audio-id="qa007"] .qa-mechet-zone--page7 .qa-mechet-image {
  max-height: 170px;
  object-position: center center;
}

.book-stage--layout-fixed .page-design-root--answer-list .qa-answer-list__marker {
  position: relative;
  flex: 0 0 auto;
  width: 9px;
  height: 9px;
  margin-top: 0.44em;
  border-radius: 2px;
  background: radial-gradient(
    circle at 32% 28%,
    #f2e2ad 0%,
    #e8cc7a 20%,
    #c9a84c 52%,
    #9a7830 80%,
    #6f5522 100%
  );
  box-shadow:
    inset -1px -2px 3px rgba(48, 30, 8, 0.58),
    inset 1px 1px 2px rgba(255, 238, 188, 0.5),
    0 1px 2px rgba(0, 0, 0, 0.3),
    0 0 5px rgba(201, 168, 76, 0.34);
  animation: qaAnswerMarkerGoldShimmer 4.8s ease-in-out infinite;
}

.book-stage--layout-fixed .page-design-root--answer-list .qa-answer-list__marker::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 2px;
  background: radial-gradient(circle at 28% 22%, rgba(255, 250, 228, 0.82) 0%, transparent 46%);
  pointer-events: none;
}

.book-stage--layout-fixed .page-design-root--answer-list .qa-answer-list__marker::after {
  content: '';
  position: absolute;
  inset: -20%;
  border-radius: 2px;
  background: conic-gradient(
    from var(--qa-marker-glint-angle, 0deg) at 50% 50%,
    transparent 0deg 302deg,
    rgba(228, 205, 138, 0.22) 312deg,
    rgba(255, 244, 205, 0.58) 324deg,
    rgba(228, 205, 138, 0.22) 336deg,
    transparent 346deg 360deg
  );
  opacity: 0.72;
  mix-blend-mode: screen;
  animation: qaAnswerMarkerGlintSpin 5.6s linear infinite;
  pointer-events: none;
}

.book-stage--layout-fixed .page-design-root--answer-list .qa-gold-shimmer-text {
  display: inline;
  font-weight: 600;
  color: #b8923a;
  animation: qaGoldTextShimmer 4.8s ease-in-out infinite;
}

.book-stage--layout-fixed .page-design-root--answer-list .qa-tawheed-term-link {
  display: inline;
  margin: 0;
  padding: 0 0.02em;
  border: none;
  background: none;
  font: inherit;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
  cursor: pointer;
  text-decoration: none;
  appearance: none;
  -webkit-appearance: none;
  vertical-align: baseline;
  border-radius: 2px;
  max-width: none;
  word-break: normal;
  overflow-wrap: normal;
  transition: color 0.2s ease, text-shadow 0.2s ease, box-shadow 0.2s ease;
}

.book-stage--layout-fixed .page-design-root--answer-list .qa-tawheed-term-link:hover,
.book-stage--layout-fixed .page-design-root--answer-list .qa-tawheed-term-link:focus-visible {
  color: #e8cc7a;
  text-shadow:
    0 0 10px rgba(228, 198, 110, 0.55),
    0 0 3px rgba(255, 244, 200, 0.35);
  outline: none;
  box-shadow: 0 0 0 1px rgba(201, 168, 76, 0.28);
}

.book-stage--layout-fixed .page-design-root--answer-list .qa-tawheed-term-link:active {
  color: #d4b86a;
  transform: scale(0.985);
}

/* ── Stage 4: logical anchor page numbers, illustration free-zone, qa001/005/013 ── */

/* Shared illustration free-zone centering */
.book-stage--layout-fixed [class*="page-design-root--"] .page-allah-zone,
.book-stage--layout-fixed [class*="page-design-root--"] .qa-mechet-zone,
.book-stage--layout-fixed [class*="page-design-root--"] .qa-page10-illustration-zone {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 0;
  overflow: hidden;
  box-sizing: border-box;
  padding:
    0
    6px
    var(--book-fixed-illus-safe-bottom);
}

.book-stage--layout-fixed [class*="page-design-root--"] .page-allah-icon,
.book-stage--layout-fixed [class*="page-design-root--"] .qa-mechet-image,
.book-stage--layout-fixed [class*="page-design-root--"] .qa-page10-illustration {
  flex: 0 1 auto;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  object-position: center center;
}

/* Authoritative page-number anchor (380×520 design-root, all qa001–qa013) */
html.book-layout-mode-fixed .book-stage--layout-fixed .page-design-root > .page-number {
  position: absolute;
  top: auto;
  bottom: var(--book-fixed-page-num-bottom);
  z-index: 6;
  font-family: 'Cormorant Garamond', serif;
  font-size: var(--book-fixed-font-page-num);
  line-height: 1;
  color: var(--leather);
  opacity: 0.6;
  margin: 0;
  padding: 0;
  transform: none;
  letter-spacing: normal;
}

html.book-layout-mode-fixed .obscure-page--content.page-sheet--left.book-page--fixed-shell .page-design-root > .page-number {
  left: var(--book-fixed-page-num-inset-x);
  right: auto;
}

html.book-layout-mode-fixed .obscure-page--content.page-sheet--right.book-page--fixed-shell .page-design-root > .page-number {
  right: var(--book-fixed-page-num-inset-x);
  left: auto;
}

/* qa001 — legacy-soft float, centered in free zone, larger */
.book-stage--layout-fixed [data-page-audio-id="qa001"] .page-design-root--allah .page-design-root__layout {
  grid-template-rows: 248px 186px;
}

.book-stage--layout-fixed [data-page-audio-id="qa001"] .page-design-root--allah .page-allah-zone {
  padding-top: 0;
  padding-bottom: calc(var(--book-fixed-illus-safe-bottom) + 2px);
}

.book-stage--layout-fixed [data-page-audio-id="qa001"] .page-design-root--allah .page-allah-icon {
  perspective: 480px;
  transform-style: preserve-3d;
  transition: transform 0.4s ease;
}

.book-stage--layout-fixed [data-page-audio-id="qa001"] .page-design-root--allah .page-allah-icon__img {
  width: 142px;
  max-width: 82%;
  backface-visibility: hidden;
  will-change: transform, filter;
}

.book-stage--layout-fixed [data-page-audio-id="qa001"].obscure-page--animation-active[data-page-animation="allah-float"] .page-allah-icon__img {
  animation: religiousIconFloat 5s ease-in-out infinite;
}

/* Illustration sizing per page (free-zone fill) */
.book-stage--layout-fixed [data-page-audio-id="qa002"] .page-design-root--mechet .page-design-root__layout,
.book-stage--layout-fixed [data-page-audio-id="qa003"] .page-design-root--mechet .page-design-root__layout {
  grid-template-rows: 244px 190px;
}

.book-stage--layout-fixed [data-page-audio-id="qa002"] .qa-mechet-zone--page2 .qa-mechet-image,
.book-stage--layout-fixed [data-page-audio-id="qa003"] .qa-mechet-zone--page3 .qa-mechet-image {
  max-height: 176px;
}

.book-stage--layout-fixed [data-page-audio-id="qa006"] .page-design-root--mechet .page-design-root__layout {
  grid-template-rows: 246px 188px;
}

.book-stage--layout-fixed [data-page-audio-id="qa006"] .qa-mechet-zone--page6 .qa-mechet-image {
  max-height: 174px;
}

.book-stage--layout-fixed [data-page-audio-id="qa008"] .page-design-root--mechet .page-design-root__layout {
  grid-template-rows: 248px 186px;
}

.book-stage--layout-fixed [data-page-audio-id="qa008"] .qa-mechet-zone--page8 .qa-mechet-image {
  max-height: 172px;
}

.book-stage--layout-fixed [data-page-audio-id="qa010"] .page-design-root--page10 .page-design-root__layout,
.book-stage--layout-fixed [data-page-audio-id="qa011"] .page-design-root--page10 .page-design-root__layout {
  grid-template-rows: 248px 186px;
}

.book-stage--layout-fixed [data-page-audio-id="qa010"] .page-design-root--page10 .qa-page10-illustration,
.book-stage--layout-fixed [data-page-audio-id="qa011"] .page-design-root--page10 .qa-page10-illustration {
  max-height: 172px;
}

.book-stage--layout-fixed [data-page-audio-id="qa007"] .page-design-root--answer-list .page-design-root__layout {
  grid-template-rows: 252px 182px;
}

.book-stage--layout-fixed [data-page-audio-id="qa007"] .qa-mechet-zone--page7 .qa-mechet-image {
  max-height: 168px;
}

/* qa005 — fixed line-break for translation, source above image */
.book-stage--layout-fixed [data-page-audio-id="qa005"] .page-design-root--quran .page-design-root__layout {
  grid-template-rows: 282px 152px;
  gap: 0;
}

.book-stage--layout-fixed [data-page-audio-id="qa005"] .page-design-root--quran .qa-text-content {
  min-height: 0;
  overflow: hidden;
}

.book-stage--layout-fixed [data-page-audio-id="qa005"] .page-design-root--quran .qa-quran-answer {
  gap: 2px;
}

.book-stage--layout-fixed [data-page-audio-id="qa005"] .page-design-root--quran .qa-quran-answer-intro {
  font-size: 16px;
  line-height: 1.44;
  margin: 0;
}

.book-stage--layout-fixed [data-page-audio-id="qa005"] .page-design-root--quran .qa-quran-ayah {
  font-size: 16px;
  line-height: 1.52;
  margin: 0;
  padding: 2px 4px;
}

.book-stage--layout-fixed [data-page-audio-id="qa005"] .page-design-root--quran .qa-quran-ayah-translation {
  display: block;
  box-sizing: border-box;
  width: 228px;
  max-width: 228px;
  margin: 0 auto;
  padding: 0 2px 0;
  font-size: 15px;
  line-height: 1.46;
  text-align: center;
}

.book-stage--layout-fixed [data-page-audio-id="qa005"] .page-design-root--quran .qa-quran-ayah-translation::after {
  display: none;
}

.book-stage--layout-fixed [data-page-audio-id="qa005"] .page-design-root--quran .qa-quran-source {
  margin: 2px auto 0;
  padding-bottom: 4px;
  align-self: center;
}

.book-stage--layout-fixed [data-page-audio-id="qa005"] .page-design-root--quran .qa-mechet-zone--page5 .qa-mechet-image {
  max-height: 136px;
  max-width: 88%;
}

/* qa013 — Arabic spacing + icon-13stranica in free zone */
.book-stage--layout-fixed [data-page-audio-id="qa013"] .page-design-root--qa013 .page-design-root__layout {
  display: grid;
  grid-template-rows: 286px 148px;
  height: var(--book-fixed-content-h);
  min-height: var(--book-fixed-content-h);
  overflow: hidden;
}

.book-stage--layout-fixed [data-page-audio-id="qa013"] .page-design-root--qa013 .qa-text-content {
  grid-row: 1;
  min-height: 0;
  overflow: hidden;
}

.book-stage--layout-fixed [data-page-audio-id="qa013"] .page-design-root--qa013 .qa-mechet-zone {
  grid-row: 2;
}

.book-stage--layout-fixed [data-page-audio-id="qa013"] .page-design-root--qa013 .qa-quran-answer {
  gap: 4px;
}

.book-stage--layout-fixed [data-page-audio-id="qa013"] .page-design-root--qa013 .qa-quran-answer-intro {
  margin: 0;
  font-size: 17px;
  line-height: 1.48;
}

.book-stage--layout-fixed [data-page-audio-id="qa013"] .page-design-root--qa013 .qa-quran-ayah {
  font-size: 18px;
  line-height: 1.62;
  padding: 2px 4px;
  margin: 0;
}

.book-stage--layout-fixed [data-page-audio-id="qa013"] .page-design-root--qa013 .qa-quran-ayah-translation {
  margin: 0;
  padding-bottom: 2px;
  font-size: 16px;
  line-height: 1.46;
}

.book-stage--layout-fixed [data-page-audio-id="qa013"] .page-design-root--qa013 .qa-quran-ayah-translation::after {
  display: none;
}

.book-stage--layout-fixed [data-page-audio-id="qa013"] .page-design-root--qa013 .qa-quran-source {
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 2px;
}

.book-stage--layout-fixed [data-page-audio-id="qa013"] .qa-mechet-zone--page13 .qa-mechet-image {
  max-height: 118px;
  max-width: 84%;
}

/* qa007 — gold popup-style term links (fixed) */
.book-stage--layout-fixed [data-page-audio-id="qa007"] .page-design-root--answer-list .qa-tawheed-term-link {
  color: #b8923a;
  text-decoration: underline;
  text-decoration-color: rgba(184, 146, 58, 0.42);
  text-underline-offset: 0.14em;
  text-decoration-thickness: 1px;
}

/* ── Stage 5 visual polish (authoritative overrides) ── */

/* 1) Vertical centering: stop page “flying up” on mid-width resize */
html.book-layout-mode-fixed .book-stage.book-stage--layout-fixed {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1 1 auto;
  min-height: 0;
  width: 100%;
}

html.book-layout-mode-fixed .book-stage.book-stage--layout-fixed .spread-wrap {
  align-content: center !important;
  flex: 0 1 auto;
  width: 100%;
}

html.book-layout-mode-fixed .book-stage--layout-fixed .book-flip-scale-slot {
  align-self: center;
}

html.book-layout-mode-fixed .stpageflip-host,
html.book-layout-mode-fixed .stpageflip-host.stf__parent {
  min-height: 0 !important;
}

@media (min-width: 701px) {
  html.book-layout-mode-fixed .book-stage.book-stage--layout-fixed .spread-wrap {
    align-content: center !important;
  }
}

@media (max-width: 953px) {
  html.book-layout-mode-fixed .overlay.open .book-modal {
    justify-content: center;
    min-height: 0;
  }

  html.book-layout-mode-fixed .overlay.open .book-stage.book-stage--layout-fixed {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}

@media (min-width: 701px) {
  html.book-layout-mode-fixed .overlay.open .book-modal {
    min-height: min(92vh, 900px);
    justify-content: center;
  }

  html.book-layout-mode-fixed .overlay.open .book-stage.book-stage--layout-fixed {
    flex: 1 1 auto;
    min-height: 0;
  }
}

/* 2) Shared illustration soft edges (uniform, no asymmetric corners) */
.book-stage--layout-fixed [class*="page-design-root--"] .page-allah-icon__img,
.book-stage--layout-fixed [class*="page-design-root--"] .qa-mechet-image,
.book-stage--layout-fixed [class*="page-design-root--"] .qa-page10-illustration {
  border-radius: 0 !important;
  -webkit-mask-image: var(--book-fixed-illus-soft-mask);
  mask-image: var(--book-fixed-illus-soft-mask);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center;
  mask-position: center;
}

/* 3) qa001 — larger icon, flat smooth float (no filter/3D ripple) */
@keyframes bookFixedAllahFloat {
  0%, 100% { transform: translateY(5px); }
  50% { transform: translateY(-9px); }
}

.book-stage--layout-fixed [data-page-audio-id="qa001"] .page-design-root--allah .page-design-root__layout {
  grid-template-rows: 242px 192px;
}

.book-stage--layout-fixed [data-page-audio-id="qa001"] .page-design-root--allah .page-allah-zone {
  align-items: center;
  justify-content: center;
  padding-top: 4px;
  padding-bottom: calc(var(--book-fixed-illus-safe-bottom) + 8px);
}

.book-stage--layout-fixed [data-page-audio-id="qa001"] .page-design-root--allah .page-allah-icon {
  perspective: none !important;
  transform-style: flat !important;
  transition: none !important;
}

.book-stage--layout-fixed [data-page-audio-id="qa001"] .page-design-root--allah .page-allah-icon__img {
  width: 158px;
  max-width: 86%;
  filter:
    drop-shadow(0 5px 7px rgba(70, 42, 12, 0.24))
    drop-shadow(0 0 10px rgba(204, 162, 49, 0.16));
  will-change: transform;
  animation: none;
}

.book-stage--layout-fixed [data-page-audio-id="qa001"].obscure-page--animation-active[data-page-animation="allah-float"] .page-allah-icon__img {
  animation: bookFixedAllahFloat 5s ease-in-out infinite;
}

/* 4) Illustration sizing / placement per page */
.book-stage--layout-fixed [data-page-audio-id="qa002"] .page-design-root--mechet .page-design-root__layout {
  grid-template-rows: 238px 196px;
}

.book-stage--layout-fixed [data-page-audio-id="qa002"] .qa-mechet-zone--page2 .qa-mechet-image {
  max-height: 192px;
  max-width: 92%;
}

.book-stage--layout-fixed [data-page-audio-id="qa003"] .page-design-root--mechet .page-design-root__layout {
  grid-template-rows: 240px 194px;
}

.book-stage--layout-fixed [data-page-audio-id="qa003"] .qa-mechet-zone--page3 {
  justify-content: center;
  padding-top: 0;
  padding-bottom: calc(var(--book-fixed-illus-safe-bottom) + 4px);
}

.book-stage--layout-fixed [data-page-audio-id="qa003"] .qa-mechet-zone--page3 .qa-mechet-image {
  max-height: 186px;
  max-width: 90%;
}

.book-stage--layout-fixed [data-page-audio-id="qa006"] .page-design-root--mechet .page-design-root__layout {
  grid-template-rows: 242px 192px;
}

.book-stage--layout-fixed [data-page-audio-id="qa006"] .qa-mechet-zone--page6 .qa-mechet-image {
  max-height: 182px;
  max-width: 90%;
}

.book-stage--layout-fixed [data-page-audio-id="qa008"] .page-design-root--mechet .page-design-root__layout {
  grid-template-rows: 244px 190px;
}

.book-stage--layout-fixed [data-page-audio-id="qa008"] .qa-mechet-zone--page8 .qa-mechet-image {
  max-height: 182px;
  max-width: 90%;
}

.book-stage--layout-fixed [data-page-audio-id="qa010"] .page-design-root--page10 .page-design-root__layout,
.book-stage--layout-fixed [data-page-audio-id="qa011"] .page-design-root--page10 .page-design-root__layout {
  grid-template-rows: 246px 188px;
}

.book-stage--layout-fixed [data-page-audio-id="qa010"] .page-design-root--page10 .qa-page10-illustration-zone,
.book-stage--layout-fixed [data-page-audio-id="qa011"] .page-design-root--page10 .qa-page10-illustration-zone {
  justify-content: center;
  padding-top: 0;
  padding-bottom: calc(var(--book-fixed-illus-safe-bottom) + 2px);
}

.book-stage--layout-fixed [data-page-audio-id="qa010"] .page-design-root--page10 .qa-page10-illustration,
.book-stage--layout-fixed [data-page-audio-id="qa011"] .page-design-root--page10 .qa-page10-illustration {
  max-height: 178px;
  max-width: 90%;
}

/* 5) qa005 — Arabic, translation break, source block, larger image */
.book-stage--layout-fixed [data-page-audio-id="qa005"] .page-design-root--quran .page-design-root__layout {
  grid-template-rows: 288px 146px;
}

.book-stage--layout-fixed [data-page-audio-id="qa005"] .page-design-root--quran .qa-quran-answer {
  gap: 0;
}

.book-stage--layout-fixed [data-page-audio-id="qa005"] .page-design-root--quran .qa-quran-ayah {
  font-size: 15px;
  line-height: 1.48;
  margin: 0;
  padding: 0 4px;
}

.book-stage--layout-fixed [data-page-audio-id="qa005"] .page-design-root--quran .qa-quran-ayah-translation {
  display: block;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 0 2px;
  font-size: 15px;
  line-height: 1.44;
  text-align: center;
}

.book-stage--layout-fixed [data-page-audio-id="qa005"] .page-design-root--quran .qa-quran-ayah-translation--fixed-lines {
  width: auto;
  max-width: none;
  line-height: 1.42;
}

.book-stage--layout-fixed [data-page-audio-id="qa005"] .page-design-root--quran .qa-quran-source {
  margin: 1px auto 0;
  padding-bottom: 2px;
  position: relative;
  z-index: 2;
}

.book-stage--layout-fixed [data-page-audio-id="qa005"] .page-design-root--quran .qa-mechet-zone--page5 .qa-mechet-image {
  max-height: 148px;
  max-width: 90%;
}

/* 6) qa007 — legacy-like gold markers + links, larger lowered image */
.book-stage--layout-fixed [data-page-audio-id="qa007"] .page-design-root--answer-list .page-design-root__layout {
  grid-template-rows: 248px 186px;
}

.book-stage--layout-fixed [data-page-audio-id="qa007"] .page-design-root--answer-list .qa-answer-list__marker {
  width: 9px;
  height: 9px;
  border-radius: 2px;
  background: radial-gradient(
    circle at 32% 28%,
    #f2e2ad 0%,
    #e8cc7a 20%,
    #c9a84c 52%,
    #9a7830 80%,
    #6f5522 100%
  );
  box-shadow:
    inset -1px -2px 3px rgba(48, 30, 8, 0.58),
    inset 1px 1px 2px rgba(255, 238, 188, 0.5),
    0 1px 2px rgba(0, 0, 0, 0.3),
    0 0 5px rgba(201, 168, 76, 0.34);
}

.book-stage--layout-fixed [data-page-audio-id="qa007"] .page-design-root--answer-list .qa-tawheed-term-link {
  display: inline;
  margin: 0;
  padding: 0;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  appearance: none;
  -webkit-appearance: none;
  color: #b8923a !important;
  font: inherit;
  font-weight: inherit;
  line-height: inherit;
  text-decoration: underline;
  text-decoration-color: rgba(184, 146, 58, 0.42);
  text-underline-offset: 0.14em;
  text-decoration-thickness: 1px;
  cursor: pointer;
  border-radius: 0;
}

.book-stage--layout-fixed [data-page-audio-id="qa007"] .page-design-root--answer-list .qa-tawheed-term-link:hover,
.book-stage--layout-fixed [data-page-audio-id="qa007"] .page-design-root--answer-list .qa-tawheed-term-link:focus-visible {
  color: #e8cc7a !important;
  text-shadow:
    0 0 10px rgba(228, 198, 110, 0.55),
    0 0 3px rgba(255, 244, 200, 0.35);
  outline: none;
  background: transparent !important;
  box-shadow: none !important;
}

.book-stage--layout-fixed [data-page-audio-id="qa007"] .qa-mechet-zone--page7 {
  justify-content: flex-end;
  padding-top: 6px;
  padding-bottom: calc(var(--book-fixed-illus-safe-bottom) + 2px);
}

.book-stage--layout-fixed [data-page-audio-id="qa007"] .qa-mechet-zone--page7 .qa-mechet-image {
  max-height: 178px;
  max-width: 90%;
}

/* 7) qa013 — larger icon, lower placement, uniform soft edges */
.book-stage--layout-fixed [data-page-audio-id="qa013"] .page-design-root--qa013 .page-design-root__layout {
  grid-template-rows: 282px 152px;
}

.book-stage--layout-fixed [data-page-audio-id="qa013"] .qa-mechet-zone--page13 {
  justify-content: flex-end;
  padding-top: 8px;
  padding-bottom: calc(var(--book-fixed-illus-safe-bottom) + 2px);
}

.book-stage--layout-fixed [data-page-audio-id="qa013"] .qa-mechet-zone--page13 .qa-mechet-image {
  max-height: 132px;
  max-width: 88%;
  border-radius: 0 !important;
}

/* 8) Hadith pages — input visibility, actions right, page nums off ornament */
.book-stage--layout-fixed .page-design-root--hadith .qa-hadith-completion__edit-view {
  overflow: visible;
}

.book-stage--layout-fixed .page-design-root--hadith .qa-hadith-input {
  flex-shrink: 0;
  overflow: visible;
}

.book-stage--layout-fixed .page-design-root--hadith .qa-hadith-completion__actions--below,
.book-stage--layout-fixed .page-design-root--hadith .qa-hadith-completed-actions {
  justify-content: flex-end;
  width: 100%;
}

.book-stage--layout-fixed .page-design-root--hadith .page-number {
  bottom: var(--book-fixed-page-num-bottom);
  z-index: 6;
}

/* 9) Authoritative page-number anchor refresh (18px bottom, 20px inset) */
html.book-layout-mode-fixed .book-stage--layout-fixed .page-design-root > .page-number {
  bottom: var(--book-fixed-page-num-bottom);
}

html.book-layout-mode-fixed .obscure-page--content.page-sheet--left.book-page--fixed-shell .page-design-root > .page-number {
  left: var(--book-fixed-page-num-inset-x);
}

html.book-layout-mode-fixed .obscure-page--content.page-sheet--right.book-page--fixed-shell .page-design-root > .page-number {
  right: var(--book-fixed-page-num-inset-x);
}

/* ── Stage 6: qa005 source right + illustration free-zone center/fill ── */

/* qa005 — surah source line (icon + ayah ref) aligned right like legacy */
.book-stage--layout-fixed [data-page-audio-id="qa005"] .page-design-root--quran .qa-quran-source {
  align-self: flex-end;
  margin-top: 1px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: 12px;
  padding-bottom: 2px;
  position: relative;
  z-index: 2;
  max-width: calc(var(--book-fixed-content-w) - 12px);
}

.book-stage--layout-fixed [data-page-audio-id="qa005"] .page-design-root--quran .qa-quran-source__text {
  flex: 0 1 auto;
  text-align: left;
}

/* All illustration slots: center inside the empty grid row, use full free height */
.book-stage--layout-fixed [class*="page-design-root--"] .page-allah-zone,
.book-stage--layout-fixed [class*="page-design-root--"] .qa-mechet-zone,
.book-stage--layout-fixed [class*="page-design-root--"] .qa-page10-illustration-zone {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 0;
  overflow: hidden;
  box-sizing: border-box;
  padding:
    0
    4px
    var(--book-fixed-illus-safe-bottom);
}

.book-stage--layout-fixed [class*="page-design-root--"] .page-allah-icon,
.book-stage--layout-fixed [class*="page-design-root--"] .qa-mechet-image,
.book-stage--layout-fixed [class*="page-design-root--"] .qa-page10-illustration {
  flex: 0 1 auto;
  width: auto;
  height: auto;
  max-width: 94%;
  max-height: 100%;
  object-fit: contain;
  object-position: center center;
}

/* Per-page free-zone height + max fill */
.book-stage--layout-fixed [data-page-audio-id="qa001"] .page-design-root--allah .page-design-root__layout {
  grid-template-rows: 236px 198px;
}

.book-stage--layout-fixed [data-page-audio-id="qa001"] .page-design-root--allah .page-allah-icon__img {
  width: 168px;
  max-width: 88%;
  max-height: 100%;
}

.book-stage--layout-fixed [data-page-audio-id="qa002"] .page-design-root--mechet .page-design-root__layout {
  grid-template-rows: 232px 202px;
}

.book-stage--layout-fixed [data-page-audio-id="qa003"] .page-design-root--mechet .page-design-root__layout {
  grid-template-rows: 234px 200px;
}

.book-stage--layout-fixed [data-page-audio-id="qa005"] .page-design-root--quran .page-design-root__layout {
  grid-template-rows: 280px 154px;
}

.book-stage--layout-fixed [data-page-audio-id="qa005"] .page-design-root--quran .qa-mechet-zone--page5 .qa-mechet-image {
  max-width: 94%;
  max-height: 100%;
}

.book-stage--layout-fixed [data-page-audio-id="qa006"] .page-design-root--mechet .page-design-root__layout {
  grid-template-rows: 236px 198px;
}

.book-stage--layout-fixed [data-page-audio-id="qa007"] .page-design-root--answer-list .page-design-root__layout {
  grid-template-rows: 238px 196px;
}

.book-stage--layout-fixed [data-page-audio-id="qa008"] .page-design-root--mechet .page-design-root__layout {
  grid-template-rows: 240px 194px;
}

.book-stage--layout-fixed [data-page-audio-id="qa010"] .page-design-root--page10 .page-design-root__layout,
.book-stage--layout-fixed [data-page-audio-id="qa011"] .page-design-root--page10 .page-design-root__layout {
  grid-template-rows: 240px 194px;
}

.book-stage--layout-fixed [data-page-audio-id="qa013"] .page-design-root--qa013 .page-design-root__layout {
  grid-template-rows: 278px 156px;
}

.book-stage--layout-fixed [data-page-audio-id="qa005"] .page-design-root--quran .qa-mechet-zone--page5,
.book-stage--layout-fixed [data-page-audio-id="qa007"] .qa-mechet-zone--page7,
.book-stage--layout-fixed [data-page-audio-id="qa013"] .qa-mechet-zone--page13 {
  justify-content: center;
  align-items: center;
}

.book-stage--layout-fixed [data-page-audio-id="qa013"] .qa-mechet-zone--page13 .qa-mechet-image {
  max-width: 92%;
  max-height: 100%;
}

/* ── Stage 7: qa013 — match qa005 Arabic/translation/source; flat centered image ── */

.book-stage--layout-fixed [data-page-audio-id="qa013"] .page-design-root--qa013 .qa-quran-answer {
  gap: 0;
}

.book-stage--layout-fixed [data-page-audio-id="qa013"] .page-design-root--qa013 .qa-quran-answer-intro {
  font-size: 17px;
  line-height: 1.48;
  margin: 0;
}

.book-stage--layout-fixed [data-page-audio-id="qa013"] .page-design-root--qa013 .qa-quran-ayah {
  font-size: 15px;
  line-height: 1.48;
  margin: 0;
  padding: 0 4px;
}

.book-stage--layout-fixed [data-page-audio-id="qa013"] .page-design-root--qa013 .qa-quran-ayah-translation {
  display: block;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 0 2px;
  font-size: 15px;
  line-height: 1.44;
  text-align: center;
}

.book-stage--layout-fixed [data-page-audio-id="qa013"] .page-design-root--qa013 .qa-quran-source {
  align-self: flex-end;
  margin-top: 1px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: 12px;
  padding-bottom: 2px;
  position: relative;
  z-index: 2;
  max-width: calc(var(--book-fixed-content-w) - 12px);
}

.book-stage--layout-fixed [data-page-audio-id="qa013"] .page-design-root--qa013 .qa-quran-source__text {
  flex: 0 1 auto;
  text-align: left;
}

.book-stage--layout-fixed [data-page-audio-id="qa013"] .page-design-root--qa013 .page-design-root__layout {
  grid-template-rows: 280px 154px;
}

.book-stage--layout-fixed [data-page-audio-id="qa013"] .qa-mechet-zone--page13 {
  justify-content: center !important;
  align-items: center !important;
  padding-top: 0;
}

.book-stage--layout-fixed [data-page-audio-id="qa013"] .qa-mechet-zone--page13 .qa-mechet-image {
  border-radius: 0 !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
  max-width: 94%;
  max-height: 100%;
  object-fit: contain;
  object-position: center center;
}

/* ── Stage 8: illustration fill/center, qa001 float, qa007 no-scroll ── */

@keyframes bookFixedAllahIconFloat {
  0%, 100% { transform: translateY(5px); }
  50% { transform: translateY(-10px); }
}

/* Illustration free-zones: grid center + fill available height */
.book-stage--layout-fixed [class*="page-design-root--"] .page-allah-zone,
.book-stage--layout-fixed [class*="page-design-root--"] .qa-mechet-zone,
.book-stage--layout-fixed [class*="page-design-root--"] .qa-page10-illustration-zone {
  display: grid !important;
  place-items: center !important;
  place-content: center !important;
  padding:
    0
    2px
    calc(var(--book-fixed-illus-safe-bottom) - 6px) !important;
}

.book-stage--layout-fixed [class*="page-design-root--"] .page-allah-icon,
.book-stage--layout-fixed [class*="page-design-root--"] .qa-mechet-image,
.book-stage--layout-fixed [class*="page-design-root--"] .qa-page10-illustration {
  flex: 0 1 auto !important;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: 96% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
}

/* qa001 — legacy-soft float on icon wrapper (not img filter), larger in free zone */
.book-stage--layout-fixed [data-page-audio-id="qa001"] .page-design-root--allah .page-design-root__layout {
  grid-template-rows: 224px 210px;
}

.book-stage--layout-fixed [data-page-audio-id="qa001"] .page-design-root--allah .page-allah-icon {
  perspective: none !important;
  transform-style: flat !important;
  transition: none !important;
  animation: none;
  width: auto;
  max-width: 96%;
}

.book-stage--layout-fixed [data-page-audio-id="qa001"].obscure-page--animation-active[data-page-animation="allah-float"] .page-allah-icon {
  animation: bookFixedAllahIconFloat 5s ease-in-out infinite;
}

.book-stage--layout-fixed [data-page-audio-id="qa001"] .page-design-root--allah .page-allah-icon__img {
  width: 176px;
  max-width: 92%;
  max-height: 100%;
  animation: none !important;
  will-change: auto;
  filter:
    drop-shadow(0 5px 7px rgba(70, 42, 12, 0.24))
    drop-shadow(0 0 10px rgba(204, 162, 49, 0.16));
}

.book-stage--layout-fixed [data-page-audio-id="qa001"].obscure-page--animation-active[data-page-animation="allah-float"] .page-allah-icon__img {
  animation: none !important;
}

/* Per-page: more height for illustration row, images fill zone */
.book-stage--layout-fixed [data-page-audio-id="qa002"] .page-design-root--mechet .page-design-root__layout {
  grid-template-rows: 224px 210px;
}

.book-stage--layout-fixed [data-page-audio-id="qa003"] .page-design-root--mechet .page-design-root__layout {
  grid-template-rows: 226px 208px;
}

.book-stage--layout-fixed [data-page-audio-id="qa005"] .page-design-root--quran .page-design-root__layout {
  grid-template-rows: 274px 160px;
}

.book-stage--layout-fixed [data-page-audio-id="qa006"] .page-design-root--mechet .page-design-root__layout {
  grid-template-rows: 226px 208px;
}

.book-stage--layout-fixed [data-page-audio-id="qa008"] .page-design-root--mechet .page-design-root__layout {
  grid-template-rows: 228px 206px;
}

.book-stage--layout-fixed [data-page-audio-id="qa010"] .page-design-root--page10 .page-design-root__layout,
.book-stage--layout-fixed [data-page-audio-id="qa011"] .page-design-root--page10 .page-design-root__layout {
  grid-template-rows: 228px 206px;
}

.book-stage--layout-fixed [data-page-audio-id="qa013"] .page-design-root--qa013 .page-design-root__layout {
  grid-template-rows: 274px 160px;
}

/* qa007 — smaller parenthetical terms, tighter list, no scroll */
.book-stage--layout-fixed [data-page-audio-id="qa007"] .page-design-root--answer-list .page-design-root__layout {
  grid-template-rows: 256px 178px;
}

.book-stage--layout-fixed [data-page-audio-id="qa007"] .page-design-root--answer-list .answer-block {
  margin-top: 10px;
}

.book-stage--layout-fixed [data-page-audio-id="qa007"] .page-design-root--answer-list .qa-answer-list {
  gap: 5px;
}

.book-stage--layout-fixed [data-page-audio-id="qa007"] .page-design-root--answer-list .qa-answer-list__text {
  font-size: 16px;
  line-height: 1.46;
}

.book-stage--layout-fixed [data-page-audio-id="qa007"] .page-design-root--answer-list .qa-tawheed-term-link {
  font-size: 12.5px;
  line-height: 1.34;
}

.book-stage--layout-fixed [data-page-audio-id="qa007"] .page-design-root--answer-list .qa-answer-list-scroll {
  overflow: hidden !important;
}

.book-stage--layout-fixed [data-page-audio-id="qa007"] .page-design-root--answer-list .qa-answer-list-scroll.is-scrollable {
  overflow: hidden !important;
}

.book-stage--layout-fixed [data-page-audio-id="qa007"] .page-design-root--answer-list .qa-answer-list-scroll-indicator {
  display: none !important;
}

.book-stage--layout-fixed [data-page-audio-id="qa007"] .qa-mechet-zone--page7 .qa-mechet-image {
  object-position: center center !important;
}

/* ── Stage 10: qa013 — source row + illustration row (no overlap), larger flat image ── */
.book-stage--layout-fixed [data-page-audio-id="qa013"] .page-design-root--qa013 .page-design-root__layout {
  display: grid !important;
  grid-template-rows: 276px 38px 120px !important;
  height: var(--book-fixed-content-h);
  min-height: var(--book-fixed-content-h);
  overflow: hidden;
}

.book-stage--layout-fixed [data-page-audio-id="qa013"] .page-design-root--qa013 .qa-text-content {
  grid-row: 1;
  min-height: 0;
  height: 100%;
  overflow: hidden !important;
}

.book-stage--layout-fixed [data-page-audio-id="qa013"] .page-design-root--qa013 .answer-block,
.book-stage--layout-fixed [data-page-audio-id="qa013"] .page-design-root--qa013 .answer-text {
  overflow: hidden !important;
}

.book-stage--layout-fixed [data-page-audio-id="qa013"] .page-design-root--qa013 .qa-quran-answer {
  gap: 0;
  min-height: 0;
}

.book-stage--layout-fixed [data-page-audio-id="qa013"] .page-design-root--qa013 .question-text {
  font-size: 16px;
  line-height: 1.34;
}

.book-stage--layout-fixed [data-page-audio-id="qa013"] .page-design-root--qa013 .qa-quran-answer-intro {
  font-size: 15px;
  line-height: 1.42;
  margin: 0;
}

.book-stage--layout-fixed [data-page-audio-id="qa013"] .page-design-root--qa013 .qa-quran-ayah {
  font-size: 15px;
  line-height: 1.46;
  margin: 0;
  padding: 0 4px;
}

.book-stage--layout-fixed [data-page-audio-id="qa013"] .page-design-root--qa013 .qa-quran-ayah-translation,
.book-stage--layout-fixed [data-page-audio-id="qa013"] .page-design-root--qa013 .qa-quran-ayah-translation--fixed-lines {
  display: block;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 0 2px 6px;
  font-size: 15px;
  line-height: 1.4;
  text-align: center;
}

.book-stage--layout-fixed [data-page-audio-id="qa013"] .page-design-root--qa013 .qa-quran-ayah-translation::after {
  display: block !important;
  bottom: 0;
}

.book-stage--layout-fixed [data-page-audio-id="qa013"] .qa-quran-source-row {
  grid-row: 2;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  align-self: stretch;
  min-height: 0;
  height: 100%;
  margin: 0;
  padding: 0 12px 0 0;
  position: relative;
  z-index: 5;
  overflow: hidden;
}

.book-stage--layout-fixed [data-page-audio-id="qa013"] .page-design-root--qa013 .qa-mechet-zone {
  grid-row: 3;
  align-self: stretch;
  min-height: 0;
  height: 100%;
  overflow: hidden;
  z-index: 1;
  isolation: isolate;
}

.book-stage--layout-fixed [data-page-audio-id="qa013"] .qa-mechet-zone--page13 {
  display: grid !important;
  place-items: end center !important;
  place-content: end center !important;
  align-content: end !important;
  height: 100%;
  padding-top: 0 !important;
  padding-bottom: calc(var(--book-fixed-illus-safe-bottom) - 6px) !important;
}

.book-stage--layout-fixed [data-page-audio-id="qa013"] .qa-mechet-zone--page13 .qa-mechet-image {
  border-radius: 0 !important;
  -webkit-mask: none !important;
  mask: none !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
  clip-path: none !important;
  width: auto !important;
  height: auto !important;
  max-width: 92% !important;
  max-height: min(112px, calc(100% - 4px)) !important;
  object-fit: contain !important;
  object-position: center bottom !important;
}

/* ── Stage 11: qa001 legacy float + qa013 source/icon polish ── */

/* qa001 — exact legacy religiousIconFloat on img (keyframes in obscure-library.css) */
.book-stage--layout-fixed [data-page-audio-id="qa001"] .page-design-root--allah .page-allah-icon {
  perspective: 480px !important;
  transform-style: preserve-3d !important;
  transition: transform 0.4s ease !important;
  animation: none !important;
}

.book-stage--layout-fixed [data-page-audio-id="qa001"] .page-design-root--allah .page-allah-icon__img {
  will-change: transform;
  animation: none;
  -webkit-mask-image: none !important;
  mask-image: none !important;
}

.book-stage--layout-fixed [data-page-audio-id="qa001"].obscure-page--animation-active[data-page-animation="allah-float"] .page-allah-icon {
  animation: none !important;
}

.book-stage--layout-fixed [data-page-audio-id="qa001"].obscure-page--animation-active[data-page-animation="allah-float"] .page-allah-icon__img {
  animation: religiousIconFloat 5s ease-in-out infinite !important;
}

.book-stage--layout-fixed [data-page-audio-id="qa001"].obscure-page--animation-active[data-page-animation="allah-float"] .page-allah-icon--tap .page-allah-icon__img {
  animation:
    religiousIconFloat 5s ease-in-out infinite,
    religiousIconTapGlow 650ms ease-out !important;
}

@media (hover: hover) and (pointer: fine) {
  .book-stage--layout-fixed [data-page-audio-id="qa001"] .page-design-root--allah .page-allah-icon:hover {
    transform: scale(1.03);
  }

  .book-stage--layout-fixed [data-page-audio-id="qa001"].obscure-page--animation-active[data-page-animation="allah-float"] .page-allah-icon:hover .page-allah-icon__img {
    filter:
      drop-shadow(0 8px 10px rgba(70, 42, 12, 0.28))
      drop-shadow(0 0 22px rgba(214, 174, 57, 0.32));
  }
}

.book-stage--layout-fixed [data-page-audio-id="qa001"] .page-design-root--allah .page-allah-icon--tap {
  animation: religiousIconTap 650ms ease-out;
}

/* qa013 — tighter source under divider; larger flat icon centered in free row */
.book-stage--layout-fixed [data-page-audio-id="qa013"] .page-design-root--qa013 .page-design-root__layout {
  display: grid !important;
  grid-template-rows: 268px 22px 144px !important;
  height: var(--book-fixed-content-h);
  min-height: var(--book-fixed-content-h);
  overflow: hidden;
}

.book-stage--layout-fixed [data-page-audio-id="qa013"] .page-design-root--qa013 .qa-quran-ayah-translation,
.book-stage--layout-fixed [data-page-audio-id="qa013"] .page-design-root--qa013 .qa-quran-ayah-translation--fixed-lines {
  padding-bottom: 0 !important;
}

.book-stage--layout-fixed [data-page-audio-id="qa013"] .qa-quran-source-row {
  grid-row: 2;
  display: flex;
  align-items: flex-start !important;
  justify-content: flex-end;
  align-self: start;
  min-height: 0;
  height: auto;
  margin: -26px 0 0 !important;
  padding: 0 12px 0 0;
  position: relative;
  z-index: 6;
  overflow: visible;
}

.book-stage--layout-fixed [data-page-audio-id="qa013"] .page-design-root--qa013 .qa-quran-source {
  margin-top: 0 !important;
  padding-bottom: 0 !important;
}

.book-stage--layout-fixed [data-page-audio-id="qa013"] .page-design-root--qa013 .qa-mechet-zone {
  grid-row: 3;
  align-self: stretch;
  min-height: 0;
  height: 100%;
  overflow: visible !important;
  z-index: 1;
}

.book-stage--layout-fixed [data-page-audio-id="qa013"] .qa-mechet-zone--page13 {
  display: grid !important;
  place-items: center !important;
  place-content: center !important;
  align-content: center !important;
  height: 100%;
  padding-top: 0 !important;
  padding-bottom: calc(var(--book-fixed-illus-safe-bottom) - 6px) !important;
}

.book-stage--layout-fixed [data-page-audio-id="qa013"] .qa-mechet-zone--page13 .qa-mechet-image {
  border-radius: 0 !important;
  -webkit-mask: none !important;
  mask: none !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
  clip-path: none !important;
  width: auto !important;
  height: auto !important;
  max-width: 96% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
}

/* ── Stage 12: VISUAL PARITY MERGE (authoritative over Stages 1–11) ──
   Fixed scaling/line-breaks unchanged. Legacy visual behavior in px only. */

/* Page numbers — single anchor inside 380×520, all pages incl. hadith */
html.book-layout-mode-fixed .book-stage--layout-fixed .page-design-root > .page-number {
  position: absolute !important;
  bottom: var(--book-fixed-page-num-bottom) !important;
  font-size: var(--book-fixed-font-page-num) !important;
  line-height: 1 !important;
  margin: 0 !important;
  opacity: 0.6;
  z-index: 6;
}

html.book-layout-mode-fixed .obscure-page--content.page-sheet--left.book-page--fixed-shell .page-design-root > .page-number {
  left: var(--book-fixed-page-num-inset-x) !important;
  right: auto !important;
}

html.book-layout-mode-fixed .obscure-page--content.page-sheet--right.book-page--fixed-shell .page-design-root > .page-number {
  right: var(--book-fixed-page-num-inset-x) !important;
  left: auto !important;
}

/* Illustration free-zones: center in text-free row, soft edges (except qa013 flat icon) */
.book-stage--layout-fixed [class*="page-design-root--"] .page-allah-zone,
.book-stage--layout-fixed [class*="page-design-root--"] .qa-mechet-zone,
.book-stage--layout-fixed [class*="page-design-root--"] .qa-page10-illustration-zone {
  display: grid !important;
  place-items: center !important;
  place-content: center !important;
  overflow: hidden;
  padding:
    0
    4px
    calc(var(--book-fixed-illus-safe-bottom) - 4px) !important;
}

.book-stage--layout-fixed [class*="page-design-root--"] .page-allah-icon,
.book-stage--layout-fixed [class*="page-design-root--"] .qa-mechet-image,
.book-stage--layout-fixed [class*="page-design-root--"] .qa-page10-illustration {
  flex: 0 1 auto !important;
  width: auto !important;
  height: auto !important;
  max-width: 96% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
  -webkit-mask-image: var(--book-fixed-illus-soft-mask);
  mask-image: var(--book-fixed-illus-soft-mask);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center;
  mask-position: center;
}

/* qa001 — legacy float + larger icon in free zone */
.book-stage--layout-fixed [data-page-audio-id="qa001"] .page-design-root--allah .page-design-root__layout {
  grid-template-rows: 222px 212px !important;
}

.book-stage--layout-fixed [data-page-audio-id="qa001"] .page-design-root--allah .page-allah-icon__img {
  width: 168px !important;
  max-width: 94% !important;
  max-height: 100% !important;
  filter:
    drop-shadow(0 5px 7px rgba(70, 42, 12, 0.24))
    drop-shadow(0 0 10px rgba(204, 162, 49, 0.16));
}

.book-stage--layout-fixed [data-page-audio-id="qa001"].obscure-page--animation-active[data-page-animation="allah-float"] .page-allah-icon {
  animation: none !important;
}

.book-stage--layout-fixed [data-page-audio-id="qa001"].obscure-page--animation-active[data-page-animation="allah-float"] .page-allah-icon__img {
  animation: religiousIconFloat 5s ease-in-out infinite !important;
}

/* qa002/003/006/008 — legacy center + fill free zone */
.book-stage--layout-fixed [data-page-audio-id="qa002"] .page-design-root--mechet .page-design-root__layout {
  grid-template-rows: 222px 212px !important;
}

.book-stage--layout-fixed [data-page-audio-id="qa003"] .page-design-root--mechet .page-design-root__layout {
  grid-template-rows: 224px 210px !important;
}

.book-stage--layout-fixed [data-page-audio-id="qa006"] .page-design-root--mechet .page-design-root__layout {
  grid-template-rows: 224px 210px !important;
}

.book-stage--layout-fixed [data-page-audio-id="qa008"] .page-design-root--mechet .page-design-root__layout {
  grid-template-rows: 226px 208px !important;
}

.book-stage--layout-fixed [data-page-audio-id="qa002"] .qa-mechet-zone--page2 .qa-mechet-image,
.book-stage--layout-fixed [data-page-audio-id="qa003"] .qa-mechet-zone--page3 .qa-mechet-image,
.book-stage--layout-fixed [data-page-audio-id="qa006"] .qa-mechet-zone--page6 .qa-mechet-image,
.book-stage--layout-fixed [data-page-audio-id="qa008"] .qa-mechet-zone--page8 .qa-mechet-image {
  max-height: 100% !important;
  max-width: 94% !important;
}

/* qa010/011 — legacy centered illustration */
.book-stage--layout-fixed [data-page-audio-id="qa010"] .page-design-root--page10 .page-design-root__layout,
.book-stage--layout-fixed [data-page-audio-id="qa011"] .page-design-root--page10 .page-design-root__layout {
  grid-template-rows: 226px 208px !important;
}

.book-stage--layout-fixed [data-page-audio-id="qa010"] .qa-page10-illustration,
.book-stage--layout-fixed [data-page-audio-id="qa011"] .qa-page10-illustration {
  max-height: 100% !important;
  max-width: 94% !important;
}

/* qa004/009/012 — hadith legacy composition (fixed px grid, no reflow) */
.book-stage--layout-fixed [data-page-audio-id="qa004"] .page-design-root--hadith,
.book-stage--layout-fixed [data-page-audio-id="qa009"] .page-design-root--hadith,
.book-stage--layout-fixed [data-page-audio-id="qa012"] .page-design-root--hadith {
  --book-fixed-hadith-row-exercise: 204px;
  --book-fixed-hadith-row-divider: 44px;
  --book-fixed-hadith-row-answer: 186px;
}

.book-stage--layout-fixed [data-page-audio-id="qa004"] .page-design-root--hadith .qa-hadith-input,
.book-stage--layout-fixed [data-page-audio-id="qa009"] .page-design-root--hadith .qa-hadith-input,
.book-stage--layout-fixed [data-page-audio-id="qa012"] .page-design-root--hadith .qa-hadith-input {
  touch-action: manipulation;
}

.book-stage--layout-fixed [data-page-audio-id="qa004"] .page-design-root--hadith .qa-hadith-completion__actions,
.book-stage--layout-fixed [data-page-audio-id="qa009"] .page-design-root--hadith .qa-hadith-completion__actions,
.book-stage--layout-fixed [data-page-audio-id="qa012"] .page-design-root--hadith .qa-hadith-completion__actions,
.book-stage--layout-fixed [data-page-audio-id="qa004"] .page-design-root--hadith .qa-hadith-completion__actions--below,
.book-stage--layout-fixed [data-page-audio-id="qa009"] .page-design-root--hadith .qa-hadith-completion__actions--below,
.book-stage--layout-fixed [data-page-audio-id="qa012"] .page-design-root--hadith .qa-hadith-completion__actions--below,
.book-stage--layout-fixed [data-page-audio-id="qa004"] .page-design-root--hadith .qa-hadith-completed-actions,
.book-stage--layout-fixed [data-page-audio-id="qa009"] .page-design-root--hadith .qa-hadith-completed-actions,
.book-stage--layout-fixed [data-page-audio-id="qa012"] .page-design-root--hadith .qa-hadith-completed-actions {
  justify-content: flex-end !important;
  width: 100%;
}

.book-stage--layout-fixed [data-page-audio-id="qa004"] .page-design-root--hadith .qa-hadith-answer-quote,
.book-stage--layout-fixed [data-page-audio-id="qa009"] .page-design-root--hadith .qa-hadith-answer-quote,
.book-stage--layout-fixed [data-page-audio-id="qa012"] .page-design-root--hadith .qa-hadith-answer-quote {
  padding: 6px 8px 6px 10px;
  border-left: 2px solid rgba(201, 168, 76, 0.84);
  background: rgba(255, 250, 238, 0.42);
  box-shadow: inset 2px 0 10px rgba(201, 168, 76, 0.12);
}

.book-stage--layout-fixed [data-page-audio-id="qa004"] .page-design-root--hadith .qa-hadith-answer-source,
.book-stage--layout-fixed [data-page-audio-id="qa009"] .page-design-root--hadith .qa-hadith-answer-source,
.book-stage--layout-fixed [data-page-audio-id="qa012"] .page-design-root--hadith .qa-hadith-answer-source {
  padding: 6px 6px 0;
  border-top: 1px solid rgba(201, 168, 76, 0.22);
}

/* qa005 — legacy source right + illustration in free zone */
.book-stage--layout-fixed [data-page-audio-id="qa005"] .page-design-root--quran .page-design-root__layout {
  grid-template-rows: 272px 162px !important;
}

.book-stage--layout-fixed [data-page-audio-id="qa005"] .page-design-root--quran .qa-quran-source {
  align-self: flex-end !important;
  margin: 1px 12px 0 auto !important;
  padding-bottom: 2px;
}

.book-stage--layout-fixed [data-page-audio-id="qa005"] .page-design-root--quran .qa-mechet-zone--page5 .qa-mechet-image {
  max-height: 100% !important;
  max-width: 92% !important;
}

/* qa007 — legacy gold circles + popup links (not gray boxes) */
.book-stage--layout-fixed [data-page-audio-id="qa007"] .page-design-root--answer-list .page-design-root__layout {
  grid-template-rows: 254px 180px !important;
}

.book-stage--layout-fixed [data-page-audio-id="qa007"] .page-design-root--answer-list .qa-answer-list__marker,
.book-stage--layout-fixed [data-page-audio-id="qa007"] .page-design-root--answer-list .qa-answer-list__marker::before,
.book-stage--layout-fixed [data-page-audio-id="qa007"] .page-design-root--answer-list .qa-answer-list__marker::after {
  border-radius: 50% !important;
}

.book-stage--layout-fixed [data-page-audio-id="qa007"] .page-design-root--answer-list .qa-answer-list__marker {
  width: var(--book-fixed-list-marker) !important;
  height: var(--book-fixed-list-marker) !important;
  animation: qaAnswerMarkerGoldShimmer 4.8s ease-in-out infinite;
}

.book-stage--layout-fixed [data-page-audio-id="qa007"] .page-design-root--answer-list .qa-answer-list__marker::after {
  animation: qaAnswerMarkerGlintSpin 5.6s linear infinite;
}

.book-stage--layout-fixed [data-page-audio-id="qa007"] .page-design-root--answer-list .qa-tawheed-term-link {
  display: inline !important;
  margin: 0 !important;
  padding: 0 1px !important;
  border: none !important;
  background: none !important;
  box-shadow: none !important;
  color: inherit !important;
  font: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  text-decoration: none !important;
  border-radius: 2px;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  transition: color 0.2s ease, text-shadow 0.2s ease, box-shadow 0.2s ease;
}

.book-stage--layout-fixed [data-page-audio-id="qa007"] .page-design-root--answer-list .qa-tawheed-term-link:hover,
.book-stage--layout-fixed [data-page-audio-id="qa007"] .page-design-root--answer-list .qa-tawheed-term-link:focus-visible {
  color: #e8cc7a !important;
  text-shadow:
    0 0 10px rgba(228, 198, 110, 0.55),
    0 0 3px rgba(255, 244, 200, 0.35);
  outline: none;
  box-shadow: 0 0 0 1px rgba(201, 168, 76, 0.28) !important;
  background: none !important;
}

.book-stage--layout-fixed [data-page-audio-id="qa007"] .page-design-root--answer-list .qa-tawheed-term-link:active {
  color: #d4b86a !important;
  transform: scale(0.985);
}

.book-stage--layout-fixed [data-page-audio-id="qa007"] .page-design-root--answer-list .qa-gold-shimmer-text {
  display: inline;
  font-weight: 600;
  color: #b8923a;
  animation: qaGoldTextShimmer 4.8s ease-in-out infinite;
}

.book-stage--layout-fixed [data-page-audio-id="qa007"] .qa-mechet-zone--page7 .qa-mechet-image {
  max-height: 100% !important;
  max-width: 92% !important;
  object-position: center center !important;
}

.book-stage--layout-fixed [data-page-audio-id="qa007"] .page-design-root--answer-list .qa-answer-list-scroll {
  overflow: hidden !important;
}

.book-stage--layout-fixed [data-page-audio-id="qa007"] .page-design-root--answer-list .qa-answer-list-scroll.is-scrollable {
  overflow: hidden !important;
}

/* qa013 — flat icon: no soft mask (Stage 11 grid/source preserved) */
.book-stage--layout-fixed [data-page-audio-id="qa013"] .qa-mechet-zone--page13 .qa-mechet-image {
  -webkit-mask-image: none !important;
  mask-image: none !important;
}

/* ── Stage 13: illustration fill/center only (authoritative) ── */

@keyframes bookFixedAllahFloatClean {
  0%, 100% { transform: translateY(5px); }
  50% { transform: translateY(-9px); }
}

/* Shared: images fill + center inside illustration row (not text row) */
.book-stage--layout-fixed [class*="page-design-root--"] .page-allah-zone,
.book-stage--layout-fixed [class*="page-design-root--"] .qa-mechet-zone,
.book-stage--layout-fixed [class*="page-design-root--"] .qa-page10-illustration-zone {
  display: grid !important;
  place-items: center !important;
  place-content: center !important;
  align-content: center !important;
  justify-items: center !important;
  box-sizing: border-box;
  padding:
    0
    2px
    calc(var(--book-fixed-illus-safe-bottom) - 2px) !important;
}

.book-stage--layout-fixed [class*="page-design-root--"] .page-allah-icon,
.book-stage--layout-fixed [class*="page-design-root--"] .qa-mechet-image,
.book-stage--layout-fixed [class*="page-design-root--"] .qa-page10-illustration {
  display: block !important;
  width: auto !important;
  height: auto !important;
  max-width: 98% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
}

/* qa001 — larger Allah icon, clean vertical float, no mask/clipping */
.book-stage--layout-fixed [data-page-audio-id="qa001"] .page-design-root--allah .page-design-root__layout {
  grid-template-rows: 214px 220px !important;
}

.book-stage--layout-fixed [data-page-audio-id="qa001"] .page-design-root--allah .page-allah-zone {
  overflow: hidden !important;
  padding-bottom: calc(var(--book-fixed-illus-safe-bottom) - 2px) !important;
}

.book-stage--layout-fixed [data-page-audio-id="qa001"] .page-design-root--allah .page-allah-icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100%;
  height: 100%;
  max-height: 100%;
  perspective: none !important;
  transform-style: flat !important;
  animation: none !important;
}

.book-stage--layout-fixed [data-page-audio-id="qa001"] .page-design-root--allah .page-allah-icon__img {
  display: block !important;
  width: auto !important;
  height: auto !important;
  max-width: 98% !important;
  max-height: 192px !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
  clip-path: none !important;
  border-radius: 0 !important;
  will-change: transform;
  backface-visibility: hidden;
  filter:
    drop-shadow(0 5px 7px rgba(70, 42, 12, 0.24))
    drop-shadow(0 0 10px rgba(204, 162, 49, 0.16));
  animation: none;
}

.book-stage--layout-fixed [data-page-audio-id="qa001"].obscure-page--animation-active[data-page-animation="allah-float"] .page-allah-icon__img {
  animation: bookFixedAllahFloatClean 5s ease-in-out infinite !important;
}

/* qa002/003/006/008 — taller illustration rows + fill */
.book-stage--layout-fixed [data-page-audio-id="qa002"] .page-design-root--mechet .page-design-root__layout {
  grid-template-rows: 218px 216px !important;
}

.book-stage--layout-fixed [data-page-audio-id="qa003"] .page-design-root--mechet .page-design-root__layout {
  grid-template-rows: 220px 214px !important;
}

.book-stage--layout-fixed [data-page-audio-id="qa006"] .page-design-root--mechet .page-design-root__layout {
  grid-template-rows: 220px 214px !important;
}

.book-stage--layout-fixed [data-page-audio-id="qa008"] .page-design-root--mechet .page-design-root__layout {
  grid-template-rows: 222px 212px !important;
}

.book-stage--layout-fixed [data-page-audio-id="qa002"] .qa-mechet-zone--page2 .qa-mechet-image,
.book-stage--layout-fixed [data-page-audio-id="qa003"] .qa-mechet-zone--page3 .qa-mechet-image,
.book-stage--layout-fixed [data-page-audio-id="qa006"] .qa-mechet-zone--page6 .qa-mechet-image,
.book-stage--layout-fixed [data-page-audio-id="qa008"] .qa-mechet-zone--page8 .qa-mechet-image {
  height: 100% !important;
  max-height: 100% !important;
  max-width: 98% !important;
}

/* qa005 — illustration row below source (source stays in text row) */
.book-stage--layout-fixed [data-page-audio-id="qa005"] .page-design-root--quran .page-design-root__layout {
  grid-template-rows: 276px 158px !important;
}

.book-stage--layout-fixed [data-page-audio-id="qa005"] .page-design-root--quran .qa-mechet-zone--page5 {
  justify-content: center !important;
  align-content: center !important;
  place-items: center !important;
}

.book-stage--layout-fixed [data-page-audio-id="qa005"] .page-design-root--quran .qa-mechet-zone--page5 .qa-mechet-image {
  height: 100% !important;
  max-height: 100% !important;
  max-width: 96% !important;
}

/* qa007 — list row + larger centered page7 image */
.book-stage--layout-fixed [data-page-audio-id="qa007"] .page-design-root--answer-list .page-design-root__layout {
  grid-template-rows: 252px 182px !important;
}

.book-stage--layout-fixed [data-page-audio-id="qa007"] .qa-mechet-zone--page7 {
  justify-content: center !important;
  align-content: center !important;
  place-items: center !important;
  padding-top: 0 !important;
}

.book-stage--layout-fixed [data-page-audio-id="qa007"] .qa-mechet-zone--page7 .qa-mechet-image {
  height: 100% !important;
  max-height: 100% !important;
  max-width: 96% !important;
  object-position: center center !important;
}

/* qa010/011 — fill illustration row */
.book-stage--layout-fixed [data-page-audio-id="qa010"] .page-design-root--page10 .page-design-root__layout,
.book-stage--layout-fixed [data-page-audio-id="qa011"] .page-design-root--page10 .page-design-root__layout {
  grid-template-rows: 222px 212px !important;
}

.book-stage--layout-fixed [data-page-audio-id="qa010"] .qa-page10-illustration,
.book-stage--layout-fixed [data-page-audio-id="qa011"] .qa-page10-illustration {
  height: 100% !important;
  max-height: 100% !important;
  max-width: 98% !important;
}

/* qa013 — larger flat icon in illustration row only */
.book-stage--layout-fixed [data-page-audio-id="qa013"] .page-design-root--qa013 .page-design-root__layout {
  grid-template-rows: 266px 22px 146px !important;
}

.book-stage--layout-fixed [data-page-audio-id="qa013"] .qa-mechet-zone--page13 {
  place-items: center !important;
  place-content: center !important;
  overflow: visible !important;
}

.book-stage--layout-fixed [data-page-audio-id="qa013"] .qa-mechet-zone--page13 .qa-mechet-image {
  height: 100% !important;
  max-height: 100% !important;
  max-width: 98% !important;
  -webkit-mask: none !important;
  mask: none !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
  clip-path: none !important;
  border-radius: 0 !important;
}
} /* end @media not all — deprecated stages 1–13 */