/* v0.8.4 – color-coded in-context Deutsch/Soomaali vocabulary */
.ng-reading-grid,.ng-vocab-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,32%);gap:18px;align-items:start;margin:15px 0 22px}
.ng-reading-main,.ng-vocab-main{min-width:0}.ng-reading-grid .passage{margin:0;white-space:pre-line}.ng-reading-grid .reading{white-space:pre-line}
.ng-glossary{border:1px solid #d9e7df;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 8px 24px rgba(17,72,54,.07);position:relative;min-width:0}
.ng-gloss-head{display:flex;gap:10px;align-items:center;padding:15px;background:linear-gradient(115deg,#124c3a,#1a7061);color:#fff}
.ng-gloss-head h3{font-size:16px!important;line-height:1.2;margin:0 0 3px!important;color:white}.ng-gloss-head p{font-size:11px;margin:0;color:#d9eee6}.ng-gloss-icon{display:flex;align-items:center;justify-content:center;background:#ffffff20;border-radius:12px;width:38px;height:38px;font-size:22px;flex:none}
.ng-word-list{padding:9px;max-height:560px;overflow:auto;scrollbar-width:thin}.ng-word-card{display:flex;gap:10px;align-items:flex-start;border-radius:11px;padding:9px 8px;margin:4px 0;border-left:4px solid var(--ng-accent);background:var(--ng-bg);color:#16372f;min-width:0}
.ng-word-no{font-size:11px;font-weight:800;color:var(--ng-accent);min-width:20px;padding-top:3px}.ng-word-content{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.ng-word-content strong{font-size:13px;line-height:1.45;overflow-wrap:anywhere}.ng-word-content>span{font-size:12px;line-height:1.5;color:#4e645d;overflow-wrap:anywhere}.ng-pronounce{border:0;background:transparent;padding:4px;cursor:pointer;font-size:14px;border-radius:7px;flex:none}.ng-pronounce:hover,.ng-pronounce:focus-visible{background:#fff;outline:2px solid var(--ng-accent)}
.ng-tone-0{--ng-accent:#18765d;--ng-bg:#eaf7ef}.ng-tone-1{--ng-accent:#9b6511;--ng-bg:#fff4db}.ng-tone-2{--ng-accent:#346bc0;--ng-bg:#eef4ff}.ng-tone-3{--ng-accent:#8a4db0;--ng-bg:#f8efff}.ng-tone-4{--ng-accent:#b74d52;--ng-bg:#fff0ef}
mark.ng-word{background:var(--ng-bg);color:var(--ng-accent);border-radius:4px;padding:0 2px;font-weight:750;text-decoration:underline;text-decoration-color:var(--ng-accent);text-decoration-thickness:2px;text-underline-offset:3px;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.ng-gloss-hint{font-size:11px;color:#60776d;padding:0 13px 12px;line-height:1.5;margin:7px 0}.ng-glossary-empty{padding:15px}.ng-glossary-empty h3{margin:0 0 7px;font-size:16px}.ng-glossary-empty p{font-size:13px}
@media(max-width:760px){.ng-reading-grid,.ng-vocab-grid{display:flex;flex-direction:column;gap:12px}.ng-reading-main,.ng-vocab-main,.ng-glossary{width:100%}.ng-word-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;max-height:none;padding:8px}.ng-word-card{margin:0;padding:8px 6px;gap:5px}.ng-gloss-head{padding:10px 13px}.ng-gloss-head h3{font-size:15px!important}.ng-word-no{display:none}.ng-word-content strong{font-size:12px}.ng-word-content>span{font-size:11px}.ng-pronounce{padding:2px}}
@media(max-width:410px){.ng-word-list{grid-template-columns:1fr}.ng-word-content strong{font-size:13px}.ng-word-content>span{font-size:12px}}
@media(prefers-reduced-motion:reduce){.ng-glossary *{scroll-behavior:auto!important}}

/* v0.8.6 reading vocabulary study mode */
.ng-gloss-actions{display:flex;gap:7px;flex-wrap:wrap;padding:10px 11px 13px;border-top:1px solid #e6ede8}
.ng-gloss-actions button{appearance:none;border:1px solid #b9d7c9;border-radius:9px;padding:9px 11px;background:#edf6f0;color:#15563f;font-size:12px;font-weight:750;cursor:pointer;line-height:1.3;flex:1 1 auto}
.ng-gloss-actions button:hover,.ng-gloss-actions button:focus-visible{background:#d9ede2;outline:2px solid #6aa98e;outline-offset:1px}
#ng-study-overlay[hidden]{display:none!important}
#ng-study-overlay{position:fixed;inset:0;z-index:99999;background:rgba(8,30,24,.75);display:flex;justify-content:center;align-items:center;padding:16px;box-sizing:border-box}
.ng-study-window{width:min(100%,500px);max-height:calc(100dvh - 32px);overflow:auto;background:#fff;color:#143d30;border-radius:22px;padding:23px;box-shadow:0 20px 70px rgba(0,0,0,.28);box-sizing:border-box}
.ng-study-top{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:17px}
.ng-study-top button{border:0;border-radius:50%;background:#e5f2ec;width:37px;height:37px;font-size:21px;cursor:pointer}
.ng-study-count{text-align:center;color:#677b70;font-size:12px;font-weight:700;margin:18px 0 8px}
.ng-study-card{width:100%;min-height:190px;background:linear-gradient(130deg,#eaf5ee,#f6fbf7);border:2px solid #c7e6d6;border-radius:18px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;padding:22px;cursor:pointer;color:#114833;overflow-wrap:anywhere}
.ng-study-card small{font-size:11px;letter-spacing:.15em;font-weight:700;color:#617b6b}.ng-study-card strong{font-size:clamp(20px,4vw,30px);text-align:center}.ng-study-card span{font-size:13px;color:#5b7468}
.ng-study-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:14px}.ng-study-actions button{background:#195944;color:white;border:0;border-radius:9px;padding:12px 6px;font-size:12px;font-weight:750;cursor:pointer}.ng-study-actions button:disabled{opacity:.35}
.ng-study-helper{font-size:12px;color:#667a6f;text-align:center;line-height:1.5;margin:14px 0 0}
@media(max-width:500px){.ng-study-window{padding:14px}.ng-study-actions{grid-template-columns:1fr 1fr}.ng-study-actions button:last-child{grid-column:span 2}.ng-study-card{min-height:170px}.ng-gloss-actions button{min-height:40px}}