/* Version 4.3: editable textarea + synchronized annotated reading */
.reading-panel{background:#fff;border:1px solid #c6d1dc;border-radius:9px;padding:12px 15px;margin:10px 0}
.reading-title{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:9px}
.reading-title label{color:#38536b;font-size:13px}
#readingPreview{min-height:72px;max-height:340px;overflow-y:auto;white-space:pre-wrap;overflow-wrap:anywhere;text-align:right;direction:rtl;font:clamp(23px,2.5vw,32px)/2.4 "V4UKIJ",serif;color:#142c41;background:#f9fbff;padding:9px 12px;border-radius:6px}
#readingPreview ruby{ruby-position:over;white-space:nowrap;display:inline-ruby;margin:0 0.035em}
#readingPreview rt{font:500 clamp(12px,1.15vw,16px)/1.2 system-ui,Segoe UI,sans-serif;color:#aa4a24;direction:ltr;unicode-bidi:isolate;text-align:center;letter-spacing:.015em}
#readingPreview .no-annotation rt{display:none}
#readingPreview .empty-hint{font:14px system-ui;color:#8090a1;direction:ltr;display:block;text-align:center}
.reading-footnote,.sound-guide p{font-size:12px;color:#526879;line-height:1.55;margin:9px 0 2px}
.sound-guide{margin:9px 0;padding:9px 12px;border:1px solid #ccd7e2;background:#f1f6fc;border-radius:8px}
.sound-guide summary{cursor:pointer;color:#233e56}.sound-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(86px,1fr));gap:5px;margin-top:10px}
.sound-pair{padding:6px;border:1px solid #dce3eb;background:white;border-radius:5px;display:flex;justify-content:center;align-items:center;gap:8px}
.sound-pair .uy{font:24px "V4UKIJ",serif}.sound-pair .latin{font:600 15px system-ui;color:#9d442b;direction:ltr}