/* Gematrixx — Arabic Maqam Explorer v1 */
#pageArabicMaqam{direction:rtl}
.mq-wrap{max-width:1180px;margin:0 auto;padding:1.2rem 1rem 3rem;color:var(--text-pri)}
.mq-hero{text-align:center;padding:1.35rem 1rem 1rem;border:1px solid var(--border);border-radius:18px;background:var(--bg-card);position:relative;overflow:hidden}
.mq-hero:before{content:'';position:absolute;inset:-60% 18% auto;height:220px;background:radial-gradient(circle,rgba(201,168,76,.16),transparent 68%);pointer-events:none}
.mq-kicker{font:.76rem/1.4 'Ubuntu Mono',monospace;letter-spacing:.09em;color:var(--gold);direction:ltr}
.mq-hero h1{font-family:'Amiri',serif;color:var(--gold-glow);font-size:clamp(2rem,4.5vw,3.2rem);margin:.3rem 0}
.mq-hero p{max-width:880px;margin:.25rem auto;line-height:1.95;color:var(--text-pri)}
.mq-caveat{margin:.8rem auto 0;max-width:900px;border-inline-start:3px solid var(--gold);background:rgba(201,168,76,.08);border-radius:10px;padding:.7rem .9rem;text-align:start;font-size:.88rem;line-height:1.8}
.mq-method{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;margin:1rem 0}
.mq-method article{border:1px solid var(--border);background:var(--bg-card);border-radius:12px;padding:.8rem}.mq-method b{display:block;color:var(--gold);margin-bottom:.25rem}.mq-method span{font-size:.82rem;line-height:1.7;color:var(--text-pri)}
.mq-tabs{display:flex;gap:.45rem;overflow-x:auto;padding:.15rem 0 .55rem;margin:.4rem 0 .75rem;scrollbar-width:thin}.mq-tab{white-space:nowrap;border:1px solid var(--border);background:var(--bg-card);color:var(--text-pri);border-radius:10px;padding:.58rem .85rem;cursor:pointer;font-family:inherit}.mq-tab.active{background:var(--gold);color:#161107;border-color:var(--gold);font-weight:800}
.mq-panel{display:none}.mq-panel.active{display:block}
.mq-toolbar{display:flex;gap:.55rem;align-items:center;flex-wrap:wrap;margin:.65rem 0 1rem}.mq-search,.mq-select{background:var(--bg-card);border:1px solid var(--border);color:var(--text-pri);border-radius:10px;padding:.65rem .75rem;font-family:inherit}.mq-search{flex:1;min-width:230px}.mq-btn{border:1px solid var(--border);background:var(--bg-card);color:var(--text-pri);border-radius:9px;padding:.56rem .8rem;cursor:pointer;font-family:inherit}.mq-btn.primary{background:var(--gold);color:#17120a;border-color:var(--gold);font-weight:800}.mq-btn:disabled{opacity:.5;cursor:not-allowed}
.mq-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}.mq-card{border:1px solid var(--border);background:var(--bg-card);border-radius:14px;padding:1rem;cursor:pointer;transition:transform .15s ease,border-color .15s ease}.mq-card:hover{transform:translateY(-2px);border-color:var(--gold)}.mq-card h3{font-family:'Amiri',serif;color:var(--gold-glow);font-size:1.45rem;margin:.1rem 0}.mq-card .en{direction:ltr;text-align:right;color:var(--gold);font:.72rem 'Ubuntu Mono',monospace}.mq-card p{font-size:.84rem;line-height:1.75;margin:.45rem 0}.mq-tags{display:flex;gap:.3rem;flex-wrap:wrap}.mq-tag{font-size:.7rem;border:1px solid var(--border);border-radius:999px;padding:.2rem .45rem;background:var(--bg)}
.mq-detail{display:none;margin-top:1rem;border:1px solid var(--gold);background:var(--bg-card);border-radius:16px;padding:1rem}.mq-detail.open{display:block}.mq-detail-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.mq-detail h2{font-family:'Amiri',serif;color:var(--gold-glow);font-size:2rem;margin:.1rem 0}.mq-close{font-size:1.4rem;line-height:1;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text-pri);cursor:pointer;width:36px;height:36px}.mq-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:.75rem}.mq-box{border:1px solid var(--border);background:var(--bg);border-radius:11px;padding:.8rem}.mq-box h4{color:var(--gold);margin:.1rem 0 .4rem}.mq-box p{line-height:1.85;margin:.15rem 0;font-size:.88rem}
.mq-steps{display:flex;gap:4px;align-items:flex-end;height:90px;direction:ltr;margin:.7rem 0}.mq-step{flex:1;min-width:28px;border:1px solid var(--border);background:rgba(201,168,76,.14);border-radius:7px 7px 2px 2px;display:flex;align-items:flex-end;justify-content:center;padding:.3rem .12rem;color:var(--gold-glow);font:700 .68rem 'Ubuntu Mono',monospace}.mq-step:nth-child(even){background:rgba(201,168,76,.08)}
.mq-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem;margin:.8rem 0}.mq-kpi{border:1px solid var(--border);background:var(--bg-card);border-radius:11px;padding:.72rem;text-align:center}.mq-kpi b{display:block;color:var(--gold-glow);font-size:1.12rem}.mq-kpi span{display:block;font-size:.74rem;margin-top:.25rem}
.mq-compare{display:grid;grid-template-columns:1fr auto 1fr;gap:.75rem;align-items:start}.mq-compare-col{border:1px solid var(--border);background:var(--bg-card);border-radius:14px;padding:1rem}.mq-vs{align-self:center;color:var(--gold);font:800 1rem 'Ubuntu Mono',monospace}.mq-compare-col h3{font-family:'Amiri',serif;color:var(--gold-glow);font-size:1.6rem;margin:.5rem 0}.mq-compare-row{display:grid;grid-template-columns:120px 1fr;gap:.5rem;border-top:1px solid var(--border);padding:.55rem 0;font-size:.84rem;line-height:1.65}.mq-compare-row b{color:var(--gold)}
.mq-table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:12px;background:var(--bg-card)}.mq-table{width:100%;border-collapse:collapse;min-width:760px}.mq-table th,.mq-table td{border:1px solid var(--border);padding:.6rem;vertical-align:top;line-height:1.65}.mq-table th{background:var(--bg);color:var(--gold)}.mq-table td:first-child{font-weight:800;color:var(--gold-glow)}
.mq-symbol-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.mq-symbol-card{border:1px solid var(--border);background:var(--bg-card);border-radius:14px;padding:1rem}.mq-symbol-card h3{font-family:'Amiri',serif;color:var(--gold-glow);font-size:1.5rem;margin:.1rem 0}.mq-symbol-card .layer{border-top:1px solid var(--border);padding:.55rem 0}.mq-symbol-card .layer:first-of-type{border-top:0}.mq-symbol-card b{color:var(--gold)}.mq-symbol-card p{line-height:1.85;margin:.2rem 0;font-size:.86rem}.mq-symbols{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.45rem}.mq-symbols span{border:1px solid var(--border);border-radius:999px;padding:.25rem .5rem;background:var(--bg);font-size:.75rem}
.mq-history-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.mq-history-card{border:1px solid var(--border);background:var(--bg-card);border-radius:14px;padding:1rem}.mq-history-card h3{font-family:'Amiri',serif;color:var(--gold-glow);margin:.1rem 0}.mq-history-card p{line-height:1.9;font-size:.86rem}.mq-orbit{display:flex;justify-content:center;align-items:center;min-height:190px;position:relative}.mq-orbit .center{width:70px;height:70px;border-radius:50%;border:1px solid var(--gold);display:grid;place-items:center;color:var(--gold);font-weight:800}.mq-orbit .ring{position:absolute;width:150px;height:150px;border:1px dashed var(--border);border-radius:50%}.mq-orbit .count{position:absolute;bottom:7px;font:700 .85rem 'Ubuntu Mono',monospace;color:var(--gold-glow)}
.mq-note{border:1px solid var(--border);background:var(--bg-card);border-radius:12px;padding:.85rem;margin:.75rem 0;line-height:1.9}.mq-note strong{color:var(--gold)}
.mq-sources{display:grid;gap:.6rem}.mq-source{border:1px solid var(--border);background:var(--bg-card);border-radius:11px;padding:.8rem}.mq-source b{color:var(--gold)}.mq-source p{margin:.25rem 0;line-height:1.75;font-size:.84rem}.mq-source a{color:var(--gold-glow);word-break:break-word}
.mq-audio-msg{text-align:center;min-height:1.2rem;color:var(--gold);font-size:.82rem;margin-top:.35rem}
@media(max-width:900px){.mq-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mq-method,.mq-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.mq-history-grid{grid-template-columns:1fr}.mq-symbol-grid{grid-template-columns:1fr}}
@media(max-width:680px){.mq-wrap{padding:.8rem .55rem 2rem}.mq-grid{grid-template-columns:1fr}.mq-method{grid-template-columns:1fr}.mq-detail-grid{grid-template-columns:1fr}.mq-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.mq-compare{grid-template-columns:1fr}.mq-vs{text-align:center}.mq-compare-row{grid-template-columns:95px 1fr}.mq-tabs{margin-inline:-.1rem}.mq-hero{padding:1rem .7rem}.mq-hero p{font-size:.9rem}}