.qcg-wrap{
    --qcg-ink:#473949;
    --qcg-muted:#746a75;
    --qcg-sand:#e3d5b3;
    --qcg-line:rgba(71,57,73,.14);
    max-width:1080px;
    margin:0 auto;
    padding:56px 22px 92px;
    direction:rtl;
    color:#241e25;
    font-family:"IBM Plex Sans Arabic","IBM Plex Sans",Tahoma,Arial,sans-serif;
}
.qcg-wrap *{box-sizing:border-box}
.qcg-head{text-align:center;max-width:790px;margin:0 auto 30px}
.qcg-head h1{margin:0!important;color:#211a22!important;font-size:42px!important;line-height:1.35!important;font-weight:750!important}
.qcg-edition{display:inline-block;margin:9px 0 13px;padding:4px 11px;border-radius:999px;background:rgba(227,213,179,.44);color:var(--qcg-ink);font-size:12px;font-weight:700}
.qcg-head p{margin:0!important;color:var(--qcg-muted)!important;font-size:17px!important;line-height:1.9!important}
.qcg-tabs{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:9px;padding:4px 0 10px;margin:0 auto 18px;overflow:visible}
.qcg-tab{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;min-height:40px;border:1px solid rgba(71,57,73,.13);border-radius:999px;background:rgba(227,213,179,.48);color:var(--qcg-ink);padding:7px 13px;font:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:.18s ease}
.qcg-tab:hover{background:rgba(227,213,179,.74);border-color:rgba(71,57,73,.25)}
.qcg-tab.is-active{background:var(--qcg-ink);border-color:var(--qcg-ink);color:#fff}
.qcg-tab small{display:inline-grid;place-items:center;min-width:23px;height:23px;padding:0 6px;border-radius:999px;background:rgba(71,57,73,.08);font-size:10px;font-weight:700}
.qcg-tab.is-active small{background:rgba(255,255,255,.16);color:#fff}
.qcg-tools{display:flex;justify-content:center;align-items:center;gap:12px;max-width:620px;margin:0 auto 26px}
.qcg-search{position:relative;display:block;flex:1;max-width:500px}
.qcg-search-icon{position:absolute;right:13px;top:50%;transform:translateY(-52%);color:#8b808b;font-size:20px;line-height:1;pointer-events:none}
.qcg-search input{width:100%;height:41px;border:1px solid rgba(71,57,73,.19);border-radius:999px;background:#fff;padding:0 42px 0 16px;color:#241e25;font:inherit;font-size:14px;outline:none;box-shadow:0 4px 18px rgba(71,57,73,.035)}
.qcg-search input:focus{border-color:var(--qcg-ink);box-shadow:0 0 0 3px rgba(71,57,73,.08)}
.qcg-count{flex:0 0 auto;color:var(--qcg-muted);font-size:12px;white-space:nowrap;background:#f7f3ea;border:1px solid var(--qcg-line);border-radius:999px;padding:8px 11px}
.qcg-count strong{color:var(--qcg-ink);font-size:14px}
.qcg-list{border-top:1px solid var(--qcg-line)}
.qcg-entry{padding:27px 6px 28px;border-bottom:1px solid var(--qcg-line);transition:background .18s ease}
.qcg-entry:hover{background:linear-gradient(90deg,transparent,rgba(227,213,179,.15),transparent)}
.qcg-term-line{display:flex;align-items:baseline;gap:12px 15px;flex-wrap:wrap;margin-bottom:11px}
.qcg-arabic{margin:0!important;padding:0!important;color:#211a22!important;font-size:25px!important;line-height:1.55!important;font-weight:700!important}
.qcg-english{color:var(--qcg-ink);font-size:18px;line-height:1.55;font-weight:750;letter-spacing:.01em}
.qcg-definition{margin:0!important;color:#514852!important;font-size:17px!important;line-height:2.08!important;max-width:none;text-align:justify!important;text-align-last:right;text-justify:inter-word;unicode-bidi:plaintext;hyphens:auto}
.qcg-entry[hidden]{display:none!important}
.qcg-empty{text-align:center;padding:42px 20px;border:1px dashed rgba(71,57,73,.23);border-radius:14px;color:var(--qcg-muted);font-size:15px}
.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:700px){
    .qcg-wrap{padding:42px 15px 72px}
    .qcg-head{margin-bottom:25px}
    .qcg-head h1{font-size:32px!important}
    .qcg-head p{font-size:15px!important}
    .qcg-tabs{justify-content:flex-start;margin-inline:0;gap:7px}
    .qcg-tab{font-size:12px;min-height:38px;padding:6px 11px}
    .qcg-tools{align-items:stretch;flex-direction:column;gap:9px;margin-bottom:20px}
    .qcg-search{max-width:none;width:100%}
    .qcg-count{align-self:center}
    .qcg-entry{padding:23px 2px 24px}
    .qcg-term-line{gap:7px 10px;margin-bottom:10px}
    .qcg-arabic{font-size:21px!important}
    .qcg-english{font-size:16px}
    .qcg-definition{font-size:16px!important;line-height:2!important}
}
