/* Base */
.mqs-block{--gap:14px; --radius:14px; --shadow:0 6px 24px rgba(0,0,0,.06); font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;}
.mqs-loading,.mqs-error{padding:12px; border-radius:var(--radius); display:inline-block;}
.mqs-loading{background:#fffbea; border:1px solid #ffe58f;}
.mqs-error{background:#fff1f0; border:1px solid #ffa39e;}
.mqs-list{display:grid; grid-template-columns: repeat(var(--cols,2), 1fr); gap:var(--gap);}
.mqs-card{border:1px solid #eee; background:#fff; border-radius:var(--radius); padding:12px; transition:box-shadow .2s, transform .05s;}
.mqs-card:hover{box-shadow:var(--shadow); transform:translateY(-1px);}
.mqs-title{font-weight:700; margin-bottom:6px; display:flex; align-items:center; justify-content:space-between;}
.mqs-meta{font-size:13px; color:#666;}
.mqs-ar{font-family:'Amiri', serif; font-size:22px; line-height:1.6; direction:rtl;}

/* Controls */
.mqs-search{display:flex; gap:8px; margin-bottom:var(--gap);}
.mqs-input{flex:1; padding:10px 12px; border:1px solid #ddd; border-radius:10px; font-size:16px;}
.mqs-btn{padding:10px 14px; border:1px solid #0ea5e9; background:#0ea5e9; color:#fff; border-radius:10px; font-weight:600; cursor:pointer;}
.mqs-btn:hover{filter:brightness(.97);}

/* Responsive */
@media (max-width:600px){ .mqs-list{--cols:1;} }