/* Deutsch Mit Med – Schreiben B1/B2, brand red rather than reference green */
body[data-page="schreiben"]{--dmm-accent:#c92c35}
body[data-page="schreiben"] .app-main{background:#faf8f6}
body[data-page="schreiben"] .panel{background:#fff;border:1px solid #ece7e3;border-radius:20px;overflow:hidden;box-shadow:0 4px 20px rgba(20,27,31,.035)}
body[data-page="schreiben"] .panel-title{border-bottom:1px solid #eee9e5}
body[data-page="schreiben"] .task-btn.active{border-color:var(--dmm-accent);box-shadow:0 0 0 1px var(--dmm-accent)}
body[data-page="schreiben"] .level-switch .active{background:var(--dmm-accent);color:#fff}
body[data-page="schreiben"] .task-sheet{line-height:1.9}
.dmm-exam-block{direction:ltr;text-align:left;background:#fff;border:1px solid #ebe9e7;border-radius:18px;margin:0 0 18px;overflow:hidden}
.dmm-exam-heading{padding:15px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fcfbfa;border-bottom:1px solid #eee}
.dmm-exam-heading b{font:800 14px system-ui;letter-spacing:.12em;color:#777}
.dmm-exam-heading b:before{content:"";display:inline-block;width:7px;height:24px;border-radius:5px;background:#c92c35;vertical-align:middle;margin-right:12px}
.dmm-exam-heading span{font-size:12px;color:#777;background:#f0f0f0;border-radius:30px;padding:5px 11px}
.dmm-exam-block>p{padding:12px 18px 0;margin:0;color:#4b525a;font:400 15px/1.9 system-ui}
.dmm-exam-image{display:block;width:100%;height:auto;margin:8px auto 0;object-fit:contain}
.dmm-exam-block .dmm-note{direction:rtl;text-align:right;font:600 13px/1.8 'Tajawal',sans-serif;color:#9a5759;padding:8px 18px 16px}
.dmm-umlauts{display:flex;gap:7px;flex-wrap:wrap;padding:10px 12px;background:#f9f7f5;border:1px solid #e8e5e2;border-radius:10px 10px 0 0}
.dmm-umlauts button{border:1px solid #e6e0dd;background:#fff;border-radius:8px;min-width:38px;min-height:36px;font-size:19px;color:#2e3339;cursor:pointer}
.dmm-umlauts button:hover{border-color:#c92c35;color:#c92c35}
body[data-page="schreiben"] textarea.editor{border-top-left-radius:0;border-top-right-radius:0;min-height:330px;font-size:17px;line-height:1.9}
body[data-page="schreiben"] .tool-btn.red{background:#c92c35;color:#fff}
@media(max-width:700px){.dmm-exam-heading{padding:12px}.dmm-exam-block>p{padding:12px}.dmm-exam-image{width:100%}body[data-page="schreiben"] textarea.editor{min-height:260px}}

.dmm-transcript{white-space:pre-wrap;overflow-wrap:anywhere;text-align:left;direction:ltr;padding:18px 20px;color:#333b43;font:400 16px/1.75 system-ui,sans-serif}
@media(max-width:700px){.dmm-transcript{font-size:15px;padding:15px 13px}}