body{font-family:Arial,sans-serif;margin:24px;background:#f7f7f7;color:#222}
h1{margin-bottom:6px;font-size:24px}
.toolbar,.card,.description-box{max-width:900px;background:#fff;border:1px solid #ddd;border-radius:8px}
.toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:end;padding:14px;margin:16px 0}
label{display:block;font-weight:bold;margin-bottom:5px}
select{min-width:260px;padding:8px 10px;border:1px solid #bbb;border-radius:6px;font-size:15px}

button{
    display:inline-block;
    padding:8px 14px;
    border:0;
    border-radius:6px;
    background:#198754;
    color:#fff;
    text-decoration:none;
    cursor:pointer;
    font-size:15px;
}

button:hover{background:#146c43}

.selected-box{max-width:900px;padding:10px 12px;margin-bottom:14px;background:#e7f1ff;border:1px solid #b6d4fe;border-radius:6px}
.description-box{padding:12px 14px;margin:0 0 16px;border-left:5px solid #198754;line-height:1.6}
.meta{margin:12px 0 18px;color:#555}
.card{padding:16px;margin-bottom:14px}
.arabic{direction:rtl;text-align:right;font-family:"Amiri","Scheherazade New",serif;font-size:38px;line-height:1.7}
.line{margin-top:8px;font-size:17px}
.label{font-weight:bold}
.empty{max-width:900px;padding:16px;background:#fff3cd;border:1px solid #ffe69c;border-radius:6px}
.error{max-width:900px;padding:16px;background:#f8d7da;border:1px solid #f5c2c7;border-radius:6px}
code{background:#eee;padding:2px 5px;border-radius:4px}