
.book-comprehension-question[data-v-creation-89a2110d], .book-comprehension-passage[data-v-creation-89a2110d] { width: 100%; max-height: 100%; overflow-y: auto; padding: 12px; color: #37474f;
}
.book-comprehension-question__prompt[data-v-creation-89a2110d] { display: flex; gap: 12px; align-items: center; padding: 14px 20px; border-radius: 28px; background: linear-gradient(135deg,#67bb6a,#63b965); color: white; font-size: clamp(16px,1.7vw,24px); line-height: 1.4;
}
.book-comprehension-question__prompt span[data-v-creation-89a2110d] { flex: 1;
}
.book-comprehension-question__prompt button[data-v-creation-89a2110d] { border: 1px solid white; border-radius: 50%; background: transparent; color: white; width: 34px; height: 34px; cursor: pointer; flex: none;
}
.book-comprehension-question__choices[data-v-creation-89a2110d] { display: grid; gap: 12px; margin: 20px 0;
}
.book-comprehension-question__choices button[data-v-creation-89a2110d] { display: flex; align-items: center; gap: 12px; border: 2px solid #d8e1ea; border-radius: 20px; background: white; color: #37474f; text-align: left; padding: 14px; font: inherit; font-size: clamp(15px,1.5vw,21px); cursor: pointer;
}
.book-comprehension-question__choices button.selected[data-v-creation-89a2110d] { border-color: #905d95; background: #f3eaf4;
}
.book-comprehension-question__choices button span[data-v-creation-89a2110d] { display: grid; place-items: center; border: 1px solid #b0bec5; border-radius: 50%; width: 30px; height: 30px; flex: none;
}
.book-comprehension-question__feedback[data-v-creation-89a2110d] { background: #f4edf5; border-radius: 15px; padding: 12px;
}
.book-comprehension-question__model[data-v-creation-89a2110d]{margin-top:16px;padding:14px;border-radius:18px;background:#fff3e0;}
.book-comprehension-question__model button[data-v-creation-89a2110d]{border:1px solid #ed9c21;border-radius:22px;background:white;padding:8px 14px;color:#7a4800;cursor:pointer;}
.book-comprehension-question__choices button.is-model[data-v-creation-89a2110d]{border-color:#43a047;background:#e8f5e9;opacity:1;}
.book-comprehension-passage[data-v-creation-89a2110d] { align-self: stretch; min-height: 0; font-size: clamp(16px,1.6vw,23px); line-height: 1.65; overscroll-behavior: contain;
}
.book-comprehension-passage--hidden[data-v-creation-89a2110d] { display: none;
}
.book-comprehension-passage__source + .book-comprehension-passage__source[data-v-creation-89a2110d] { margin-top: 24px; padding-top: 24px; border-top: 1px solid #d8e1ea;
}
.book-comprehension-passage__picture[data-v-creation-89a2110d] { width: 100%; margin: 0 auto 16px;
}
.book-comprehension-passage__picture img[data-v-creation-89a2110d] { display: block; width: 100%; height: auto; max-height: 44vh; object-fit: contain;
}
.book-comprehension-passage--early .book-comprehension-passage__picture[data-v-creation-89a2110d] { width: 50%;
}
.book-comprehension-passage--early .book-comprehension-passage__picture img[data-v-creation-89a2110d] { max-height: 22vh;
}
.book-comprehension-passage p[data-v-creation-89a2110d] { white-space: pre-wrap; margin: 0;
}
.book-comprehension-question__prompt button[data-v-creation-89a2110d] { display: grid; place-items: center; padding: 4px;
}


.book-tool .book-tool__spread:has(.book-comprehension-question--independent) { grid-template-columns: minmax(0, 1fr);
}
.book-tool .book-tool__paper--picture:has(.book-comprehension-passage--hidden) { display: none;
}
.book-tool .book-tool__paper--text:has(.book-comprehension-question) { padding: clamp(16px, 2.5cqw, 30px);
}
.book-tool .book-tool__paper--text:has(.book-comprehension-question--independent) { border-radius: 10px 18px 18px 10px;
}
.book-tool .book-comprehension-question--independent { max-width: 900px; margin-inline: auto;
}
