.reading-comprehension-editor[data-v-reading-comprehension-editor] { margin-top: 28px; padding: 26px; border: 1px solid #e2d9eb; border-radius: 24px; background: white; color: #30263b;
}
.reading-comprehension-editor__heading[data-v-reading-comprehension-editor] { display: flex; justify-content: space-between; align-items: flex-start; gap: 20px; margin-bottom: 18px;
}
.reading-comprehension-editor h2[data-v-reading-comprehension-editor] { margin: 0 0 8px; font-size: 24px; line-height: 1.3; font-weight: 700;
}
.reading-comprehension-editor__heading p[data-v-reading-comprehension-editor], .reading-comprehension-editor__hint[data-v-reading-comprehension-editor] { margin: 0; max-width: 850px; font-size: 14px; line-height: 1.6; color: #64576f;
}
.reading-comprehension-editor__passage[data-v-reading-comprehension-editor] { margin-top: 14px; border: 1px solid #e2d9eb; border-radius: 16px; overflow: hidden;
}
.reading-comprehension-editor summary[data-v-reading-comprehension-editor] { cursor: pointer; padding: 18px; background: #f5effa; font-size: 17px;
}
.reading-comprehension-editor summary span[data-v-reading-comprehension-editor] { margin-left: 16px; font-size: 13px; color: #64576f; white-space: nowrap;
}
.reading-comprehension-editor__body[data-v-reading-comprehension-editor] { padding: 22px;
}
.reading-comprehension-editor__text[data-v-reading-comprehension-editor] { padding: 4px 20px; border-left: 3px solid #aa80c7; background: #fcfaff; line-height: 1.8;
}
.reading-comprehension-editor__actions[data-v-reading-comprehension-editor] { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; margin: 22px 0 12px;
}
.reading-comprehension-editor__button[data-v-reading-comprehension-editor] { border: 1px solid #b99bcc; border-radius: 10px; padding: 9px 15px; background: white; color: #613181; cursor: pointer; font: inherit; font-size: 14px; font-weight: 600;
}
.reading-comprehension-editor__button--primary[data-v-reading-comprehension-editor] { background: #703d92; color: white;
}
.reading-comprehension-editor__button[data-v-reading-comprehension-editor]:disabled { opacity: .55; cursor: wait;
}
.reading-comprehension-editor__questions[data-v-reading-comprehension-editor] { margin: 22px 0 0; padding-left: 28px;
}
.reading-comprehension-editor__questions > li[data-v-reading-comprehension-editor] { padding: 4px 0 24px 8px; margin-bottom: 20px; border-bottom: 1px solid #eee7f2;
}
.reading-comprehension-editor h3[data-v-reading-comprehension-editor] { margin: 6px 0 14px; font-size: 17px; line-height: 1.5; font-weight: 650;
}
.reading-comprehension-editor__skill[data-v-reading-comprehension-editor] { color: #74508e; font-size: 12px; font-weight: 650; text-transform: uppercase; letter-spacing: .06em;
}
.reading-comprehension-editor__choice[data-v-reading-comprehension-editor] { display: flex; align-items: center; gap: 12px; padding: 10px 12px; margin-top: 8px; border: 1px solid #e7e0ec; border-radius: 10px;
}
.reading-comprehension-editor__choice--correct[data-v-reading-comprehension-editor] { background: #edf7ed; border-color: #a0c89f;
}
.reading-comprehension-editor__correct[data-v-reading-comprehension-editor] { margin-left: auto; color: #31703b; font-size: 12px; font-weight: 650;
}
.reading-comprehension-editor__field[data-v-reading-comprehension-editor] { display: block; margin: 10px 0 14px; font-size: 13px; font-weight: 600;
}
.reading-comprehension-editor textarea[data-v-reading-comprehension-editor], .reading-comprehension-editor__choice-input input[data-v-reading-comprehension-editor] { box-sizing: border-box; width: 100%; padding: 10px; border: 1px solid #b9a7c5; border-radius: 8px; background: white; color: #30263b; font: inherit; font-size: 15px;
}
.reading-comprehension-editor textarea[data-v-reading-comprehension-editor] { display: block; margin-top: 6px; resize: vertical;
}
.reading-comprehension-editor__choice-input[data-v-reading-comprehension-editor] { flex: 1; min-width: 0;
}
.reading-comprehension-editor__answer[data-v-reading-comprehension-editor] { display: flex; gap: 8px; align-items: center; cursor: pointer;
}
.reading-comprehension-editor__answer input[data-v-reading-comprehension-editor] { accent-color: #703d92;
}
.reading-comprehension-editor__error[data-v-reading-comprehension-editor] { color: #ae263b;
}
.reading-comprehension-editor__sr-only[data-v-reading-comprehension-editor] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0;
}
@media (max-width: 600px) {
.reading-comprehension-editor[data-v-reading-comprehension-editor] { padding: 16px;
}
.reading-comprehension-editor__heading[data-v-reading-comprehension-editor] { flex-direction: column;
}
.reading-comprehension-editor__body[data-v-reading-comprehension-editor] { padding: 14px;
}
.reading-comprehension-editor__choice[data-v-reading-comprehension-editor] { flex-wrap: wrap;
}
}