:root {
  --as-v15-dark:#061b14;
  --as-v15-panel:rgba(255,255,255,.055);
  --as-v15-gold:#f3d27a;
  --as-v15-text:#fbf7e8;
  --as-v15-muted:#d7ccb2;
  --as-v15-good:#7ee3a4;
  --as-v15-bad:#ff9f9f;
}
.as-tajwid-hero {
  background: radial-gradient(circle at 12% 0%, rgba(126,227,164,.14), transparent 35%), radial-gradient(circle at 80% 15%, rgba(243,210,122,.16), transparent 34%), linear-gradient(135deg,#06301f,#071d15);
  border-bottom:1px solid rgba(243,210,122,.22);
}
.as-tajwid-top-grid { display:grid; grid-template-columns:1.2fr .8fr; gap:16px; margin-top:18px; }
.as-tajwid-panel, .as-tajwid-search, .as-tajwid-stat, .as-tajwid-card {
  border:1px solid rgba(243,210,122,.20);
  background:var(--as-v15-panel);
  border-radius:22px;
  box-shadow:0 18px 45px rgba(0,0,0,.20);
}
.as-tajwid-search { padding:16px; display:grid; gap:12px; }
.as-tajwid-controls { display:grid; grid-template-columns:1fr 185px 160px; gap:10px; }
.as-tajwid-controls input, .as-tajwid-controls select {
  width:100%; box-sizing:border-box; border:1px solid rgba(243,210,122,.24); background:rgba(0,0,0,.22); color:var(--as-v15-text); border-radius:16px; padding:12px; font:inherit;
}
.as-tajwid-stat { padding:16px; }
.as-tajwid-stat strong { color:var(--as-v15-gold); font-size:1.65rem; display:block; }
.as-tajwid-stat small { color:var(--as-v15-muted); line-height:1.55; }
.as-tajwid-panel { padding:18px; margin-top:20px; }
.as-tajwid-panel h2 { color:var(--as-v15-gold); margin:0 0 10px; }
.as-tajwid-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(285px,1fr)); gap:14px; margin-top:18px; }
.as-tajwid-card { padding:18px; overflow:hidden; position:relative; }
.as-tajwid-card::before { content:''; position:absolute; inset:auto -40px -55px auto; width:150px; height:150px; border-radius:50%; background:radial-gradient(circle,rgba(243,210,122,.10),transparent 70%); }
.as-tajwid-card-head { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; position:relative; }
.as-tajwid-icon { width:56px; min-width:56px; height:56px; border-radius:18px; display:grid; place-items:center; background:rgba(243,210,122,.10); color:var(--as-v15-gold); border:1px solid rgba(243,210,122,.28); font-weight:900; direction:rtl; font-family:'Amiri','Scheherazade New',serif; }
.as-tajwid-card h3 { margin:0; color:#fff; font-size:1.18rem; }
.as-tajwid-ar { direction:rtl; text-align:right; color:var(--as-v15-gold); font-size:1.55rem; font-family:'Amiri','Scheherazade New',serif; margin-top:3px; }
.as-tajwid-summary, .as-tajwid-how, .as-tajwid-tip { color:var(--as-v15-muted); line-height:1.58; }
.as-tajwid-chip-row { display:flex; flex-wrap:wrap; gap:7px; margin:12px 0; }
.as-tajwid-chip { border:1px solid rgba(243,210,122,.22); color:var(--as-v15-gold); background:rgba(243,210,122,.08); border-radius:999px; padding:6px 9px; font-size:.82rem; font-weight:900; }
.as-tajwid-example { margin:12px 0; padding:12px; border-radius:16px; background:rgba(0,0,0,.18); }
.as-tajwid-example .ar { direction:rtl; text-align:right; font-size:1.65rem; color:#fff; font-family:'Amiri','Scheherazade New',serif; }
.as-tajwid-example .phonetic { color:#fff; font-weight:800; margin-top:5px; }
.as-tajwid-example .fr { color:var(--as-v15-muted); margin-top:3px; }
.as-tajwid-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; }
.as-tajwid-actions button, .as-tajwid-actions a, .as-tajwid-btn {
  border:1px solid rgba(243,210,122,.25); background:rgba(255,255,255,.07); color:var(--as-v15-text); border-radius:999px; padding:9px 12px; font-weight:900; cursor:pointer; text-decoration:none; font:inherit;
}
.as-tajwid-actions .primary, .as-tajwid-btn.primary { background:linear-gradient(135deg,#f3d27a,#d7a83a); color:#173222; border-color:transparent; }
.as-tajwid-letters { direction:rtl; text-align:right; font-size:1.3rem; color:#fff; font-family:'Amiri','Scheherazade New',serif; }
.as-tajwid-empty { border:1px dashed rgba(243,210,122,.3); border-radius:18px; padding:18px; color:var(--as-v15-muted); }
.as-tajwid-quiz-box { display:grid; gap:12px; }
.as-tajwid-question { color:#fff; font-weight:900; line-height:1.5; }
.as-tajwid-options { display:grid; grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); gap:10px; }
.as-tajwid-option { border:1px solid rgba(243,210,122,.22); background:rgba(0,0,0,.18); color:var(--as-v15-text); border-radius:16px; padding:12px; text-align:left; cursor:pointer; font:inherit; }
.as-tajwid-option.correct { border-color:var(--as-v15-good); background:rgba(126,227,164,.14); }
.as-tajwid-option.wrong { border-color:var(--as-v15-bad); background:rgba(255,159,159,.12); }
.as-tajwid-feedback { color:var(--as-v15-muted); line-height:1.6; }
.as-tajwid-method { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:12px; }
.as-tajwid-method article { padding:14px; border-radius:18px; background:rgba(0,0,0,.15); border:1px solid rgba(243,210,122,.15); }
.as-tajwid-method strong { color:var(--as-v15-gold); }
@media (max-width:860px) {
  .as-tajwid-top-grid, .as-tajwid-controls { grid-template-columns:1fr; }
  .as-tajwid-card-head { align-items:flex-start; }
}
@media print { .as-tajwid-search, .as-tajwid-actions, .as-module-menu-button, .as-ai-button { display:none !important; } }


/* v81 - tajwīd : règles plus proches et panneau de recherche allégé */
body.as-v81-compact .as-tajwid-top-grid { grid-template-columns: minmax(0, 1fr) 270px; gap: 12px; margin-top: 12px; }
body.as-v81-compact .as-tajwid-search { padding: 12px; gap: 10px; }
body.as-v81-compact .as-tajwid-controls { grid-template-columns: minmax(240px, 1fr) 170px 145px; gap: 8px; }
body.as-v81-compact .as-tajwid-controls input,
body.as-v81-compact .as-tajwid-controls select { padding: 10px 11px; border-radius: 13px; }
body.as-v81-compact .as-tajwid-stat { padding: 12px; }
body.as-v81-compact .as-tajwid-stat strong { font-size: 1.38rem; }
body.as-v81-compact .as-tajwid-panel { padding: 14px; margin-top: 14px; border-radius: 18px; }
body.as-v81-compact .as-tajwid-grid { grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 10px; margin-top: 14px; }
body.as-v81-compact .as-tajwid-card { padding: 14px; border-radius: 18px; }
body.as-v81-compact .as-tajwid-icon { width: 48px; min-width: 48px; height: 48px; border-radius: 15px; }
body.as-v81-compact .as-tajwid-ar { font-size: 1.35rem; }
body.as-v81-compact .as-tajwid-example { padding: 10px; margin: 9px 0; }
body.as-v81-compact .as-tajwid-method { grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 10px; }
@media (max-width: 860px) {
  body.as-v81-compact .as-tajwid-top-grid,
  body.as-v81-compact .as-tajwid-controls { grid-template-columns: 1fr; }
}