/* V27.10 reading/listening workspace: layered on existing library */
body.v2710-reading{--reading-navy:#0c2749;--reading-accent:#e87518;--reading-line:#dce6f1}
body.v2710-reading #practice-panel:has(.reading-card),body.v2710-reading #practice-panel:has(.listen-play){background:#f6f9fd;border:1px solid var(--reading-line);border-radius:18px;padding:clamp(14px,2vw,26px);margin-top:18px}
body.v2710-reading #practice-panel .reading-card{background:#fff;border:1px solid #dce6f1;border-radius:16px;padding:clamp(18px,3vw,34px);box-shadow:0 10px 32px #102e4d0c;max-width:100%;color:var(--reading-navy)}
body.v2710-reading #practice-panel .reading-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding-bottom:18px;border-bottom:1px solid #e6edf5}
body.v2710-reading #practice-panel .reading-head small{color:#c55e0b!important;letter-spacing:.09em;font-weight:800}
body.v2710-reading #practice-panel .reading-head b{font-size:clamp(21px,2.3vw,30px);color:#0c2749;letter-spacing:-.02em}
body.v2710-reading #practice-panel .reading-card p[lang=de]{font-size:var(--reading-font-size,19px);line-height:1.95;letter-spacing:.008em;color:#173553;background:#f8fbff;border-left:3px solid #173f73;padding:20px 22px;border-radius:0 12px 12px 0;white-space:pre-line;overflow-wrap:anywhere}
body.v2710-reading #practice-panel .reading-card h3{color:#0c2749;font-size:19px;margin-top:26px}
body.v2710-reading #practice-panel .reading-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
body.v2710-reading #practice-panel .reading-options button{border:1px solid #d2dfed;background:white;color:#133c68;padding:13px 15px;text-align:left;border-radius:10px;min-height:48px;font-weight:600}
body.v2710-reading #practice-panel .reading-options button:hover{background:#eff6ff;border-color:#93b8e3}
body.v2710-reading #practice-panel .reading-options button:focus-visible,body.v2710-reading .v2710-tools button:focus-visible{outline:3px solid #e87518;outline-offset:2px}
body.v2710-reading #practice-panel .reading-audio,body.v2710-reading #practice-panel .listen-play{background:#0b376d;color:#fff;border-radius:10px;padding:11px 18px;font-weight:750}
body.v2710-reading .v2710-tools{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:15px 0 8px}
body.v2710-reading .v2710-tools span{color:#61758d;font-size:12px;font-weight:700;margin-right:auto}
body.v2710-reading .v2710-tools button{background:#fff;border:1px solid #cfdeee;border-radius:8px;color:#173e69;padding:7px 12px;font-weight:800;cursor:pointer}
body.v2710-reading .v2710-tools button[aria-pressed=true]{background:#0b376d;color:#fff}
body.v2710-reading .v2710-reading-focus .reading-head,body.v2710-reading .v2710-reading-focus .reading-options,body.v2710-reading .v2710-reading-focus h3,body.v2710-reading .v2710-reading-focus #reading-feedback{display:none!important}
body.v2710-reading .v2710-reading-focus .reading-card p[lang=de]{background:#fff;border:0;padding:10px 0;font-size:var(--reading-font-size,19px)}
@media(max-width:650px){body.v2710-reading #practice-panel .reading-options{grid-template-columns:1fr}body.v2710-reading #practice-panel .reading-card p[lang=de]{padding:14px}}