.writing-hints{background:#f0f5e7;border-radius:10px;padding:18px;margin:18px 0}.writing-hints h4{margin:0 0 10px;font-size:13px}.writing-hints ol{padding-left:22px;margin:0 0 16px}.writing-hints li{margin:12px 0;font-family:'DM Sans','Noto Sans KR',sans-serif}.writing-hints small{display:block;color:#71817c;font-size:11px}.example-english{font-family:'DM Sans',sans-serif;line-height:2.1!important}.read-aloud-text{font-family:'DM Sans',sans-serif;font-size:25px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;background:#f1f5e9;border-radius:10px;padding:25px;margin-top:18px}.recognition-score{display:flex;align-items:center;gap:18px;margin:20px 0}.recognition-score>strong{font-size:42px;color:#285b4d}.recognition-score span{font-size:13px}.recognition-score small{font-size:10px;color:#71817c}.word-comparison{display:flex;gap:7px;flex-wrap:wrap}.spoken-token{padding:6px 9px;border-radius:5px;font-family:'DM Sans',sans-serif;font-size:15px;background:#e4efda}.spoken-token small{display:block;font-size:10px}.spoken-token.substitution,.spoken-token.missing{background:#fff0df;color:#97520d}.spoken-token.extra{background:#e9edef;color:#606970}.sourceImage.diagram-only{width:100%;height:auto;max-height:none;padding:0;border-radius:5px;object-fit:contain;background:none}.sourceImage[src*="diagram-8"]{max-height:560px;object-fit:contain}.image-btn{padding:8px;background:#fff}.teaching-diagram{padding:22px}.teaching-diagram select{max-width:480px}.teaching-diagram .image-btn{display:block;max-width:1100px;margin:18px auto 0}.teaching-diagram .sourceImage:not([src*="diagram-8"]){max-height:560px;width:100%}#imageDialog{width:min(1240px,95vw);padding:18px}#imageDialog img{width:100%;max-width:100%;height:auto;max-height:77vh;margin:15px auto 0;object-fit:contain}.footer{gap:12px;flex-wrap:wrap}@media(max-width:700px){.read-aloud-text{font-size:21px;padding:18px}.teaching-diagram{padding:14px}.teaching-diagram .image-btn{padding:0}.writing-hints{padding:14px}.recognition-score>strong{font-size:36px}#imageDialog{padding:10px;width:96vw}.image-btn small{font-size:9px}}

/* Inline teacher scoring and phone video upload */
.inline-score{background:#fff0bd;border-left:4px solid #d4a000;padding:12px;font-weight:700;font-size:13px}.rating-row{padding:18px 0;border-bottom:1px solid #e4dcc8}.rating-row h4{margin:0}.rating-row p{margin:8px 0}.rating-row .criteria{margin-top:10px}.rubric-choice{flex-wrap:wrap;gap:8px}.rubric-choice label{min-height:44px;display:inline-flex;align-items:center;gap:4px}.video-upload{display:block;padding:20px;background:#fff6d8;border:2px dashed #c5a443;border-radius:10px}.video-upload input{display:block;max-width:100%;margin-top:12px}.inline-reading-score{margin-top:20px;padding-top:15px;border-top:1px solid #ddd3ba}#media-teaching video{margin:16px 0;min-height:180px;background:#292820;border-radius:8px}.inline-rubric{scroll-margin-top:100px}