.site-nav-original,.site-nav-original *{box-sizing:border-box}.site-nav-original.site-nav{display:block;width:100%;max-width:100%;margin:0;padding:0;border:0;background:transparent;box-shadow:none;overflow:visible}.site-nav-original .nav-shell{width:min(1180px,92%);max-width:100%;margin:0 auto;padding:8px 0}.site-nav-original .nav-top,.site-nav-original .nav-top-home{overflow:visible;border-bottom:0}.site-nav-original .nav-account-area,.site-nav-original .nav-actions-row,.site-nav-original .nav-language-area,.site-nav-original .nav-main-group,.site-nav-original .nav-sections-menu,.site-nav-original .site-search{min-width:0}.site-nav-original .nav-logo{display:inline-flex;flex-direction:row-reverse;align-items:center;justify-content:center;gap:10px;flex:0 0 auto;min-width:0;color:var(--gold-light);font-size:clamp(2rem,3.8vw,2.55rem);font-weight:950;line-height:1;letter-spacing:0;text-align:center;text-decoration:none;white-space:nowrap;overflow:visible}.site-nav-original .nav-logo:focus-visible,.site-nav-original .nav-logo:hover{color:var(--gold-light);text-decoration:none}.site-nav-original .nav-logo:before,.site-nav-original .nav-logo:has(.nav-logo-mark):before{content:none;display:none}.site-nav-original .nav-logo-mark{display:block;width:58px;height:58px;flex:0 0 58px;border:1.5px solid rgba(216,183,95,.86);border-radius:50%;object-fit:contain;background:rgba(9,9,11,.55);padding:2px;box-shadow:0 0 0 3px rgba(216,183,95,.1),0 14px 34px rgba(0,0,0,.32);filter:none}.site-nav-original[data-current-route=home] .nav-logo{font-size:clamp(2.25rem,5vw,3.25rem)}.site-nav-original[data-current-route=home] .nav-logo-mark{width:66px;height:66px;flex-basis:66px}.site-nav-original .nav-logo-text{display:inline-block;min-width:0;color:var(--gold-light);font-weight:950;line-height:1;white-space:nowrap;overflow:visible}.site-nav-original .nav-sections-menu{position:relative;z-index:40;width:-moz-fit-content;width:fit-content;max-width:100%;direction:rtl}.site-nav-original[data-lang=en] .nav-sections-menu{direction:ltr}.site-nav-original .nav-sections-menu summary{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:7px 14px;border:1px solid rgba(216,183,95,.44);border-radius:999px;color:var(--gold-light);background:rgba(9,9,11,.74);box-shadow:inset 0 0 0 1px rgba(255,255,255,.035),0 10px 24px rgba(0,0,0,.22);font-size:.82rem;font-weight:950;cursor:pointer;list-style:none;white-space:nowrap}.site-nav-original .nav-sections-menu summary::-webkit-details-marker{display:none}.site-nav-original .nav-sections-menu summary:after{content:"v";-webkit-margin-start:8px;margin-inline-start:8px;color:#d6a84f;font-size:.76rem}.site-nav-original .nav-sections-menu[open] summary{border-color:rgba(243,212,134,.74);background:rgba(30,22,10,.88)}.site-nav-original .nav-links{position:absolute;inset-inline-end:0;top:calc(100% + 8px);z-index:50;display:grid;grid-template-columns:repeat(2,minmax(150px,1fr));grid-gap:8px;gap:8px;width:min(430px,calc(100vw - 32px));min-width:0;padding:12px;border:1px solid rgba(200,164,90,.28);border-radius:18px;background:rgba(9,9,11,.98);box-shadow:0 22px 52px rgba(0,0,0,.46)}.site-nav-original[data-lang=en] .nav-links{inset-inline-end:auto;inset-inline-start:0}.site-nav-original .nav-links a{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 13px;border:1px solid rgba(200,164,90,.16);border-radius:13px;color:rgba(235,233,206,.88);background:rgba(255,255,255,.026);font-size:.88rem;font-weight:850;text-decoration:none;white-space:nowrap}.site-nav-original .nav-links a:focus-visible,.site-nav-original .nav-links a:hover{color:var(--gold-light);background:rgba(255,255,255,.06);text-decoration:none}.site-nav-original .lang-toggle,.site-nav-original .login-nav-link{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;border:1px solid rgba(216,183,95,.58);border-radius:999px;padding:7px 13px;color:var(--gold-light);background:radial-gradient(circle at 35% 20%,rgba(243,212,134,.18),transparent 45%),linear-gradient(135deg,rgba(0,0,0,.54),rgba(42,31,13,.7));box-shadow:inset 0 0 0 1px rgba(255,255,255,.045),0 10px 24px rgba(0,0,0,.24);font-size:.84rem;font-weight:900;line-height:1;text-decoration:none;white-space:nowrap}.site-nav-original .lang-toggle:focus-visible,.site-nav-original .lang-toggle:hover,.site-nav-original .login-nav-link:focus-visible,.site-nav-original .login-nav-link:hover{border-color:rgba(243,212,134,.82);color:#fff3cf;background:linear-gradient(135deg,rgba(46,34,12,.86),rgba(8,8,7,.72));text-decoration:none}.site-nav-original .lang-toggle{min-width:54px;padding-inline:10px}.site-nav-original .lang-toggle svg{width:17px;height:17px;flex:0 0 17px;color:#d6a84f;stroke-width:1.8}.site-nav-original .lang-toggle span{color:inherit;font-size:.78rem;font-weight:950;line-height:1}.site-nav-original .site-search{position:relative;width:100%;direction:rtl;overflow:visible}.site-nav-original[data-lang=en] .site-search{direction:ltr}.site-nav-original .site-search-input{width:100%;max-width:100%;min-height:40px;border:1px solid rgba(200,164,90,.3);border-radius:999px;padding:7px 13px;color:var(--gold-light);background:rgba(9,9,11,.78);box-shadow:inset 0 1px 0 rgba(255,255,255,.045);font:inherit;font-size:.84rem;font-weight:850;outline:none}.site-nav-original .site-search-input::placeholder{color:rgba(236,217,160,.64)}.site-nav-original .site-search-input:focus{border-color:rgba(226,192,122,.7);box-shadow:0 0 0 3px rgba(200,164,90,.13),inset 0 1px 0 rgba(255,255,255,.06)}.site-nav-original .site-search-results{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:1200;display:grid;grid-gap:6px;gap:6px;padding:8px;border:1px solid rgba(200,164,90,.28);border-radius:16px;background:rgba(9,9,11,.97);box-shadow:0 22px 52px rgba(0,0,0,.46);overflow:visible}.site-nav-original .site-search-result{--result-accent:var(--gold-light);display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;padding:8px 10px;border:1px solid rgba(255,255,255,.045);border-radius:12px;color:rgba(245,237,214,.92);background:linear-gradient(135deg,color-mix(in srgb,var(--result-accent) 12%,transparent),rgba(255,255,255,.025));text-decoration:none}.site-nav-original .site-search-result:focus-visible,.site-nav-original .site-search-result:hover{border-color:color-mix(in srgb,var(--result-accent) 42%,transparent);color:#fff6dc;outline:none}.site-nav-original .site-search-result.is-sheet,.site-nav-original .site-search-result.is-sheet-person{--result-accent:var(--gold-light)}.site-nav-original .site-search-result.is-maqam,.site-nav-original .site-search-result.is-rhythm{--result-accent:var(--home-section-copper-light,#d19055)}.site-nav-original .site-search-result.is-history{--result-accent:var(--history-accent,#9A6A35)}.site-search-result-main{display:grid;grid-gap:2px;gap:2px;min-width:0}.site-search-result-subtitle,.site-search-result-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-search-result-title{color:#fff5d6;font-size:.9rem;font-weight:950}.site-search-result-subtitle{color:rgba(241,220,197,.72);font-size:.74rem;font-weight:750}.site-search-result-type{flex:0 0 auto;border:1px solid color-mix(in srgb,var(--result-accent) 62%,transparent);border-radius:999px;padding:3px 7px;color:color-mix(in srgb,var(--result-accent) 58%,#fff3c5);background:rgba(0,0,0,.24);font-size:.68rem;font-weight:950;white-space:nowrap}.site-search-empty{margin:0;padding:10px;color:rgba(235,233,206,.72);font-size:.82rem;font-weight:800;text-align:center}@media (min-width:761px){.site-nav-original .nav-top,.site-nav-original .nav-top-home{display:flex;align-items:center;justify-content:flex-end;gap:14px;width:100%;direction:ltr}.site-nav-original .nav-actions-row{display:flex;order:1;align-items:center;gap:8px;flex:1 1 auto;min-width:0;max-width:calc(100% - 360px);direction:ltr;overflow:visible}.site-nav-original .nav-language-area{order:1;display:flex;flex:0 0 auto}.site-nav-original .nav-account-area{order:2;display:flex;flex:0 0 auto}.site-nav-original .site-search{order:3;flex:0 1 280px;width:280px;max-width:30vw}.site-nav-original .nav-sections-menu{order:2;flex:0 0 auto;margin:0}.site-nav-original .nav-main-group,.site-nav-original .nav-top-right{order:3;display:flex;align-items:center;justify-content:flex-end;flex:0 0 auto;margin:0;direction:rtl}}@media (max-width:760px){.site-nav-original .nav-shell{width:100%;max-width:100%;padding:0}.site-nav-original .nav-top,.site-nav-original .nav-top-home{display:flex;flex-direction:column;gap:8px;width:100%;padding:8px 12px 10px;overflow:visible}.site-nav-original .nav-main-group,.site-nav-original .nav-top-right{order:1;width:100%;display:flex;justify-content:center;align-items:center;gap:0}.site-nav-original .nav-actions-row{order:2;width:100%;display:grid;grid-template-columns:44px minmax(0,1fr) max-content;grid-gap:8px;gap:8px;align-items:center;direction:ltr;overflow:visible}.site-nav-original .nav-logo,.site-nav-original[data-current-route=home] .nav-logo{display:inline-flex;max-width:100%;min-width:0;margin-inline:auto;align-items:center;justify-content:center;gap:8px;font-size:clamp(1.48rem,7vw,1.88rem);line-height:1;overflow:visible;white-space:nowrap}.site-nav-original .nav-logo-text{min-width:0;overflow:visible;white-space:nowrap}.site-nav-original .nav-logo-mark,.site-nav-original[data-current-route=home] .nav-logo-mark{width:32px;height:32px;flex:0 0 32px;border-radius:50%;object-fit:contain}.site-nav-original .nav-account-area,.site-nav-original .nav-language-area{display:flex;min-width:0;margin:0;justify-content:center}.site-nav-original .nav-language-area{grid-column:1}.site-nav-original .nav-account-area{grid-column:3;justify-content:end}.site-nav-original .site-search{display:block;position:relative;grid-column:2;min-width:0;width:100%;direction:rtl}.site-nav-original[data-lang=en] .site-search{direction:ltr}.site-nav-original .site-search-input{min-height:38px;padding:6px 11px;font-size:.8rem}.site-nav-original .lang-toggle,.site-nav-original .login-nav-link{min-width:0;max-width:none;min-height:38px;height:38px;padding:6px 10px;border-radius:999px;font-size:.76rem;line-height:1}.site-nav-original .lang-toggle{width:42px;min-width:42px;padding-inline:0}.site-nav-original .login-nav-link{width:64px;min-width:64px}.site-nav-original .lang-toggle svg{display:none}.site-nav-original .lang-toggle span{max-width:none;font-size:.72rem;text-align:center}.site-nav-original .site-search-results{left:0;right:0;top:calc(100% + 6px);width:auto;transform:none}.site-nav-original .nav-sections-menu{order:3;width:min(100%,520px);margin:0 auto}.site-nav-original .nav-sections-menu summary{width:100%;min-height:38px}.site-nav-original .nav-links,.site-nav-original[data-lang=en] .nav-links{inset-inline-start:0;inset-inline-end:0;grid-template-columns:1fr;width:100%}}@media (max-width:380px){.site-nav-original .nav-top,.site-nav-original .nav-top-home{padding-inline:10px}.site-nav-original .nav-actions-row{grid-template-columns:42px minmax(0,1fr) max-content;gap:6px}.site-nav-original .nav-logo,.site-nav-original[data-current-route=home] .nav-logo{font-size:clamp(1.36rem,6.6vw,1.62rem);gap:7px}.site-nav-original .nav-logo-mark,.site-nav-original[data-current-route=home] .nav-logo-mark{width:30px;height:30px;flex-basis:30px}.site-nav-original .lang-toggle,.site-nav-original .login-nav-link{min-height:37px;height:37px;padding-inline:8px;font-size:.75rem}.site-nav-original .lang-toggle{width:42px;min-width:42px;padding-inline:0}.site-nav-original .login-nav-link{width:58px;min-width:58px}}.original-home-shell{width:100%;margin:0;padding:0 0 48px}body:before{opacity:.34;mix-blend-mode:normal}.home-hero-original.hero{position:relative;z-index:1;overflow:hidden;padding:64px 5% 46px;min-height:0;display:block;text-align:center;border:0;border-bottom:1px solid var(--border);border-radius:0;background:linear-gradient(180deg,var(--bg2) 0,var(--bg) 50%);box-shadow:none}.home-hero-original.hero:before{content:"";display:block;position:absolute;inset:0;background:url(/media/images/backgrounds/musical-symbols-pattern-desktop.svg) top/460px 340px repeat;opacity:.3;pointer-events:none;z-index:0}.home-hero-original.hero:after{content:"";position:absolute;top:46%;left:50%;transform:translate(-50%,-50%);width:560px;height:560px;background:radial-gradient(circle,rgba(200,164,90,.05) 0,transparent 70%);animation:home-pulse 4s ease-in-out infinite;z-index:0}@keyframes home-pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.1);opacity:.8}}.home-hero-original .hero-content{position:relative;z-index:1}.home-hero-original .hero-tag,html[dir=rtl] .home-hero-original .hero-tag{display:block;margin:0 0 14px;color:var(--gold-light);font-size:40px;font-weight:900;letter-spacing:.01em;line-height:1.18;text-transform:none}.home-hero-original .subtitle,html[dir=rtl] .home-hero-original .subtitle{max-width:700px;margin:0 auto 28px;color:var(--text-muted);font-size:clamp(1rem,1.9vw,1.2rem);line-height:1.8}.hero-cta,.hero-cta-home-menu{display:flex;gap:14px;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:0}.cta-btn{display:inline-flex;align-items:center;gap:8px;padding:13px 28px;border-radius:12px;font-size:.95rem;font-weight:700;text-decoration:none;transition:all .3s var(--ease)}.cta-primary{background:var(--gold);color:var(--bg);border:2px solid var(--gold)}.cta-primary:hover{background:var(--gold-light);color:var(--bg);transform:translateY(-2px);box-shadow:0 8px 24px rgba(200,164,90,.3)}.cta-secondary{background:transparent;color:var(--text);border:2px solid var(--border2)}.cta-secondary:hover{border-color:var(--gold);color:var(--gold-light);transform:translateY(-2px)}.home-learn-updates-layout{width:min(1120px,90%);margin:0 auto;padding:10px 0 38px;display:grid;grid-template-columns:minmax(0,1fr);grid-gap:18px;gap:18px;align-items:start;justify-items:center}.original-home-shell .home-learn-only-layout{width:min(980px,92%)}.home-learn-updates-layout .learn-home-entry{padding:0}.home-learn-updates-layout .learn-home-entry-card{width:min(680px,100%);max-width:none;margin:0 auto}.original-home-shell .learn-home-entry-card-vivid{position:relative;isolation:isolate;overflow:hidden;box-sizing:border-box;width:min(860px,92%);max-width:none;height:auto;min-height:clamp(230px,22vw,280px);display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;align-content:center;grid-gap:clamp(14px,1.8vw,20px);gap:clamp(14px,1.8vw,20px);margin-inline:auto;padding:clamp(28px,3.4vw,42px) clamp(22px,4vw,48px);border-radius:30px;border:1px solid rgba(127,179,200,.28);background:radial-gradient(circle at 16% 10%,rgba(127,179,200,.16),transparent 16rem),radial-gradient(circle at 84% 20%,rgba(109,90,168,.26),transparent 18rem),radial-gradient(circle at 72% 108%,rgba(240,140,165,.13),transparent 18rem),linear-gradient(135deg,rgba(79,127,120,.26),rgba(109,90,168,.42) 58%,rgba(240,140,165,.18)),linear-gradient(145deg,rgba(9,12,16,.98),rgba(16,20,26,.94));box-shadow:0 24px 68px rgba(0,0,0,.42),0 0 34px rgba(109,90,168,.13),inset 0 1px 0 rgba(244,236,216,.1);text-align:center}.original-home-shell .learn-home-entry-card-vivid:before{content:"𝄞   ♫   ♩   ♪   𝄽   ♬   ♭   ♯   𝄢   ♫   ♪";position:absolute;inset-inline-start:-2%;inset-block-end:8%;z-index:-1;color:rgba(244,236,216,.055);font-family:Georgia,Times New Roman,serif;font-size:clamp(3.1rem,7.4vw,6.8rem);line-height:1;letter-spacing:0;white-space:nowrap;transform:rotate(-4deg);pointer-events:none}.original-home-shell .learn-home-entry-card-vivid:after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.09),transparent 34%),radial-gradient(circle at 88% 16%,rgba(242,209,111,.07),transparent 16rem);pointer-events:none}.original-home-shell .learn-home-entry-card-vivid .learn-home-entry-copy{position:relative;z-index:1;display:grid;justify-items:center;grid-gap:0;gap:0;max-width:820px}.original-home-shell .learn-home-entry-card-vivid h2{margin:0;color:#f4ecd8;font-size:clamp(2rem,4vw,3.8rem);line-height:1.12;font-weight:950;letter-spacing:0;overflow-wrap:normal;word-break:normal}.original-home-shell .learn-home-entry-card-vivid p{display:none;max-width:760px;margin:0;color:rgba(244,236,216,.86);line-height:1.65;font-size:clamp(1.05rem,1.75vw,1.5rem);font-weight:850;overflow-wrap:normal;word-break:normal}.original-home-shell .learn-home-entry-card-vivid a{position:relative;z-index:1;width:min(560px,86%);min-height:clamp(64px,5.2vw,74px);display:inline-flex;align-items:center;justify-content:center;margin-inline:auto;padding:14px clamp(24px,4vw,44px);border-radius:999px;border:1px solid rgba(244,236,216,.22);background:linear-gradient(90deg,#f2d16f,#f3b17d 48%,#f08ca5);color:#14100b;box-shadow:0 18px 42px rgba(240,140,165,.22),inset 0 1px 0 rgba(255,255,255,.28);font-size:clamp(1rem,1.55vw,1.28rem);font-weight:950;line-height:1.25;text-decoration:none;white-space:normal}.original-home-shell .learn-home-entry-card-vivid a:focus-visible,.original-home-shell .learn-home-entry-card-vivid a:hover{background:linear-gradient(90deg,#f6db86,#f6bd8b 48%,#f5a2b8);box-shadow:0 22px 50px rgba(240,140,165,.3),0 0 0 3px rgba(127,179,200,.16);transform:translateY(-1px);outline:none}.home-updates-entry{padding:0;align-self:start;min-width:0}.home-updates-card{max-width:none;min-width:0;margin:0;display:grid;grid-template-columns:1fr;grid-template-rows:auto auto auto;grid-gap:9px;gap:9px;align-items:start;padding:13px;border:1px solid rgba(88,166,116,.45);border-radius:18px;background:linear-gradient(135deg,rgba(34,90,58,.2),rgba(15,20,18,.85));overflow:hidden}.home-updates-copy h2{margin:0 0 4px;color:#9fd6ad;font-size:1.02rem;line-height:1.25}.home-updates-copy p{margin:0;color:#c0d6c5;line-height:1.55;font-size:.84rem}.home-updates-cta{display:inline-flex;justify-self:stretch;justify-content:center;min-height:38px;padding:8px 12px;border-radius:10px;border:1px solid rgba(88,166,116,.52);color:#d8f2de;background:rgba(34,90,58,.22);text-decoration:none;font-size:.86rem;font-weight:800;white-space:nowrap}.home-updates-cta:hover{background:rgba(34,90,58,.34)}.home-updates-list{max-height:148px;min-height:0;margin:0;padding:0 0 2px;list-style:none;display:grid;grid-gap:6px;gap:6px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(159,214,173,.55) rgba(0,0,0,.12)}.home-updates-list li{border:0;padding:0}.home-updates-list li a{display:block;min-height:36px;padding:7px 9px;border-radius:10px;border:1px solid rgba(88,166,116,.35);color:#d9f2df;background:rgba(0,0,0,.2);text-decoration:none;font-size:.84rem;font-weight:800;line-height:1.35}.home-updates-list li a:hover{border-color:rgba(159,214,173,.7);background:rgba(34,90,58,.22)}.oud-inspirations-section{width:min(1120px,90%);margin:0 auto 42px;padding:26px;border:1px solid rgba(200,164,90,.22);border-radius:24px;background:linear-gradient(135deg,rgba(200,164,90,.11),rgba(15,15,18,.92)),var(--bg2);box-shadow:0 20px 52px rgba(0,0,0,.28);overflow:hidden}.oud-inspirations-head{max-width:880px;margin:0 auto 22px;text-align:center}.oud-inspirations-kicker{display:none}.oud-inspirations-head h2{margin:0 0 10px;color:var(--gold-light);font-size:clamp(1.55rem,3vw,2.35rem);line-height:1.2;font-weight:900}.oud-inspirations-head p{max-width:820px;margin:0 auto;color:var(--text-muted);font-size:clamp(.96rem,1.5vw,1.08rem);line-height:1.85;overflow:visible}.oud-inspirations-carousel-shell{position:relative;max-width:960px;margin:0 auto;padding:0}.oud-inspirations-slider{display:grid;grid-auto-flow:column;grid-auto-columns:100%;grid-gap:18px;gap:18px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;scroll-behavior:smooth;padding:4px 0 18px;scrollbar-width:none}.oud-inspirations-slider::-webkit-scrollbar{display:none}.oud-inspiration-card{scroll-snap-align:center;scroll-snap-stop:always;display:grid;grid-template-columns:minmax(210px,.34fr) minmax(0,.66fr);grid-gap:18px;gap:18px;align-items:stretch;min-height:300px;padding:16px;border:1px solid rgba(200,164,90,.24);border-radius:22px;background:rgba(5,5,7,.42);box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)}.oud-inspiration-card-text-only{grid-template-columns:1fr;min-height:0}.oud-inspiration-card-text-only .oud-inspiration-copy{align-self:start}.oud-inspiration-photo{min-width:0;margin:0;border-radius:18px;overflow:hidden;border:1px solid rgba(200,164,90,.22);background:rgba(0,0,0,.28)}.oud-inspiration-photo img{display:block;width:100%;height:100%;min-height:268px;object-fit:cover;object-position:center 32%}.oud-inspiration-copy{min-width:0;display:block;align-self:center}.oud-inspiration-label{display:inline-flex;align-items:center;vertical-align:middle;width:max-content;max-width:100%;margin:0 0 10px 10px;padding:5px 12px;border:1px solid rgba(200,164,90,.26);border-radius:999px;color:var(--gold-light);background:rgba(200,164,90,.08);font-size:.78rem;font-weight:900;line-height:1.2}.oud-inspiration-copy h3{display:inline-block;vertical-align:middle;margin:0 0 10px;color:var(--text);font-size:clamp(1.34rem,2.15vw,1.84rem);line-height:1.25;font-weight:900}.oud-inspiration-copy p{margin:0;color:var(--text-muted);line-height:1.82;font-size:clamp(1rem,1.08vw,1.08rem)}.oud-inspirations-dots{display:flex;align-items:center;justify-content:center;gap:8px;margin:2px 0 0;direction:ltr}.oud-inspirations-dot{width:9px;height:9px;padding:0;border:1px solid rgba(200,164,90,.42);border-radius:999px;background:rgba(200,164,90,.16);cursor:pointer;transition:transform .2s var(--ease),background .2s var(--ease),border-color .2s var(--ease),box-shadow .2s var(--ease)}.oud-inspirations-dot[aria-current=true]{width:22px;background:var(--gold-light);border-color:rgba(243,212,134,.86);box-shadow:0 0 16px rgba(200,164,90,.34)}.oud-inspirations-dot:focus-visible,.oud-inspirations-dot:hover{transform:translateY(-1px);border-color:rgba(243,212,134,.78);outline:none}.site-footer-original.site-footer{width:min(1120px,calc(100% - 32px));margin:44px auto 18px;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid rgba(200,164,90,.16);border-radius:18px;background:radial-gradient(circle at top right,rgba(200,164,90,.1),transparent 34%),linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012)),rgba(12,12,15,.92);box-shadow:0 18px 40px rgba(0,0,0,.24);color:rgba(237,232,220,.72);font-size:.88rem}.site-footer-original .footer-logo{color:var(--gold-light);font-size:1.25rem;font-weight:950;letter-spacing:.02em;white-space:nowrap}.site-footer-original .footer-links{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px}.site-footer-original .footer-links a{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:6px 11px;border:1px solid rgba(200,164,90,.14);border-radius:999px;background:rgba(255,255,255,.025);color:rgba(237,232,220,.78);font-size:.82rem;font-weight:850;text-decoration:none;white-space:nowrap}.site-footer-original .footer-links a:focus-visible,.site-footer-original .footer-links a:hover{border-color:rgba(200,164,90,.38);background:rgba(200,164,90,.1);color:var(--gold-light);outline:none}@media (max-width:980px){.home-learn-updates-layout{grid-template-columns:1fr;width:min(920px,90%)}}@media (max-width:760px){body:before{opacity:.38;background-image:url(/media/images/backgrounds/musical-symbols-pattern.svg);background-size:240px 192px}.home-hero-original.hero{padding:38px 5% 28px}.home-hero-original.hero:before{background-image:url(/media/images/backgrounds/musical-symbols-pattern.svg);background-size:240px 192px;opacity:.32}.home-hero-original .hero-tag,html[dir=rtl] .home-hero-original .hero-tag{font-size:clamp(1.36rem,6.2vw,1.72rem);line-height:1.18;margin-bottom:12px;white-space:nowrap;letter-spacing:0}.home-hero-original .subtitle,html[dir=rtl] .home-hero-original .subtitle{max-width:92%;margin:0 auto 18px;font-size:clamp(.88rem,3.6vw,.98rem);line-height:1.65}.hero-cta{width:min(360px,92%);margin:0 auto;gap:10px}.cta-btn{width:100%;min-height:44px;padding:9px 16px;justify-content:center;border-radius:13px;font-size:.9rem;font-weight:800}.home-learn-updates-layout{width:92%;padding:18px 0 34px;gap:14px}.original-home-shell .learn-home-entry-card-vivid{width:92%;min-height:clamp(190px,52vw,230px);gap:16px;padding:22px 18px;border-radius:28px}.original-home-shell .learn-home-entry-card-vivid:before{font-size:clamp(2.8rem,11vw,4.4rem);inset-inline-start:-18%;inset-block-end:5%;opacity:.86}.original-home-shell .learn-home-entry-card-vivid h2{font-size:clamp(1.65rem,7.2vw,2.35rem);line-height:1.12}.original-home-shell .learn-home-entry-card-vivid p{display:none}.original-home-shell .learn-home-entry-card-vivid a{width:100%;min-height:clamp(56px,14vw,62px);padding:12px 18px;font-size:clamp(.98rem,4.2vw,1.08rem)}.home-updates-entry{padding:0;min-width:0}.home-updates-card{grid-template-columns:1fr;grid-template-rows:auto auto auto;max-height:none;gap:9px;padding:13px;border-radius:18px;overflow:hidden}.home-updates-copy h2{font-size:1.02rem;line-height:1.25}.home-updates-copy p{font-size:.82rem;line-height:1.55}.home-updates-list{max-height:148px;overflow-y:auto;gap:6px;padding:0 0 2px}.home-updates-list li a{padding:7px 9px;min-height:36px;font-size:.84rem;line-height:1.35;border-radius:10px}.home-updates-cta{width:100%;min-height:38px;justify-content:center;padding:8px 12px;font-size:.86rem}.oud-inspirations-section{width:92%;margin-bottom:34px;padding:18px;border-radius:22px}.oud-inspirations-head{margin-bottom:16px}.oud-inspirations-head h2{font-size:1.4rem;line-height:1.25;letter-spacing:0;overflow-wrap:normal}.oud-inspirations-head p{font-size:.9rem;line-height:1.75}.oud-inspirations-carousel-shell{max-width:100%;padding:0}.oud-inspirations-slider{gap:14px;padding-bottom:18px}.oud-inspirations-dots{gap:7px;margin-top:0}.oud-inspiration-card{grid-template-columns:1fr;min-height:0;gap:14px;padding:14px}.oud-inspiration-photo{order:2;background:rgba(0,0,0,.14)}.oud-inspiration-copy{order:1;align-self:start}.oud-inspiration-photo img{height:260px;min-height:0;object-fit:cover;object-position:center 26%}.oud-inspiration-copy h3{font-size:1.18rem}.oud-inspiration-copy p{font-size:.94rem;line-height:1.78}.site-footer-original.site-footer{width:min(100% - 28px,520px);margin:34px auto 88px;padding:16px 14px;display:grid;grid-template-columns:1fr;justify-items:center;text-align:center;grid-gap:12px;gap:12px;border-radius:20px;font-size:.78rem}.site-footer-original .footer-logo{font-size:1.12rem}.site-footer-original .footer-links{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:7px;gap:7px}.site-footer-original .footer-links a{min-height:34px;padding:6px 8px;font-size:.76rem}.site-footer-original>span:last-child{color:rgba(237,232,220,.54);font-size:.76rem}}@media (max-width:420px){.home-hero-original .hero-tag,html[dir=rtl] .home-hero-original .hero-tag{font-size:clamp(1.18rem,5.8vw,1.44rem)}.home-hero-original .subtitle,html[dir=rtl] .home-hero-original .subtitle{font-size:.84rem}.home-updates-list{max-height:136px}.home-updates-list li a{font-size:.8rem}}@media (max-width:380px){.oud-inspirations-head h2{font-size:1.28rem}}@media (max-width:360px){.home-hero-original .hero-tag,html[dir=rtl] .home-hero-original .hero-tag{font-size:clamp(1.02rem,5.45vw,1.22rem)}}.maqam-legacy-page{--bg:#0c0b09;--bg2:#111009;--surface:#181610;--surface2:#1e1c14;--border:rgba(255,255,255,0.07);--border2:rgba(255,255,255,0.04);--text:#ede8df;--text-muted:#b0a890;--text-dim:#756d5c;--gold:#c8a45a;--gold-light:#e2c47e;--gold-dim:rgba(200,164,90,0.10);--blue:#7ba8d4;--blue-light:#a8ccee;--ease:cubic-bezier(0.22,1,0.36,1);--sidebar-w:280px;background:var(--bg);color:var(--text);margin:0 calc(50% - 50vw);min-height:100vh;border-block:1px solid rgba(200,164,90,.12);font-family:Cairo,system-ui,sans-serif}.legacy-tool-header{min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 28px;background:rgba(12,11,9,.96);border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.legacy-tool-brand,.maqam-legacy-page .nav-actions,.maqam-legacy-page .nav-breadcrumb{display:flex;align-items:center;gap:12px}.legacy-logo-link{color:var(--gold-light);font-size:1.08rem;font-weight:900;text-decoration:none}.maqam-legacy-page .nav-breadcrumb{color:var(--text-dim);font-size:.78rem;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.03);border:1px solid var(--border2)}.maqam-legacy-page .nav-breadcrumb a{color:var(--text-muted);text-decoration:none}.maqam-legacy-page .nav-breadcrumb .sep{color:rgba(255,255,255,.18)}.legacy-fav-btn,.maqam-legacy-page .nav-breadcrumb .current{color:var(--gold-light);font-weight:900}.legacy-fav-btn{border:1px solid rgba(200,164,90,.28);background:rgba(200,164,90,.08);border-radius:999px;padding:8px 14px;font-family:inherit}.maqam-legacy-page .shell,.maqam-legacy-shell{display:flex;min-height:calc(100vh - 56px);padding-top:0}.maqam-legacy-page .sidebar{position:-webkit-sticky;position:sticky;top:56px;align-self:flex-start;width:var(--sidebar-w);height:calc(100vh - 56px);overflow-y:auto;border-left:1px solid var(--border);background:var(--bg2);display:flex;flex-direction:column;scrollbar-width:thin;scrollbar-color:var(--border) transparent;flex:0 0 var(--sidebar-w)}.sidebar-header{padding:24px 20px 18px;border-bottom:1px solid var(--border);flex-shrink:0}.sidebar-family-label{font-size:.76rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);font-weight:900;margin-bottom:6px}.sidebar-family-label-spaced{margin-top:14px}.family-switcher{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.family-switch-btn{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);color:var(--text-dim);border-radius:999px;padding:6px 12px;font-family:inherit;font-size:.82rem;font-weight:900;cursor:pointer;text-decoration:none;transition:all .2s ease}.family-switch-btn:hover{color:var(--text-muted);border-color:rgba(200,164,90,.25)}.family-switch-btn.active{color:var(--gold-light);background:rgba(200,164,90,.1);border-color:rgba(200,164,90,.35)}.sidebar-family-name{font-size:1.32rem;font-weight:900;line-height:1.2;color:var(--text)}.sidebar-family-sub{font-size:.84rem;color:var(--text-dim);margin-top:4px}.sidebar-list{list-style:none;padding:12px 0;margin:0;flex:1 1}.sidebar-item{display:block;padding:0 10px;margin-bottom:2px}.sidebar-btn{width:100%;display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:10px;border:none;background:none;color:var(--text-muted);font-family:inherit;font-size:.98rem;font-weight:800;cursor:pointer;text-align:right;transition:all .25s var(--ease);position:relative}.sidebar-btn:hover{background:var(--surface);color:var(--text)}.sidebar-btn.active{background:linear-gradient(90deg,rgba(200,164,90,.18),rgba(200,164,90,.06));color:var(--gold-light)}.sidebar-dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.12);flex-shrink:0}.sidebar-btn.active .sidebar-dot{background:var(--gold);box-shadow:0 0 14px rgba(200,164,90,.65)}.sidebar-main-tag{margin-right:auto;font-size:.65rem;color:var(--gold);border:1px solid rgba(200,164,90,.22);border-radius:999px;padding:2px 7px}.maqam-legacy-page .main{flex:1 1;min-width:0;background:radial-gradient(circle at top left,rgba(200,164,90,.1),transparent 33%),var(--bg)}.maqam-hero{padding:42px 44px 28px;border-bottom:1px solid var(--border);background:linear-gradient(135deg,rgba(200,164,90,.12),rgba(255,255,255,.02) 42%,transparent)}.maqam-hero-inner{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.maqam-name-wrap{min-width:0}.maqam-name{margin:0;color:var(--gold-light);font-size:clamp(2.7rem,9vw,6.8rem);line-height:.95;font-weight:950;letter-spacing:-.05em;text-shadow:0 18px 48px rgba(0,0,0,.55)}.maqam-latin{display:block;margin-top:8px;color:var(--text-dim);font-weight:800;letter-spacing:.2em;text-transform:uppercase}.maqam-desc{max-width:520px;margin:0;color:var(--text-muted);line-height:1.8;font-weight:700}.maqam-body{max-width:1100px;margin:0 auto;padding:28px 28px 70px}.sec-title{color:var(--gold);font-size:.74rem;font-weight:950;letter-spacing:.16em;text-transform:uppercase;margin-bottom:12px}.staff-scale-box{border:1px solid rgba(200,164,90,.16);border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018));box-shadow:0 24px 60px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.05);padding:22px;margin-bottom:20px}.staff-scale-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.staff-scale-title{color:var(--gold-light);font-weight:950}.tonic-selector{display:flex;flex-wrap:wrap;gap:7px;justify-content:flex-end}.tonic-btn{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);color:var(--text-muted);border-radius:999px;padding:6px 12px;font-family:inherit;font-weight:900;cursor:pointer}.tonic-btn.active{color:#16120a;background:linear-gradient(135deg,var(--gold-light),var(--gold));border-color:transparent}.staff-wrap{overflow-x:auto;border-radius:16px;background:radial-gradient(circle at 18% 20%,rgba(200,164,90,.12),transparent 30%),rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.05)}.staff-svg{width:100%;min-width:720px;height:auto;display:block}.staff-svg line{stroke:#8a7440;stroke-width:1.6}.ledger-line{stroke:#9a844a!important;stroke-width:1.6!important}.legacy-clef{fill:#f0d28a;font-size:82px;font-family:serif}.note-btn{cursor:pointer;outline:none}.note-head{fill:#d6c089;stroke:#806734;stroke-width:2;transition:all .18s ease}.note-stem{stroke:#9a844a!important;stroke-width:2.3!important}.note-accidental{fill:#d6c089;font-size:24px;font-weight:800}.note-accidental-shape path,.note-accidental-shape rect{fill:#d6c089;transition:fill .18s ease}.note-accidental-half-sharp line{stroke:#d6c089!important;stroke-width:3.1!important;stroke-linecap:round;transition:stroke .18s ease}.note-degree-label{fill:var(--text-dim);text-anchor:middle;font-size:13px;font-weight:900}.note-btn.active .note-head{fill:#fff0b8;stroke:#f0d28a;filter:drop-shadow(0 0 14px rgba(240,210,138,.75))}.note-btn.active .note-stem{stroke:#f0d28a!important}.note-btn.active .note-accidental,.note-btn.active .note-accidental-shape path,.note-btn.active .note-accidental-shape rect,.note-btn.active .note-degree-label{fill:#f0d28a}.note-btn.active .note-accidental-half-sharp line{stroke:#f0d28a!important}.note-keys-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(74px,1fr));grid-gap:10px;gap:10px;margin-top:16px}.note-key{border:0;background:transparent;padding:0;font-family:inherit;cursor:pointer}.note-key-face{min-height:72px;border:1px solid rgba(200,164,90,.18);border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--text-muted);background:rgba(255,255,255,.035);box-shadow:0 10px 22px rgba(0,0,0,.2);transition:all .2s var(--ease)}.note-key-face strong{color:inherit;font-size:.94rem}.note-key-face small{color:rgba(237,232,223,.48);font-weight:800}.note-key.jins-role-lower .note-key-face{border-color:rgba(200,164,90,.34);background:rgba(200,164,90,.07)}.note-key.jins-role-upper .note-key-face{border-color:rgba(123,168,212,.32);background:rgba(123,168,212,.065)}.note-key.active .note-key-face{transform:translateY(-3px);color:#17120a;background:linear-gradient(135deg,#f2d891,#c8a45a);border-color:transparent;box-shadow:0 15px 32px rgba(200,164,90,.22)}.note-key.active .note-key-face small{color:rgba(23,18,10,.62)}.jins-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.jins-pill{border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:8px 13px;font-size:.82rem;font-weight:900;color:var(--text-muted);background:rgba(255,255,255,.025)}.jins-pill-lower{color:var(--gold-light);border-color:rgba(200,164,90,.28);background:rgba(200,164,90,.08)}.jins-pill-upper{border-color:rgba(123,168,212,.26)}.jins-pill-upper,.upper-jins-line{color:var(--blue-light);background:rgba(123,168,212,.07)}.upper-jins-line{margin-top:12px;border:1px solid rgba(123,168,212,.24);border-radius:12px;padding:10px 12px;font-size:.88rem;font-weight:900;line-height:1.55;overflow-wrap:anywhere}.playbar{display:flex;align-items:center;gap:12px;margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.07)}.play-btn{display:inline-flex;align-items:center;gap:8px;border:0;border-radius:999px;padding:10px 18px;background:linear-gradient(135deg,var(--gold-light),var(--gold));color:#17120a;font-family:inherit;font-weight:950;cursor:pointer}.play-btn.is-playing{background:linear-gradient(135deg,#f0b0a0,#c8705a)}.tempo-control{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.tempo-label{font-size:.74rem;color:var(--text-muted);font-weight:900;white-space:nowrap}.tempo-label span{color:var(--gold-light)}.tempo-slider{width:140px;accent-color:var(--gold)}.status-bar{color:var(--text-dim);font-size:.86rem;font-weight:800;margin-right:auto}.maqam-content-sections{margin-top:18px}.maqam-content-card,.maqam-definition-card{border:1px solid rgba(200,164,90,.14);border-radius:18px;background:rgba(255,255,255,.025);overflow:hidden}.maqam-acc-trigger{cursor:pointer;padding:16px 18px;color:var(--gold-light);font-weight:950;list-style:none}.maqam-acc-trigger::-webkit-details-marker{display:none}.maqam-acc-panel{padding:0 18px 18px;color:var(--text-muted);line-height:1.85}.maqam-content-copy{margin-top:0}.degree-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:10px;gap:10px;margin:16px 0 0}.degree-card{border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:12px;background:rgba(0,0,0,.16)}.degree-card.active{border-color:rgba(200,164,90,.32);background:rgba(200,164,90,.08)}.degree-card dt{color:var(--text-dim);font-size:.72rem;font-weight:900;margin-bottom:6px}.degree-card dd{margin:0;color:var(--text);font-weight:900}.legacy-scale-fallback{display:inline-block;margin-top:12px;color:var(--text-dim);font-size:.78rem;text-decoration:none;border-bottom:1px dotted rgba(200,164,90,.35)}.legacy-scale-fallback:hover{color:var(--gold-light)}.maqam-legacy-empty{padding:32px;border:1px solid rgba(200,164,90,.18);border-radius:18px;color:var(--text-muted);background:rgba(255,255,255,.03)}@media (max-width:900px){.maqam-legacy-page{overflow-x:hidden}.legacy-tool-header{padding:0 16px}.maqam-legacy-page .nav-breadcrumb{display:none}.maqam-legacy-shell{display:block}.maqam-legacy-page .sidebar{position:fixed;top:56px;right:0;z-index:30;width:min(86vw,320px);transform:translateX(105%);transition:transform .25s var(--ease);box-shadow:-20px 0 50px rgba(0,0,0,.45)}.maqam-legacy-page .sidebar.open{transform:translateX(0)}.maqam-hero{padding:30px 20px 22px}.maqam-hero-inner{display:block}.maqam-desc{margin-top:12px}.maqam-body{max-width:none;padding:22px 8px 52px}.maqam-body,.staff-scale-box{width:100%;box-sizing:border-box}.staff-scale-box{max-width:100%;padding:10px 8px;border-radius:18px}.staff-scale-header{align-items:flex-start;flex-direction:column;gap:12px}.tonic-selector{justify-content:flex-start;gap:6px}.tonic-btn{padding:6px 10px;font-size:.82rem}.staff-wrap{overflow-x:hidden;border-radius:12px}.staff-svg,.staff-wrap{width:100%;max-width:100%}.staff-svg{min-width:0;height:auto}.note-keys-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:12px}.note-key-face{min-height:58px;border-radius:11px;padding:4px 2px}.note-key-face strong{font-size:.78rem;line-height:1.2}.note-key-face small{font-size:.68rem}.jins-row{gap:7px;margin-top:12px}.jins-pill{padding:7px 10px;font-size:.76rem}.upper-jins-line{font-size:.78rem;padding:8px 10px}.playbar{align-items:flex-start;flex-direction:column}.tempo-slider{width:min(220px,68vw)}.status-bar{margin-right:0;font-size:.8rem}}@media (max-width:420px){.maqam-body,.staff-scale-box{padding-inline:6px}.note-keys-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.note-key-face{min-height:54px}}.maqamat-content-compact{width:min(100% - 56px,1360px);max-width:1360px;margin:0 auto;padding:18px 0 92px}.maqamat-shell-original .maqamat-hero{min-height:auto;padding:48px 24px 30px;text-align:center}.maqamat-shell-original .maqamat-hero-inner{justify-content:center}.maqamat-shell-original .maqamat-hero h1{margin-inline:auto;text-align:center}.maqamat-content-compact #maqamat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:18px;gap:18px}.maqam-family-card{position:relative;display:flex;min-height:112px;flex-direction:column;justify-content:space-between;overflow:hidden;border:1px solid rgba(200,164,90,.38);border-radius:18px;padding:18px 18px 14px;color:inherit;background:linear-gradient(180deg,rgba(200,164,90,.035),rgba(255,255,255,.014)),rgba(15,15,18,.86);box-shadow:0 10px 26px rgba(0,0,0,.2);text-decoration:none}.maqam-family-card-link{cursor:pointer}.maqam-family-card:before{content:"";position:absolute;top:0;right:0;left:0;height:3px;background:linear-gradient(90deg,rgba(200,164,90,0),rgba(200,164,90,.62),rgba(200,164,90,0));opacity:0;transition:opacity .28s var(--ease)}.maqam-family-card:hover{border-color:rgba(200,164,90,.68);background:linear-gradient(180deg,rgba(200,164,90,.075),rgba(255,255,255,.02)),rgba(15,15,18,.92);transform:translateY(-3px);box-shadow:0 16px 40px rgba(0,0,0,.34)}.maqam-family-card:hover:before{opacity:1}.maqam-card-heading{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.maqam-family-card h3{margin:0;color:var(--gold-light);font-size:clamp(1.45rem,2.2vw,1.9rem);font-weight:950;line-height:1.08}.maqam-family-card .latin{color:rgba(237,232,220,.46);font-size:.86rem;font-style:italic;font-weight:600}.maqam-card-footer{display:flex;align-items:center;justify-content:flex-start;gap:8px;margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}.maqam-card-cta{display:inline-flex;align-items:center;gap:8px;color:var(--gold-light);font-size:.86rem;font-weight:900;text-decoration:none}.maqam-card-cta .cta-arrow{display:inline-block;color:var(--gold);direction:ltr;font-weight:950;transition:transform .22s var(--ease)}.maqam-family-card:hover .maqam-card-cta .cta-arrow{transform:translateX(-3px)}@media (max-width:980px){.maqamat-content-compact #maqamat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.maqamat-shell-original .maqamat-hero{padding:34px 18px 22px}.maqamat-content-compact{width:min(100% - 34px,520px);padding-top:16px}.maqamat-content-compact #maqamat-grid{grid-template-columns:1fr;gap:12px}.maqam-family-card{min-height:96px;padding:14px 16px 12px;border-radius:16px}.maqam-family-card h3{font-size:1.52rem}.maqam-family-card .latin{font-size:.78rem}.maqam-card-footer{margin-top:10px;padding-top:10px}}.maqamat-shell-original{--section-copper:#B06A2C;--section-copper-soft:rgba(176,106,44,0.16);--section-copper-border:rgba(176,106,44,0.62)}.maqamat-shell-original .edu-disclosure,.maqamat-shell-original .maqam-family-card{border-color:var(--section-copper-border);background:radial-gradient(circle at 18% 18%,rgba(176,106,44,.13),transparent 11rem),linear-gradient(180deg,var(--section-copper-soft),rgba(255,255,255,.014)),rgba(15,15,18,.86)}.maqamat-shell-original .maqam-family-card:before{background:linear-gradient(90deg,rgba(176,106,44,0),rgba(176,106,44,.74),rgba(176,106,44,0))}.maqamat-shell-original .maqam-family-card:hover{border-color:rgba(176,106,44,.82);background:radial-gradient(circle at 18% 18%,rgba(176,106,44,.18),transparent 11rem),linear-gradient(180deg,rgba(176,106,44,.22),rgba(255,255,255,.02)),rgba(15,15,18,.92)}body,button,html,input,select,textarea{font-family:Cairo,sans-serif}body{font-weight:400;line-height:1.6;-webkit-font-smoothing:antialiased}.footer-logo,.site-header .site-logo{color:var(--gold-light);font-size:2.5rem;line-height:1;letter-spacing:.02em;white-space:nowrap}.edu-disclosure-title,.footer-logo,.hero-tag,.maqam-name,.maqamat-hero h1,.site-header .site-logo,h1,h2,h3,h4,h5,h6{font-family:Cairo,sans-serif;font-weight:900}a,button,dd,dt,li,p,span,summary{font-family:inherit}@media (max-width:900px){.site-header .site-logo{font-size:1.75rem}}@media (max-width:640px){.site-header .site-logo{font-size:1.45rem;line-height:1}}@media (max-width:380px){.site-header .site-logo{font-size:1.32rem}}.mt-accessibility-root{position:fixed;inset-inline-start:clamp(14px,3vw,26px);bottom:clamp(18px,4vw,30px);z-index:70;color:var(--text,#ede8dc)}.mt-accessibility-launcher{width:44px;height:44px;border-radius:999px;border:1px solid rgba(200,164,90,.42);background:rgba(15,15,18,.96);color:var(--gold-light,#e2c07a);box-shadow:0 12px 28px rgba(0,0,0,.34),inset 0 0 0 1px rgba(255,255,255,.08);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.mt-accessibility-launcher svg{width:22px;height:22px}.mt-accessibility-launcher:focus-visible,.mt-accessibility-launcher:hover,.mt-accessibility-launcher[aria-expanded=true]{outline:none;color:#17120a;background:linear-gradient(135deg,#f1d889,#c8a45a);box-shadow:0 16px 34px rgba(0,0,0,.42),0 0 0 3px rgba(200,164,90,.16)}.mt-accessibility-panel{position:absolute;inset-inline-start:0;bottom:calc(100% + 12px);width:min(320px,calc(100vw - 28px));border-radius:18px;border:1px solid rgba(200,164,90,.2);background:rgba(15,15,18,.98);color:var(--text,#ede8dc);box-shadow:0 24px 48px rgba(0,0,0,.36);padding:18px;text-align:start;opacity:0;pointer-events:none;transform:translateY(8px) scale(.98);transition:opacity .18s var(--ease,ease),transform .18s var(--ease,ease)}.mt-accessibility-panel.is-open{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.mt-accessibility-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.mt-accessibility-head h2{margin:0 0 4px;color:var(--gold-light,#e2c07a);font-size:1rem;line-height:1.3}.mt-accessibility-head p{margin:0;color:var(--text-muted,#ebe9ce);font-size:.82rem;line-height:1.7}.mt-accessibility-close{width:34px;height:34px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);color:var(--text-muted,#ebe9ce);cursor:pointer}.mt-accessibility-close:focus-visible,.mt-accessibility-close:hover{outline:none;color:var(--gold-light,#e2c07a);border-color:rgba(200,164,90,.34)}.mt-accessibility-options{display:grid;grid-gap:10px;gap:10px}.mt-accessibility-option{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.02)}.mt-accessibility-option span{color:var(--text,#ede8dc);font-size:.9rem;font-weight:800}.mt-switch{position:relative;width:46px;height:26px;flex:0 0 46px;border-radius:999px;border:1px solid rgba(200,164,90,.24);background:rgba(255,255,255,.08);cursor:pointer}.mt-switch:after{content:"";position:absolute;top:3px;inset-inline-start:3px;width:18px;height:18px;border-radius:999px;background:var(--gold-light,#e2c07a);transition:transform .2s var(--ease,ease)}.mt-switch[aria-checked=true]:after{transform:translateX(20px)}html[dir=rtl] .mt-switch[aria-checked=true]:after{transform:translateX(-20px)}.mt-switch:focus-visible{outline:2px solid rgba(226,192,122,.7);outline-offset:3px}.mt-accessibility-reset{width:100%;min-height:42px;margin-top:14px;border-radius:12px;border:1px solid rgba(200,164,90,.22);background:rgba(200,164,90,.12);color:var(--gold-light,#e2c07a);font-weight:900;cursor:pointer}.mt-accessibility-reset:focus-visible,.mt-accessibility-reset:hover{outline:none;border-color:rgba(200,164,90,.42);background:rgba(200,164,90,.18)}.mt-large-text body{font-size:1.08rem}.mt-large-text a,.mt-large-text button,.mt-large-text input,.mt-large-text li,.mt-large-text p,.mt-large-text select,.mt-large-text textarea{font-size:1.05em}.mt-high-contrast{--bg:#000;--bg2:#050505;--bg3:#0a0a0a;--surface:rgba(255,255,255,0.09);--surface2:rgba(255,255,255,0.14);--border:rgba(255,255,255,0.18);--border2:rgba(255,255,255,0.28);--text:#fff;--text-muted:#f6f1db;--text-dim:rgba(255,255,255,0.72);--gold:#f0c96a;--gold-light:#ffe4a3;--gold-dim:rgba(240,201,106,0.24)}.mt-underline-links a{text-decoration:underline!important;text-underline-offset:3px}.mt-reduce-motion *,.mt-reduce-motion :after,.mt-reduce-motion :before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}@media (max-width:640px){.mt-accessibility-root{inset-inline-start:12px;bottom:max(14px,env(safe-area-inset-bottom))}.mt-accessibility-launcher{width:38px;height:38px}.mt-accessibility-panel{width:min(312px,calc(100vw - 24px))}}.mt-accessibility-root{inset-inline-start:auto;inset-inline-end:clamp(14px,3vw,26px)}.mt-accessibility-launcher{width:56px;height:56px;border-color:rgba(214,168,79,.72);background:linear-gradient(135deg,var(--accessibility-amber,#D6A84F),#E8D28A);color:#17120a}.mt-accessibility-launcher svg{width:28px;height:28px}.mt-accessibility-panel{inset-inline-start:auto;inset-inline-end:0;border-color:rgba(214,168,79,.34)}@media (max-width:640px){.mt-accessibility-root{inset-inline-start:auto;inset-inline-end:14px;bottom:max(14px,env(safe-area-inset-bottom))}.mt-accessibility-launcher{width:54px;height:54px}}.maqam-legacy-page .legacy-clef{transform:translateX(28px);transform-box:fill-box;transform-origin:center}@media (max-width:640px){.maqam-legacy-page .legacy-clef{transform:translateX(34px)}}.maqam-legacy-page .maqam-body{padding-top:22px}.maqam-legacy-page .staff-scale-box{padding:20px 20px 22px;border-color:rgba(200,164,90,.28);border-radius:22px;background:linear-gradient(180deg,rgba(200,164,90,.05),rgba(255,255,255,.018)),rgba(11,11,9,.78)}.maqam-legacy-page .staff-scale-header{display:grid;grid-template-columns:minmax(180px,.55fr) minmax(260px,1fr);align-items:center;grid-gap:14px;gap:14px;margin-bottom:18px}.maqam-legacy-page .staff-scale-title{color:var(--gold-light);font-size:0;font-weight:950;text-align:right;white-space:nowrap}.maqam-legacy-page .staff-scale-title:after{content:"تغيير طبقة المقام";font-size:1.24rem;line-height:1.25}.maqam-legacy-page[data-locale=en] .staff-scale-title:after{content:"Choose Maqam Root Note"}.maqam-legacy-page .tonic-selector{justify-content:flex-end;gap:9px}.maqam-legacy-page .tonic-btn{min-width:56px;min-height:48px;padding:8px 17px;border-color:rgba(200,164,90,.34);border-radius:12px;color:var(--gold-light);background:rgba(200,164,90,.055);font-size:1rem;font-weight:900}.maqam-legacy-page .tonic-btn.active{color:#17120a;background:linear-gradient(135deg,#f1d889,#c8a45a);border-color:transparent}.maqam-legacy-page .staff-wrap{margin-top:8px;border-radius:18px;border-color:rgba(200,164,90,.1);background:radial-gradient(circle at 13% 52%,rgba(200,164,90,.12),transparent 120px),rgba(0,0,0,.24)}.maqam-legacy-page .staff-svg{min-height:172px}.maqam-legacy-page .staff-svg line{stroke:rgba(200,164,90,.64);stroke-width:1.45}.maqam-legacy-page .legacy-clef{font-size:74px}.maqam-legacy-page .note-head{fill:#d6c089;stroke:rgba(200,164,90,.55);stroke-width:1.7}.maqam-legacy-page .note-stem{stroke:rgba(200,164,90,.62)!important;stroke-width:2!important}.maqam-legacy-page .note-keys-row{grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;margin-top:14px}.maqam-legacy-page .note-key-face{min-height:66px;border-radius:12px;border-color:rgba(200,164,90,.26);background:rgba(200,164,90,.045)}.maqam-legacy-page .note-key-face strong{font-size:.96rem;line-height:1.15}.maqam-legacy-page .note-key-face small{font-size:.78rem}.maqam-legacy-page .jins-row{grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px;margin-top:14px}.maqam-legacy-page .jins-pill{border-radius:13px;padding:13px 16px;font-size:1rem;line-height:1.35}.maqam-legacy-page .playbar{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"instruction play" "tempo tempo" "status status";align-items:center;grid-gap:14px 18px;gap:14px 18px;margin-top:18px;padding-top:18px}.maqam-legacy-page .playbar:before{content:"اضغط على نوتة أو زر للاستماع";grid-area:instruction;color:var(--text-muted);font-size:1.08rem;font-weight:900;line-height:1.4}.maqam-legacy-page .play-btn{grid-area:play;min-width:180px;min-height:54px;justify-content:center;padding:12px 22px;border-radius:999px}.maqam-legacy-page .tempo-control{grid-area:tempo;display:grid;grid-template-columns:auto minmax(180px,1fr);align-items:center;grid-gap:14px;gap:14px;width:100%}.maqam-legacy-page .tempo-label{order:2;color:var(--text-muted);font-size:.98rem;text-align:right}.maqam-legacy-page .tempo-slider{order:1;width:100%;min-width:0}.maqam-legacy-page .status-bar{grid-area:status;margin:0;color:rgba(237,232,223,.5);font-size:.9rem;text-align:right}@media (max-width:900px){.maqam-legacy-page .maqam-body{padding-top:18px}.maqam-legacy-page .staff-scale-box{padding:14px 12px 18px;border-radius:18px}.maqam-legacy-page .staff-scale-header{grid-template-columns:1fr;gap:12px;margin-bottom:14px}.maqam-legacy-page .staff-scale-title{text-align:right}.maqam-legacy-page .staff-scale-title:after{font-size:1.08rem}.maqam-legacy-page .tonic-selector{justify-content:flex-start;gap:8px}.maqam-legacy-page .tonic-btn{min-width:48px;min-height:44px;padding:7px 13px;border-radius:11px;font-size:.94rem}.maqam-legacy-page .staff-wrap{margin-inline:-2px;overflow-x:hidden}.maqam-legacy-page .staff-svg{min-height:150px}.maqam-legacy-page .legacy-clef{font-size:70px}.maqam-legacy-page .note-keys-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:12px}.maqam-legacy-page .note-key-face{min-height:58px}.maqam-legacy-page .jins-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.maqam-legacy-page .jins-pill{padding:10px 8px;font-size:.9rem}.maqam-legacy-page .playbar{grid-template-columns:1fr;grid-template-areas:"play" "instruction" "tempo" "status";gap:12px}.maqam-legacy-page .playbar:before{font-size:.98rem;text-align:center}.maqam-legacy-page .play-btn{width:min(260px,100%);min-width:0;justify-self:center}.maqam-legacy-page .tempo-control{grid-template-columns:1fr;gap:8px}.maqam-legacy-page .tempo-label{order:1;text-align:center}.maqam-legacy-page .tempo-slider{order:2}.maqam-legacy-page .status-bar{text-align:center}}@media (max-width:420px){.maqam-legacy-page .tonic-selector{justify-content:center}.maqam-legacy-page .tonic-btn{min-width:42px;padding-inline:10px;font-size:.88rem}.maqam-legacy-page .note-key-face strong{font-size:.82rem}.maqam-legacy-page .note-key-face small{font-size:.7rem}}.maqam-legacy-page .legacy-main-lang{min-width:52px;max-width:60px;gap:4px;padding-inline:8px;border-color:rgba(216,183,95,.62);border-radius:999px;background:rgba(9,9,8,.9);color:var(--soft-gold,#E8D28A);font-size:.74rem;line-height:1}.maqam-legacy-page .legacy-main-lang svg{width:14px;height:14px;flex:0 0 14px}.maqam-detail-en .maqam-article,.maqam-legacy-page[data-locale=en] .hero-title-stack,.maqam-legacy-page[data-locale=en] .maqam-desc,.maqam-legacy-page[data-locale=en] .sidebar,.maqamat-shell-en{text-align:left}.maqam-legacy-page[data-locale=en] .family-switcher,.maqam-legacy-page[data-locale=en] .hero-title-control-row,.maqam-legacy-page[data-locale=en] .playbar,.maqam-legacy-page[data-locale=en] .sidebar-list,.maqam-legacy-page[data-locale=en] .staff-scale-header{direction:ltr}.maqam-legacy-page .legacy-tool-header{min-height:54px;padding-inline:24px;background:rgba(8,8,9,.94)}.maqam-legacy-page .legacy-logo-link{font-size:1rem}.maqam-legacy-page .nav-breadcrumb{min-height:32px;padding:5px 11px}.maqam-legacy-page .legacy-fav-btn,.maqam-legacy-page .mobile-toggle{min-height:36px;padding:7px 13px;border-radius:11px}.maqam-legacy-page .maqam-hero{position:relative;overflow:hidden;padding:30px 40px 24px;border-bottom-color:rgba(255,255,255,.055);background:radial-gradient(circle at 18% 48%,rgba(200,164,90,.1),transparent 190px),linear-gradient(180deg,rgba(200,164,90,.05),rgba(255,255,255,.012)),rgba(10,10,8,.72)}.maqam-legacy-page .maqam-hero:before{content:attr(data-name);position:absolute;inset-inline-start:36px;top:46%;transform:translateY(-50%);color:rgba(255,255,255,.045);font-size:clamp(3.8rem,13vw,8.5rem);font-weight:950;line-height:.8;letter-spacing:-.06em;pointer-events:none;white-space:nowrap}.maqam-legacy-page .maqam-hero-inner{align-items:center}.maqam-legacy-page .maqam-name-wrap{display:grid;grid-gap:8px;gap:8px;justify-items:start}.maqam-legacy-page .maqam-name-wrap .sidebar-family-label{margin:0;color:var(--gold);font-size:.82rem;letter-spacing:.08em}.maqam-legacy-page .maqam-name{font-size:clamp(3.1rem,8.6vw,6rem);line-height:.9;letter-spacing:-.045em}.maqam-legacy-page .maqam-latin{margin:-2px 0 0;color:rgba(237,232,223,.58);font-size:clamp(1.06rem,2.2vw,1.7rem);font-style:italic;font-weight:700;letter-spacing:.06em;text-transform:none}.maqam-legacy-page .maqam-desc{margin:0;max-width:300px;color:rgba(237,232,223,.66);font-size:1.04rem;font-weight:850;text-align:left}.maqam-legacy-page .maqam-body{padding-top:20px}.maqam-legacy-page .sec-title{margin-bottom:10px;color:var(--gold-light);font-size:.88rem;letter-spacing:.04em}@media (max-width:900px){.maqam-legacy-page .legacy-tool-header{min-height:50px;padding-inline:14px}.maqam-legacy-page .legacy-tool-brand{gap:8px}.maqam-legacy-page .legacy-logo-link{font-size:.94rem}.maqam-legacy-page .legacy-fav-btn,.maqam-legacy-page .mobile-toggle{min-height:34px;padding:6px 11px;font-size:.82rem}.maqam-legacy-page .maqam-hero{padding:24px 22px 20px}.maqam-legacy-page .maqam-hero:before{inset-inline-start:18px;top:48%;font-size:clamp(4rem,24vw,8rem);opacity:.85}.maqam-legacy-page .maqam-hero-inner{display:grid;grid-gap:14px;gap:14px;align-items:start}.maqam-legacy-page .maqam-name-wrap{gap:6px}.maqam-legacy-page .maqam-name-wrap .sidebar-family-label{font-size:.74rem}.maqam-legacy-page .maqam-name{font-size:clamp(3rem,17vw,5.4rem)}.maqam-legacy-page .maqam-latin{font-size:clamp(1rem,6vw,1.45rem)}.maqam-legacy-page .maqam-desc{max-width:none;color:rgba(237,232,223,.66);font-size:.96rem;text-align:right}.maqam-legacy-page .maqam-body{padding-top:16px}.maqam-legacy-page .sec-title{margin-bottom:8px;font-size:.82rem}}@media (max-width:420px){.maqam-legacy-page .legacy-tool-header{padding-inline:10px}.maqam-legacy-page .maqam-hero{padding:20px 18px 17px}.maqam-legacy-page .maqam-name{font-size:clamp(2.7rem,18vw,4.8rem)}.maqam-legacy-page .maqam-desc{font-size:.9rem}}.maqam-legacy-page .maqam-hero{padding-block:34px 28px}.maqam-legacy-page .maqam-hero:before{inset-inline-start:34px;top:52%;z-index:0;color:rgba(255,255,255,.05);font-size:clamp(4.6rem,14vw,9.4rem);line-height:1.05}.maqam-legacy-page .maqam-hero-inner{z-index:1;min-height:clamp(118px,15vw,166px)}.maqam-legacy-page .legacy-original-title-wrap,.maqam-legacy-page .maqam-name-wrap{display:none!important}.maqam-legacy-page .hero-title-stack{position:relative;z-index:2;display:grid;grid-gap:8px;gap:8px;justify-items:start;align-content:center;min-height:inherit}.maqam-legacy-page .hero-family-label{margin:0;color:#f2d891;font-size:clamp(.86rem,1.8vw,1.05rem);font-weight:950;line-height:1.25;letter-spacing:.03em;text-shadow:0 2px 14px rgba(0,0,0,.7)}.maqam-legacy-page .hero-title-control-row{gap:12px}.maqam-legacy-page .hero-title-text{line-height:1.14;padding-block:.03em .08em;text-shadow:0 12px 36px rgba(0,0,0,.56)}.maqam-legacy-page .hero-maqam-menu-btn,.maqam-legacy-page .hero-save-btn{position:relative;z-index:3;background-color:rgba(11,10,8,.82);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@media (max-width:900px){.maqam-legacy-page .maqam-hero{padding-block:26px 22px}.maqam-legacy-page .maqam-hero:before{inset-inline-start:16px;top:54%;font-size:clamp(4.3rem,23vw,8rem)}.maqam-legacy-page .maqam-hero-inner{min-height:clamp(106px,24vw,148px)}.maqam-legacy-page .hero-title-stack{gap:6px}.maqam-legacy-page .hero-title-control-row{flex-wrap:wrap;gap:8px}}@media (max-width:420px){.maqam-legacy-page .hero-title-text{font-size:clamp(2rem,12vw,3rem)!important}.maqam-legacy-page .hero-family-label{font-size:.78rem}}.maqam-legacy-page .maqam-content-sections{margin-top:24px}.maqam-legacy-page .maqam-content-card,.maqam-legacy-page .maqam-definition-card{border:1px solid rgba(200,164,90,.28);border-radius:20px;background:linear-gradient(180deg,rgba(200,164,90,.04),rgba(255,255,255,.018)),rgba(12,12,10,.82);box-shadow:0 18px 42px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.035)}.maqam-legacy-page .maqam-acc-item{display:block}.maqam-legacy-page .maqam-acc-trigger{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:72px;padding:20px 26px;border-radius:20px 20px 0 0;color:var(--gold-light);font-size:clamp(1.45rem,3vw,2.05rem);line-height:1.25;font-weight:950}.maqam-legacy-page .maqam-acc-trigger:after{content:"⌃";display:inline-grid;width:28px;height:28px;flex:0 0 28px;place-items:center;border:1px solid rgba(200,164,90,.28);border-radius:999px;color:var(--gold-light);background:rgba(200,164,90,.075);font-size:.82rem;line-height:1}.maqam-legacy-page .maqam-acc-item:not([open]) .maqam-acc-trigger{border-radius:20px}.maqam-legacy-page .maqam-acc-item:not([open]) .maqam-acc-trigger:after{content:"⌄"}.maqam-legacy-page .maqam-acc-panel{padding:0 26px 26px;color:rgba(237,232,223,.74);font-size:clamp(1rem,1.45vw,1.14rem);line-height:2.05}.maqam-legacy-page .maqam-content-copy{max-width:920px;margin:0}.maqam-legacy-page .degree-card-grid{margin-top:22px;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.maqam-legacy-page .degree-card{border-color:rgba(200,164,90,.16);border-radius:15px;padding:14px 15px;background:rgba(0,0,0,.18)}.maqam-legacy-page .degree-card.active{border-color:rgba(200,164,90,.42);background:rgba(200,164,90,.09)}.maqam-legacy-page .degree-card dt{color:rgba(237,232,223,.5);font-size:.75rem;font-weight:900}.maqam-legacy-page .degree-card dd{color:rgba(237,232,223,.88);font-size:1rem;line-height:1.45}@media (max-width:900px){.maqam-legacy-page .maqam-content-sections{margin-top:20px}.maqam-legacy-page .maqam-content-card,.maqam-legacy-page .maqam-definition-card{border-radius:18px}.maqam-legacy-page .maqam-acc-trigger{min-height:64px;padding:17px 18px;border-radius:18px 18px 0 0;font-size:clamp(1.34rem,6vw,1.82rem)}.maqam-legacy-page .maqam-acc-item:not([open]) .maqam-acc-trigger{border-radius:18px}.maqam-legacy-page .maqam-acc-panel{padding:0 18px 20px;font-size:.98rem;line-height:1.95}.maqam-legacy-page .degree-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:18px}.maqam-legacy-page .degree-card{padding:12px}}@media (max-width:420px){.maqam-legacy-page .maqam-acc-trigger{padding-inline:15px;font-size:1.36rem}.maqam-legacy-page .maqam-acc-trigger:after{width:24px;height:24px;flex-basis:24px}.maqam-legacy-page .maqam-acc-panel{padding-inline:15px}.maqam-legacy-page .degree-card-grid{grid-template-columns:1fr}}.maqam-article .maqam-content-stack,.maqam-article .maqam-material-header{max-width:1040px}.maqam-article .maqam-info-details,.maqam-article .maqam-listening-card,.maqam-article .maqam-related-sheets{border-color:rgba(200,164,90,.18);background:linear-gradient(180deg,rgba(200,164,90,.035),rgba(255,255,255,.015)),rgba(12,12,10,.68)}.maqam-article .maqam-info-details{padding:0;overflow:hidden}.maqam-article .maqam-info-details summary{display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;list-style:none;padding:20px 22px;color:var(--gold-light);font-size:clamp(1.15rem,2vw,1.45rem);font-weight:950}.maqam-article .maqam-info-details summary::-webkit-details-marker{display:none}.maqam-article .maqam-info-details summary:after{content:"⌄";display:inline-grid;width:28px;height:28px;flex:0 0 28px;place-items:center;border:1px solid rgba(200,164,90,.28);border-radius:999px;color:var(--gold-light);background:rgba(200,164,90,.075);font-size:.82rem;line-height:1}.maqam-article .maqam-info-details[open] summary:after{content:"⌃"}.maqam-article .maqam-info-panel{padding:0 22px 22px;color:var(--muted);line-height:1.9}.maqam-article .maqam-info-panel p:first-child{margin-top:0}.maqam-article .maqam-sheet-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));grid-gap:12px;gap:12px;margin-top:14px}.maqam-article .maqam-sheet-card{display:grid;align-content:start;grid-gap:8px;gap:8px;border:1px solid rgba(200,164,90,.16);border-radius:16px;padding:14px;background:rgba(0,0,0,.18)}.maqam-article .maqam-sheet-card h3{margin:0;color:var(--gold-light);font-size:1rem;line-height:1.45}.maqam-article .sheet-performer,.maqam-article .sheet-tonic{margin:0;color:var(--muted);font-size:.9rem;line-height:1.55}.maqam-article .sheet-variant-list{display:flex;flex-wrap:wrap;gap:7px;margin:2px 0 0;padding:0;list-style:none}.maqam-article .sheet-pdf-button,.maqam-article .sheet-variant-list a{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(200,164,90,.28);border-radius:999px;padding:6px 10px;color:var(--gold-light);background:rgba(200,164,90,.075);font-size:.82rem;font-weight:900;text-decoration:none}.maqam-article .sheet-pdf-button{justify-self:start;margin-top:4px}@media (max-width:700px){.maqam-article .maqam-info-details summary,.maqam-article .maqam-info-panel{padding-inline:16px}.maqam-article .maqam-sheet-grid{grid-template-columns:1fr}}.maqam-article .maqam-related-sheets .maqam-info-panel{padding-top:0}.maqam-article .maqam-related-sheets .maqam-sheet-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-top:0}.maqam-article .maqam-related-sheets .maqam-sheet-card{gap:6px;padding:12px;border-radius:14px}.maqam-article .maqam-related-sheets .maqam-sheet-card h3{color:var(--maqam-accent,#3FA7A0);font-size:.94rem}.maqam-article .maqam-related-sheets .sheet-pdf-button,.maqam-article .maqam-related-sheets .sheet-variant-list a{border-color:color-mix(in srgb,var(--maqam-accent,#3FA7A0) 36%,transparent);background:color-mix(in srgb,var(--maqam-accent,#3FA7A0) 11%,transparent);color:var(--maqam-accent,#3FA7A0)}body:before{opacity:.32;background-image:url(/media/images/backgrounds/musical-symbols-pattern-desktop.svg);background-size:460px 340px;background-position:top;background-repeat:repeat}.maqamat-shell-original,.original-home-shell,.site-shell{background-color:transparent}.home-hero-original.hero:before{opacity:.2}.maqam-legacy-page{background:radial-gradient(circle at 50% -14rem,rgba(200,164,90,.1),transparent 34rem),linear-gradient(180deg,rgba(9,9,11,.96),rgba(13,13,16,.94) 48%,rgba(9,9,11,.96))}.maqam-legacy-page .main{background:radial-gradient(circle at top left,rgba(200,164,90,.1),transparent 33%),rgba(9,9,11,.78)}.maqam-legacy-page .maqam-hero{background:radial-gradient(circle at 18% 48%,rgba(200,164,90,.1),transparent 190px),linear-gradient(180deg,rgba(200,164,90,.045),rgba(255,255,255,.01)),rgba(10,10,8,.74)}.maqam-legacy-page .maqam-content-card,.maqam-legacy-page .maqam-definition-card,.maqam-legacy-page .staff-scale-box{backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.history-page,.learn-page,.library-page,.people-page,.rhythms-page{background-color:rgba(9,9,11,.82)}:root{--home-section-copper:#b06a2c;--home-section-copper-light:#d19055;--home-section-copper-border:rgba(176,106,44,0.68);--history-accent:#9A6A35;--history-soft:rgba(154,106,53,0.16);--history-border:rgba(154,106,53,0.58)}.hero-cta-home-menu .cta-secondary.cta-maqam,.hero-cta-home-menu .cta-secondary.cta-rhythm{border-color:var(--home-section-copper-border)!important;color:#f1dcc5!important;background:radial-gradient(circle at 18% 22%,rgba(209,144,85,.16),transparent 12rem),linear-gradient(135deg,rgba(176,106,44,.18),rgba(21,14,10,.54))!important;box-shadow:inset 0 0 0 1px rgba(176,106,44,.2),0 0 18px rgba(176,106,44,.12)!important}.hero-cta-home-menu .cta-secondary.cta-maqam:focus-visible,.hero-cta-home-menu .cta-secondary.cta-maqam:hover,.hero-cta-home-menu .cta-secondary.cta-rhythm:focus-visible,.hero-cta-home-menu .cta-secondary.cta-rhythm:hover{border-color:rgba(209,144,85,.92)!important;color:#ffe3bf!important;background:radial-gradient(circle at 18% 22%,rgba(209,144,85,.24),transparent 12rem),linear-gradient(135deg,rgba(176,106,44,.26),rgba(21,14,10,.62))!important;box-shadow:inset 0 0 0 1px rgba(209,144,85,.28),0 10px 26px rgba(176,106,44,.16)!important}.hero-cta-home-menu .cta-secondary.cta-history{border-color:var(--history-border)!important;color:#f1dcc5!important;background:radial-gradient(circle at 18% 22%,rgba(154,106,53,.18),transparent 12rem),linear-gradient(135deg,var(--history-soft),rgba(21,14,10,.54))!important;box-shadow:inset 0 0 0 1px rgba(154,106,53,.2),0 0 18px rgba(154,106,53,.12)!important}.hero-cta-home-menu .cta-secondary.cta-history:focus-visible,.hero-cta-home-menu .cta-secondary.cta-history:hover{border-color:rgba(154,106,53,.86)!important;color:#ffe3bf!important;background:radial-gradient(circle at 18% 22%,rgba(154,106,53,.26),transparent 12rem),linear-gradient(135deg,rgba(154,106,53,.24),rgba(21,14,10,.62))!important;box-shadow:inset 0 0 0 1px rgba(154,106,53,.3),0 10px 26px rgba(154,106,53,.16)!important}@media (max-width:760px){body:before{opacity:.34;background-image:url(/media/images/backgrounds/musical-symbols-pattern.svg);background-size:240px 192px}.home-hero-original.hero:before{opacity:.17}.maqam-legacy-page{background:radial-gradient(circle at 50% -12rem,rgba(200,164,90,.09),transparent 28rem),linear-gradient(180deg,rgba(9,9,11,.95),rgba(13,13,16,.93) 48%,rgba(9,9,11,.95))}}@media (max-width:640px){.maqam-legacy-page .staff-scale-header{gap:10px}.maqam-legacy-page .tonic-selector{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));width:100%;grid-gap:6px;gap:6px;justify-content:stretch;align-items:stretch}.maqam-legacy-page .tonic-btn{min-width:0;width:100%;min-height:42px;padding:5px 3px;border-radius:11px;font-size:clamp(.72rem,3.6vw,.92rem);line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.maqam-legacy-page .tonic-btn.active{box-shadow:0 10px 22px rgba(200,164,90,.18)}}@media (max-width:380px){.maqam-legacy-page .tonic-selector{gap:4px}.maqam-legacy-page .tonic-btn{min-height:38px;padding-inline:2px;border-radius:9px;font-size:clamp(.66rem,3.45vw,.82rem)}}.maqam-legacy-page .legacy-source-hidden-control{display:none!important}.maqam-legacy-page .legacy-tool-header{padding-inline:18px}.maqam-legacy-page .legacy-tool-brand{min-width:0}.maqam-legacy-page .legacy-main-logo-link{display:inline-flex;align-items:center;gap:10px;color:var(--gold-light);text-decoration:none}.maqam-legacy-page .legacy-main-logo-mark{display:inline-block;width:36px;height:36px;flex:0 0 36px;background:transparent url(/assets/logo-mark.jpg) 50%/contain no-repeat;filter:drop-shadow(0 2px 8px rgba(200,164,90,.18))}.maqam-legacy-page .legacy-main-logo-text{color:var(--gold-light);font-size:1.65rem;font-weight:950;line-height:1;letter-spacing:.01em}.maqam-legacy-page .legacy-main-nav-controls{display:inline-flex;align-items:center;gap:10px;-webkit-margin-start:auto;margin-inline-start:auto}.maqam-legacy-page .legacy-main-action{display:inline-flex;min-height:36px;align-items:center;justify-content:center;border:1px solid rgba(200,164,90,.2);border-radius:11px;padding:7px 13px;color:var(--gold-light);background:rgba(255,255,255,.035);font-family:inherit;font-size:.86rem;font-weight:900;text-decoration:none}.maqam-legacy-page .legacy-main-lang{color:#f3ead1}.maqam-legacy-page .maqam-desc,.maqam-legacy-page .maqam-latin{display:none!important}.maqam-legacy-page .maqam-hero-inner{position:relative;display:block}.maqam-legacy-page .legacy-original-title-wrap{position:absolute;inset-inline-end:0;top:50%;transform:translateY(-50%);z-index:0;opacity:.18;pointer-events:none}.maqam-legacy-page .hero-title-control-row{position:relative;z-index:2;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px;width:100%}.maqam-legacy-page .hero-title-text{flex:0 0 auto;color:var(--gold-light);font-size:clamp(2.2rem,9vw,5.2rem);font-weight:950;line-height:.95;letter-spacing:-.045em;white-space:nowrap}.maqam-legacy-page .hero-maqam-menu-btn,.maqam-legacy-page .hero-save-btn{flex:0 0 auto;position:static;transform:none;min-height:40px;padding:8px 14px;border-radius:13px;white-space:nowrap;justify-self:auto}.maqam-legacy-page .hero-save-btn{min-width:92px}.maqam-legacy-page .hero-save-btn.is-saved{border-color:rgba(89,190,123,.52);color:#d7f7df;background:rgba(42,132,72,.3);box-shadow:0 0 0 1px rgba(89,190,123,.16),0 12px 28px rgba(42,132,72,.16)}.maqam-legacy-page .hero-maqam-menu-btn{border:1px solid rgba(200,164,90,.3);background:rgba(255,255,255,.035);color:var(--gold-light);font-family:inherit;font-size:.96rem;font-weight:900;display:inline-flex;align-items:center;gap:8px}.maqam-legacy-page .hero-menu-icon{font-size:1.05em;line-height:1}@media (max-width:900px){.maqam-legacy-page .legacy-tool-header{min-height:54px;padding-inline:12px;gap:8px}.maqam-legacy-page .nav-breadcrumb{display:none}.maqam-legacy-page .legacy-main-logo-link{gap:7px}.maqam-legacy-page .legacy-main-logo-mark{width:28px;height:28px;flex-basis:28px}.maqam-legacy-page .legacy-main-logo-text{font-size:1.34rem}.maqam-legacy-page .legacy-main-nav-controls{gap:7px}.maqam-legacy-page .legacy-main-action{min-height:34px;padding:6px 10px;border-radius:10px;font-size:.78rem}.maqam-legacy-page .legacy-original-title-wrap{inset-inline-end:12px;opacity:.13}.maqam-legacy-page .hero-title-control-row{gap:7px}.maqam-legacy-page .hero-title-text{font-size:clamp(2.5rem,18vw,4.8rem)}.maqam-legacy-page .hero-maqam-menu-btn,.maqam-legacy-page .hero-save-btn{min-height:34px;padding:5px 8px;border-radius:11px;font-size:.76rem}.maqam-legacy-page .hero-save-btn{min-width:68px}}@media (max-width:420px){.maqam-legacy-page .legacy-tool-header{padding-inline:10px}.maqam-legacy-page .legacy-main-logo-text{font-size:1.22rem}.maqam-legacy-page .legacy-main-action{padding-inline:8px}.maqam-legacy-page .hero-title-control-row{gap:5px}.maqam-legacy-page .hero-title-text{font-size:clamp(2.35rem,17vw,4.2rem)}.maqam-legacy-page .hero-maqam-menu-btn,.maqam-legacy-page .hero-save-btn{padding-inline:6px;font-size:.68rem}.maqam-legacy-page .hero-save-btn{min-width:58px}}.maqam-legacy-page .legacy-tool-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;grid-gap:12px;gap:12px;min-height:58px}.maqam-legacy-page .legacy-main-login{justify-self:start}.maqam-legacy-page .legacy-main-logo-link{justify-self:center}.maqam-legacy-page .legacy-main-lang{justify-self:end}.maqam-legacy-page .maqam-hero,.maqam-legacy-page .maqam-hero-inner{overflow:visible}.maqam-legacy-page .hero-title-control-row{min-width:0;overflow:visible}.maqam-legacy-page .hero-title-text{margin:0;overflow:visible;padding-block:.12em .18em;line-height:1.08;letter-spacing:-.025em}.maqam-legacy-page .jins-row{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.maqam-legacy-page .jins-pill{min-height:58px}.maqam-legacy-page .jins-pill,.maqam-legacy-page .note-degree-label,.maqam-legacy-page .note-key-face strong,.maqam-legacy-page .tonic-btn{overflow:visible;font-feature-settings:none;font-variant-ligatures:none}@media (max-width:640px){.maqam-legacy-page .legacy-tool-header{grid-template-columns:minmax(54px,1fr) auto minmax(54px,1fr);gap:8px}.maqam-legacy-page .hero-title-control-row{gap:5px;flex-wrap:nowrap}.maqam-legacy-page .hero-title-text{min-width:0;flex:1 1 auto;font-size:clamp(1.95rem,12.4vw,3.1rem)!important;white-space:nowrap}.maqam-legacy-page .staff-scale-title:after{font-size:.94rem;line-height:1.25}.maqam-legacy-page .tonic-selector{gap:4px}.maqam-legacy-page .tonic-btn{min-height:32px;padding:3px 1px;border-radius:8px;font-size:clamp(.56rem,2.75vw,.72rem)}.maqam-legacy-page .jins-row{grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:6px}.maqam-legacy-page .jins-pill{min-height:48px;padding:6px 5px;font-size:clamp(.62rem,2.8vw,.76rem);line-height:1.22}}@media (max-width:380px){.maqam-legacy-page .legacy-main-logo-text{font-size:1.08rem}.maqam-legacy-page .legacy-main-logo-mark{width:24px;height:24px;flex-basis:24px}.maqam-legacy-page .legacy-main-action{min-height:31px;padding:5px 7px;font-size:.68rem}.maqam-legacy-page .hero-title-text{font-size:clamp(1.72rem,11.5vw,2.55rem)!important}}.maqam-legacy-page .sec-title{color:var(--soft-gold,#E8D28A);font-size:clamp(1.35rem,3vw,2rem);letter-spacing:0;text-transform:none}.maqam-legacy-page .staff-scale-title{-webkit-padding-start:8px;padding-inline-start:8px;text-align:start}.maqam-legacy-page .jins-row{grid-template-columns:minmax(150px,1.15fr) repeat(2,minmax(130px,.85fr));grid-gap:8px;gap:8px}.maqam-legacy-page .jins-pill{min-height:48px}.maqam-legacy-page .jins-pill-lower{border-color:rgba(216,183,95,.5);background:linear-gradient(135deg,rgba(216,183,95,.16),rgba(90,58,34,.18))}.maqam-legacy-page .jins-pill-upper{border-color:rgba(176,106,44,.42);color:var(--soft-gold,#E8D28A);background:rgba(176,106,44,.11)}.maqam-legacy-page .jins-pill.is-active{outline:2px solid rgba(214,168,79,.42);outline-offset:2px}@media (max-width:640px){.maqam-legacy-page .staff-scale-header{align-items:stretch}.maqam-legacy-page .staff-scale-title{width:100%;-webkit-padding-start:10px;padding-inline-start:10px}.maqam-legacy-page .staff-scale-title:after{display:block;font-size:1.05rem;white-space:normal}.maqam-legacy-page .jins-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.maqam-legacy-page .jins-pill{min-height:44px;padding:6px 5px}}@media (max-width:420px){.maqam-legacy-page .jins-row{grid-template-columns:1fr}}.maqam-legacy-page .staff-scale-title{color:var(--soft-gold,#E8D28A)}.maqam-legacy-page .note-degree-label{fill:var(--ivory-text,#F2E8CF);font-size:17px;font-weight:950;paint-order:stroke;stroke:rgba(9,9,8,.72);stroke-width:3px}.maqam-legacy-page .note-key-face small,.maqam-legacy-page .note-key-face strong,.maqam-legacy-page .tonic-btn{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.maqam-legacy-page .jins-row{display:grid;grid-template-columns:minmax(160px,1.15fr) repeat(2,minmax(126px,.85fr));grid-auto-rows:1fr;grid-gap:9px;gap:9px;align-items:stretch}.maqam-legacy-page .jins-pill{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:50px;height:100%;padding:8px 12px;border-radius:14px;white-space:normal;text-align:center;line-height:1.22}.maqam-legacy-page .jins-pill span{display:block;overflow:hidden;text-overflow:ellipsis}.maqam-legacy-page .jins-pill-lower{border-color:color-mix(in srgb,var(--bronze-border,#8A6A2E) 72%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--primary-gold,#D8B75F) 18%,transparent),color-mix(in srgb,var(--oud-brown,#5A3A22) 22%,transparent));color:var(--soft-gold,#E8D28A);font-weight:950}.maqam-legacy-page .jins-pill-upper{border-color:color-mix(in srgb,var(--upper-jins-accent,#5DADEC) 52%,transparent);background:color-mix(in srgb,var(--upper-jins-accent,#5DADEC) 13%,transparent);color:var(--upper-jins-accent,#5DADEC);font-weight:900}.maqam-legacy-page .jins-pill-lower.is-active{border-color:var(--soft-gold,#E8D28A);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary-gold,#D8B75F) 22%,transparent),0 0 20px color-mix(in srgb,var(--primary-gold,#D8B75F) 20%,transparent)}.maqam-legacy-page .jins-pill-upper.is-active{border-color:var(--upper-jins-accent,#5DADEC);box-shadow:0 0 0 2px color-mix(in srgb,var(--upper-jins-accent,#5DADEC) 24%,transparent),0 0 18px color-mix(in srgb,var(--upper-jins-accent,#5DADEC) 22%,transparent)}.maqam-legacy-page .note-btn.is-jins-lit-lower .note-head,.maqam-legacy-page .note-key.is-jins-lit-lower .note-key-face{border-color:var(--primary-gold,#D8B75F);fill:#fff0b8;stroke:var(--primary-gold,#D8B75F);filter:drop-shadow(0 0 10px color-mix(in srgb,var(--primary-gold,#D8B75F) 58%,transparent))}.maqam-legacy-page .note-btn.is-jins-lit-upper .note-head,.maqam-legacy-page .note-key.is-jins-lit-upper .note-key-face{border-color:var(--upper-jins-accent,#5DADEC);fill:color-mix(in srgb,var(--upper-jins-accent,#5DADEC) 70%,#F2E8CF);stroke:var(--upper-jins-accent,#5DADEC);filter:drop-shadow(0 0 10px color-mix(in srgb,var(--upper-jins-accent,#5DADEC) 60%,transparent))}.maqam-legacy-page .note-key.is-jins-lit-upper .note-key-face{color:var(--ivory-text,#F2E8CF);background:color-mix(in srgb,var(--upper-jins-accent,#5DADEC) 26%,transparent)}.maqam-legacy-page .note-key.is-jins-lit-lower .note-key-face{color:#17120a;background:linear-gradient(135deg,var(--soft-gold,#E8D28A),var(--primary-gold,#D8B75F))}@media (max-width:640px){.maqam-legacy-page .jins-row{grid-template-columns:repeat(auto-fit,minmax(108px,1fr));gap:7px}.maqam-legacy-page .jins-pill{min-height:44px;padding:7px 8px;font-size:clamp(.72rem,3.1vw,.84rem)}.maqam-legacy-page .note-degree-label{font-size:15px}}.maqam-legacy-page{--upper-jins-accent:#5DADEC;--upper-jins-bg:rgba(93,173,236,0.14);--upper-jins-border:rgba(93,173,236,0.55)}.maqam-legacy-page .jins-row{direction:ltr;grid-template-columns:repeat(var(--maqam-degree-count,8),minmax(0,1fr))}.maqam-legacy-page .jins-pill{direction:rtl;grid-column:var(--jins-start,auto) /var(--jins-end,auto)}.maqam-legacy-page[data-locale=en] .jins-pill{direction:ltr}.maqam-legacy-page .jins-pill-lower{order:1}.maqam-legacy-page .jins-pill-upper{order:2;border-color:var(--upper-jins-border);background:var(--upper-jins-bg);color:color-mix(in srgb,var(--upper-jins-accent) 72%,var(--ivory-text,#F2E8CF))}.maqam-legacy-page .note-key.jins-role-shared .note-key-face{border-color:rgba(112,170,96,.44);background:rgba(112,170,96,.1)}.maqam-legacy-page .note-btn.is-jins-lit-shared .note-head,.maqam-legacy-page .note-key.is-jins-lit-shared .note-key-face{border-color:#9FD68A;fill:color-mix(in srgb,#9FD68A 72%,#F2E8CF);stroke:#9FD68A;filter:drop-shadow(0 0 10px rgba(159,214,138,.58))}.maqam-legacy-page .note-key.is-jins-lit-shared .note-key-face{color:#17220f;background:linear-gradient(135deg,#c9efb9,#9FD68A)}@media (max-width:640px){.maqam-legacy-page .jins-row{grid-template-columns:repeat(2,minmax(0,1fr))}.maqam-legacy-page .jins-pill{grid-column:auto}}