.book-comprehension-editor[data-v-6171301e] { color: #37474f;
}
fieldset[data-v-6171301e] { border: 1px solid #d8e1ea; border-radius: 20px; padding: 14px;
}
legend[data-v-6171301e] { padding: 0 8px; font-weight: 700;
}
.book-comprehension-editor__area[data-v-6171301e] { display: flex; gap: 12px; align-items: center; padding: 9px 0;
}
.book-comprehension-editor__area > span[data-v-6171301e]:nth-child(2) { flex: 1;
}
small[data-v-6171301e] { display: block; color: #607d8b;
}
input[type=checkbox][data-v-6171301e] { width: 21px; height: 21px; accent-color: #43a047;
}
.book-comprehension-editor__actions[data-v-6171301e] { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; margin: 14px 0;
}
button[data-v-6171301e] { border: 1px solid #905d95; border-radius: 22px; background: white; color: #76477c; padding: 9px 16px; font: inherit; cursor: pointer;
}
button[data-v-6171301e]:disabled { opacity: .5; cursor: default;
}
.book-comprehension-editor__question[data-v-6171301e] { padding: 16px; margin: 14px 0; border: 1px solid #d8e1ea; border-radius: 20px; background: #fbf8fc;
}
.book-comprehension-editor__question--excluded[data-v-6171301e] { background: #f1f3f5;
}
.book-comprehension-editor__question label[data-v-6171301e] { display: grid; gap: 5px; margin: 10px 0; font-weight: 600;
}
textarea[data-v-6171301e], input[data-v-6171301e]:not([type=checkbox]), select[data-v-6171301e] { width: 100%; min-height: 38px; padding: 8px 12px; color: #37474f; border: 1px solid #b0bec5; border-radius: 12px; background: white; font: inherit;
}
.book-comprehension-editor__actions select[data-v-6171301e] { width: auto; margin-left: 8px;
}
.book-comprehension-editor__error[data-v-6171301e] { color: #b3261e;
}
.book-comprehension-editor__support[data-v-6171301e] { padding: 14px; border-radius: 14px; background: white; border: 1px solid #d8e1ea;
}
.book-comprehension-editor__support img[data-v-6171301e] { display: block; max-width: 100%; height: 180px; object-fit: contain; margin: auto;
}
.book-comprehension-editor__support p[data-v-6171301e] { margin: 10px 0; font-size: 17px;
}
.book-comprehension-editor__note[data-v-6171301e] { color: #607d8b; font-size: 13px;
}


.book-comprehension-question[data-v-89a2110d], .book-comprehension-passage[data-v-89a2110d] { width: 100%; max-height: 100%; overflow-y: auto; padding: 12px; color: #37474f;
}
.book-comprehension-question__prompt[data-v-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-89a2110d] { flex: 1;
}
.book-comprehension-question__prompt button[data-v-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-89a2110d] { display: grid; gap: 12px; margin: 20px 0;
}
.book-comprehension-question__choices button[data-v-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-89a2110d] { border-color: #905d95; background: #f3eaf4;
}
.book-comprehension-question__choices button span[data-v-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-89a2110d] { background: #f4edf5; border-radius: 15px; padding: 12px;
}
.book-comprehension-passage[data-v-89a2110d] { align-self: stretch; font-size: clamp(16px,1.6vw,23px); line-height: 1.65;
}
.book-comprehension-passage--supported[data-v-89a2110d] { display: flex; flex-direction: column; gap: 12px;
}
.book-comprehension-passage__picture[data-v-89a2110d] { flex: 1 1 240px; min-height: 100px; overflow: hidden; border-radius: 16px;
}
.book-comprehension-passage__picture img[data-v-89a2110d] { display: block; width: 100%; height: 100%;
}
.book-comprehension-passage--supported p[data-v-89a2110d] { flex: none; padding: 10px; margin: 0; text-align: center; font-size: clamp(20px,2vw,30px); line-height: 1.45;
}
.book-comprehension-passage p[data-v-89a2110d] { white-space: pre-wrap;
}