.cstt-science-text { white-space: pre-wrap; overflow-wrap: anywhere; }
.cstt-science-math { display: inline-block; vertical-align: middle; max-width: 100%; padding: .12em .08em; overflow-x: auto; overflow-y: hidden; }
.cstt-science-display { display: block; margin: .35em 0; }
.cstt-science-math .katex { font-size: 1.08em; color: inherit; }
.cstt-science-math .katex-display { margin: .2em 0; }
.cstt-science-editor { margin: 10px 0 16px; color: inherit; width: 100%; min-width: 0; }
.cstt-science-toolbar { display: flex; flex-wrap: wrap; gap: 6px; }
.cstt-science-editor button { appearance: none; font: inherit; font-size: 14px; line-height: 1.3; padding: 8px 11px; border: 1px solid #8294ae; border-radius: 7px; background: #e9f1ff; color: #10233f; cursor: pointer; min-height: 40px; }
.cstt-science-editor button:focus-visible,.cstt-science-editor input:focus-visible { outline: 3px solid #36a7ef; outline-offset: 2px; }
.cstt-science-editor button:disabled { opacity: .55; cursor: default; }
.cstt-science-help { font-size: 13px; line-height: 1.5; margin: 9px 0; }
.cstt-science-preview-label { font-size: 13px; font-weight: 700; margin-bottom: 4px; }
.cstt-science-preview { padding: 12px; border: 1px solid #8294ae; border-radius: 8px; min-height: 52px; max-width: 100%; overflow-x: auto; font-size: 18px; line-height: 1.7; }
.cstt-science-fraction-fields { display: flex; flex-wrap: wrap; align-items: end; gap: 8px; border: 1px solid #8294ae; padding: 10px; margin: 9px 0; border-radius: 8px; }
.cstt-science-fraction-fields[hidden] { display: none !important; }
.cstt-science-fraction-fields label { flex: 1 1 170px; font-size: 14px; min-width: 0; }
.cstt-science-fraction-fields input { display: block; box-sizing: border-box; width: 100%; padding: 8px; margin-top: 4px; background: #fff; color: #10233f; border: 1px solid #8294ae; border-radius: 5px; font: inherit; }
.cstt-written-input { box-sizing: border-box; max-width: 100%; }

.cstt-science-figure { display: inline-flex; vertical-align: middle; max-width: 100%; margin: 10px 6px; }
.cstt-science-diagram { display: block; width: auto; height: auto; max-width: min(420px,100%); max-height: 320px; object-fit: contain; border-radius: 12px; background: white; border: 1px solid #8294ae; }
.cstt-science-instructor-tools { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin: 10px 0; }
.cstt-science-instructor-tools select { max-width: 100%; min-height: 40px; }
.cstt-science-image-note { font-size: 13px; }
@media(max-width:480px) { .cstt-science-figure { margin: 8px 0; width: 100%; } .cstt-science-diagram { max-width: 100%; } }