/* story-style.css v7.0 */
.sg-story-wrap{font-family:Georgia,serif;line-height:1.8;max-width:800px;}
.sg-section{margin-bottom:28px;}
.sg-h2{color:#1e40af;margin:0 0 10px;font-size:20px;}
.sg-hint{font-size:12px;color:#9ca3af;margin:0 0 10px;}
.sg-story-body{direction:ltr;text-align:left;background:#f8faff;padding:20px;border-radius:10px;font-size:16px;line-height:2.1;}
.sg-arabic{direction:rtl;text-align:right;background:#f0fdf4;padding:20px;border-radius:10px;font-size:15px;line-height:1.9;}
.sg-vocab-container{background:#fffbeb;padding:16px 20px;border-radius:10px;}
.sg-ex-container{background:#fdf4ff;padding:20px;border-radius:10px;font-size:15px;}
#sg-vocab-data,#sg-ex-data{display:none;}

/* كلمات القصة */
.sg-word{cursor:pointer;border-radius:3px;padding:0 2px;display:inline-block;transition:background .15s;}
.sg-word:hover{background:#bfdbfe;}
.sg-word.sg-active{background:#3b82f6;color:#fff;}

/* مفردات */
.sg-vocab-w{font-weight:600;color:#1d4ed8;border-bottom:1px dashed #60a5fa;padding:0 2px;cursor:pointer;transition:background .15s;}
.sg-vocab-w:hover{background:#eff6ff;border-radius:3px;}
.sg-vocab-w.sg-active{background:#3b82f6;color:#fff;border-radius:3px;}

/* إجابات */
.sg-ans-w{display:inline-block;background:#dbeafe;color:#1e40af;padding:1px 10px;border-radius:4px;font-size:13px;margin-right:6px;cursor:pointer;transition:background .15s;}
.sg-ans-w:hover{background:#bfdbfe;}
.sg-ans-w.sg-active{background:#3b82f6;color:#fff;}

/* زر القراءة */
.sg-read-btn{background:none;border:1px solid #93c5fd;border-radius:20px;padding:5px 16px;font-size:13px;color:#1d4ed8;cursor:pointer;transition:background .15s;}
.sg-read-btn:hover{background:#eff6ff;}
.sg-read-btn.sg-active{background:#3b82f6;color:#fff;}

/* ══ بطاقة الكلمة ══ */
#sg-word-card{
    display:none;
    position:absolute;
    z-index:99999;
    filter:drop-shadow(0 4px 16px rgba(0,0,0,.18));
    animation:sg-pop .18s ease;
}
@keyframes sg-pop{from{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}

#sg-card-inner{
    background:#fff;
    border-radius:14px;
    padding:18px 20px 16px;
    min-width:160px;
    max-width:220px;
    text-align:center;
    border:1.5px solid #bfdbfe;
    position:relative;
}

/* مثلث أسفل البطاقة */
#sg-card-inner::after{
    content:'';
    position:absolute;
    bottom:-10px;
    left:50%;
    transform:translateX(-50%);
    border:10px solid transparent;
    border-top-color:#bfdbfe;
    border-bottom:0;
}

#sg-card-close{
    position:absolute;
    top:6px;right:8px;
    background:none;border:none;
    font-size:13px;color:#9ca3af;cursor:pointer;
    line-height:1;padding:2px;
}
#sg-card-close:hover{color:#374151;}

#sg-card-word{
    font-size:24px;
    font-weight:700;
    color:#1e40af;
    margin:4px 0 10px;
    font-family:Georgia,serif;
    letter-spacing:.5px;
}

#sg-card-speak{
    background:#3b82f6;
    color:#fff;
    border:none;
    border-radius:20px;
    padding:5px 16px;
    font-size:13px;
    cursor:pointer;
    transition:background .15s;
    margin-bottom:10px;
}
#sg-card-speak:hover{background:#2563eb;}
#sg-card-speak.sg-active{background:#1d4ed8;}

#sg-card-meaning{
    font-size:16px;
    color:#374151;
    direction:rtl;
    font-weight:600;
    margin-top:4px;
    padding-top:8px;
    border-top:1px solid #e5e7eb;
}