.qs-intro{padding:16px 20px;margin:0 0 20px;background:#edf4ed;border:1px solid #d9e5d7;border-radius:14px;color:#304c3b}.qs-intro p{margin:0 0 12px}.qs-intro>div{display:flex;gap:8px;flex-wrap:wrap}.qs-word[role=button]{cursor:pointer;border-radius:5px;transition:background .15s;box-decoration-break:clone;-webkit-box-decoration-break:clone}.qs-word[role=button]:hover,.qs-word[role=button]:focus-visible{background:#e3eddb;outline:2px solid #607a46;outline-offset:3px}.qs-learn{margin:0 0 12px}
#qs-dialog{padding:0;border:1px solid #d9dfd3;border-radius:20px 0 0 20px;background:#fcfbf7;color:#26352d;width:min(620px,100vw);max-width:100vw;height:100dvh;max-height:100dvh;margin:0 0 0 auto;box-sizing:border-box;box-shadow:-12px 0 50px #1b30282b}#qs-dialog::backdrop{background:#11251c70;backdrop-filter:blur(2px)}.qs-shell{height:100%;display:flex;flex-direction:column;min-height:0}.qs-header{display:flex;justify-content:space-between;align-items:flex-start;padding:26px 24px 16px;gap:16px;border-bottom:1px solid #e2e4da}.qs-header h2{font-size:27px;margin:8px 0;line-height:1.3}.qs-header p{margin:0;color:#61715f;font-size:13px}.qs-header button{border:1px solid #d6ddd1;background:#fff;border-radius:50%;width:42px;height:42px;flex-shrink:0;font-size:20px;cursor:pointer}#qs-tabs{display:flex;gap:7px;padding:14px 24px;overflow-x:auto;border-bottom:1px solid #e2e4da;flex-shrink:0}#qs-tabs button{border:1px solid #d7dfd1;color:#3a5140;background:transparent;border-radius:24px;white-space:nowrap;padding:9px 16px;font:inherit;cursor:pointer}#qs-tabs button[aria-current=true]{background:#284e3c;color:#fff;border-color:#284e3c}.qs-scroll{overflow:auto;padding:20px 24px;flex:1;min-height:0;overscroll-behavior:contain}#qs-context{font-family:'Amiri','Noto Naskh Arabic',serif;font-size:32px;line-height:2.1;margin:0 0 20px;padding:12px 18px;background:#f0f3e9;border-radius:12px}#qs-content{font-size:15px;line-height:1.8;overflow-wrap:anywhere}#qs-content h3{font-size:20px;margin:16px 0 10px}#qs-content h4{font-size:16px;margin:18px 0 8px}#qs-content p{margin:10px 0}.qs-source{font-size:12px;color:#5f6b60;border-top:1px solid #e1e5d9;padding-top:14px;margin-top:22px!important}.qs-source a,#qs-content a{color:#365f44;text-decoration:underline;text-underline-offset:3px}.qs-text{white-space:pre-wrap}.qs-text[lang=ar]{font-family:'Amiri','Noto Naskh Arabic',serif;font-size:24px;line-height:2}.qs-notice{padding:12px 16px;border-left:3px solid #a58a45;background:#f7f0df;font-size:13px}.qs-error{padding:16px;background:#fff0e8;border:1px solid #e8bba8;border-radius:12px}.qs-picker{display:block;font-weight:600;margin-bottom:20px}.qs-picker select{display:block;width:100%;max-width:100%;font:inherit;margin-top:6px;padding:10px 12px;background:white;border:1px solid #ccd6c7;border-radius:8px}.qs-links{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}.qs-footer{border-top:1px solid #dde3d7;padding:12px 24px;background:#f3f5ec;flex-shrink:0}.qs-footer p{font-size:11px;color:#63705f;margin:8px 0 0}.qs-footer span{font-size:12px;margin-left:8px}#qs-content audio{width:100%;margin-top:10px}.qs-loading{color:#64725e}.qs-count{font-size:13px;color:#61715f}.qs-share-input{width:100%;font:inherit;padding:8px;box-sizing:border-box}
@media(max-width:640px){#qs-dialog{border-radius:16px 16px 0 0;width:100%;height:94dvh;margin:auto 0 0}.qs-header{padding:18px 18px 12px}.qs-header h2{font-size:23px}.qs-scroll{padding:18px}#qs-tabs{padding:12px 18px}.qs-footer{padding:10px 18px}#qs-context{font-size:29px}.qs-intro{padding:14px}.qs-word[role=button]{padding-block:4px}}
@media(prefers-reduced-motion:reduce){.qs-word[role=button]{transition:none}}
#qs-close{color:#26352d;padding:0;line-height:1;display:grid;place-items:center}