@layer reset,tokens,base,layout,components,pages,utilities;@font-face{font-family:"Markazi Text";src:url("fonts/markazi-latin.989eaad3.woff2") format("woff2");font-weight:400 700;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Markazi Text";src:url("fonts/markazi-arabic.685e3fd6.woff2") format("woff2");font-weight:400 700;font-display:swap;size-adjust:108%;unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}@font-face{font-family:"Brygada 1918";src:url("fonts/brygada-latin.94e2a575.woff2") format("woff2");font-weight:400 700;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Amiri Quran";src:url("fonts/amiri-quran.fb9748d3.woff2") format("woff2");font-weight:400;font-display:swap;ascent-override:100%;descent-override:55%;line-gap-override:0%;unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}@font-face{font-family:"Markazi Fallback";src:local("Georgia"),local("Times New Roman");size-adjust:96%;ascent-override:95%;descent-override:30%}@font-face{font-family:"Brygada Fallback";src:local("Georgia"),local("Times New Roman");size-adjust:100%}@layer tokens{:root{color-scheme:light;--bg:#F7F1E3;--surface:#FCF8EF;--tint:#EFE6D2;--text:#1A2622;--text-2:#4D5B54;--heading:#1F3D36;--link:#1F3D36;--link-hover:#2F5A4F;--gold:#B08A3E;--gold-strong:#8A6624;--rubric:#9E3522;--line:#D8C9A6;--line-strong:#8F7B52;--primary:#1F3D36;--on-primary:#F7F1E3;--primary-hover:#2F5A4F;--dock-bg:#1F3D36;--dock-text:#F7F1E3;--dock-text-2:#C9C2AE;--dock-accent:#E3C88A;--focus:#1F3D36;--mark:#F1DC9E;--placeholder:#6B746E;--ok:#2E6B3F;--shadow-pop:0 1px 0 rgb(26 38 34 / .06),0 14px 34px -16px rgb(26 38 34 / .38);--glow:radial-gradient(120% 60% at 50% 0%,#FBF7EC 0%,rgb(251 247 236 / 0) 62%);--font-text:"Markazi Text","Markazi Fallback","Amiri Quran",Georgia,serif;--font-display:"Brygada 1918","Markazi Text","Brygada Fallback","Amiri Quran",Georgia,serif;--font-ar:"Amiri Quran","Markazi Text","Noto Naskh Arabic","Geeza Pro","Times New Roman",serif;--step--2:clamp(.8rem,.78rem + .08vw,.85rem);--step--1:clamp(.92rem,.89rem + .14vw,1rem);--step-0:clamp(1.08rem,1.03rem + .24vw,1.22rem);--step-1:clamp(1.25rem,1.17rem + .36vw,1.46rem);--step-2:clamp(1.46rem,1.33rem + .55vw,1.78rem);--step-3:clamp(1.72rem,1.52rem + .85vw,2.2rem);--step-4:clamp(2.05rem,1.75rem + 1.3vw,2.8rem);--step-5:clamp(2.4rem,1.98rem + 1.9vw,3.6rem);--space-3xs:clamp(.25rem,.24rem + .05vw,.31rem);--space-2xs:clamp(.5rem,.49rem + .05vw,.56rem);--space-xs:clamp(.75rem,.72rem + .11vw,.88rem);--space-s:clamp(1rem,.97rem + .14vw,1.13rem);--space-m:clamp(1.5rem,1.45rem + .22vw,1.75rem);--space-l:clamp(2rem,1.9rem + .43vw,2.5rem);--space-xl:clamp(3rem,2.84rem + .65vw,3.75rem);--space-2xl:clamp(4rem,3.74rem + 1.09vw,5.25rem);--r-1:3px;--r-2:6px;--w-max:76rem;--w-prose:42rem;--gutter:clamp(1rem,.6rem + 2vw,2rem);--dock-h:4.25rem;--dur-1:120ms;--dur-2:200ms;--dur-3:320ms;--ease:cubic-bezier(.2,.7,.2,1);--pig-0:#2E4A6B;--pig-1:#2F5A4F;--pig-2:#9E3522;--pig-3:#8A6624;--pig-4:#3B3A63;--pig-5:#5B2F4A}:root[data-theme="dark"]{color-scheme:dark;--bg:#101815;--surface:#16211D;--tint:#1C2A25;--text:#EEE6D3;--text-2:#B7AD96;--heading:#F3E9CF;--link:#D9B870;--link-hover:#E3C88A;--gold:#C9A45A;--gold-strong:#D9B870;--rubric:#E08A6F;--line:#2C3B35;--line-strong:#6F7F77;--primary:#D9B870;--on-primary:#101815;--primary-hover:#E3C88A;--dock-bg:#1C2A25;--dock-text:#EEE6D3;--dock-text-2:#B7AD96;--dock-accent:#D9B870;--focus:#D9B870;--mark:#5A4A24;--placeholder:#8C8674;--ok:#86C79A;--shadow-pop:0 14px 34px -14px rgb(0 0 0 / .65);--glow:radial-gradient(120% 60% at 50% 0%,#17231F 0%,rgb(23 35 31 / 0) 62%)}@media (prefers-color-scheme:dark){:root:not([data-theme]){color-scheme:dark;--bg:#101815;--surface:#16211D;--tint:#1C2A25;--text:#EEE6D3;--text-2:#B7AD96;--heading:#F3E9CF;--link:#D9B870;--link-hover:#E3C88A;--gold:#C9A45A;--gold-strong:#D9B870;--rubric:#E08A6F;--line:#2C3B35;--line-strong:#6F7F77;--primary:#D9B870;--on-primary:#101815;--primary-hover:#E3C88A;--dock-bg:#1C2A25;--dock-text:#EEE6D3;--dock-text-2:#B7AD96;--dock-accent:#D9B870;--focus:#D9B870;--mark:#5A4A24;--placeholder:#8C8674;--ok:#86C79A;--glow:radial-gradient(120% 60% at 50% 0%,#17231F 0%,rgb(23 35 31 / 0) 62%)}}@media (prefers-contrast:more){:root{--text-2:var(--text);--line:var(--line-strong)}}}@layer reset{*,*::before,*::after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{min-block-size:100dvh}img,picture,svg,video,audio{display:block;max-inline-size:100%}img{block-size:auto}input,button,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0;padding:0}ul,ol{list-style:none;padding:0}a{color:inherit}table{border-collapse:collapse}p,li,h1,h2,h3,dd,figcaption,blockquote{overflow-wrap:break-word}[hidden]{display:none !important}summary{cursor:pointer}summary::-webkit-details-marker{display:none}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}}@layer base{html{background:var(--bg);scroll-padding-block-start:5rem;scroll-padding-block-end:1rem}html[data-dock]{scroll-padding-block-end:calc(var(--dock-h) + 1rem)}body{font-family:var(--font-text);font-size:var(--step-0);line-height:1.55;color:var(--text);background:var(--glow) no-repeat,var(--bg);font-synthesis-weight:none;text-rendering:optimizeLegibility}html[data-dock] body{padding-block-end:calc(var(--dock-h) + env(safe-area-inset-bottom))}h1,h2,h3{font-family:var(--font-display);color:var(--heading);line-height:1.15;font-weight:600;text-wrap:balance}h1{font-size:var(--step-4);letter-spacing:-.01em}h2{font-size:var(--step-2)}h3{font-size:var(--step-1)}p{text-wrap:pretty}a{color:var(--link);text-underline-offset:.2em;text-decoration-thickness:from-font}a:hover{color:var(--link-hover)}strong,b{font-weight:650}small{font-size:var(--step--1)}kbd{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:.72em;padding:.05em .4em;border:1px solid var(--line-strong);border-block-end-width:2px;border-radius:var(--r-1);color:var(--text-2)}::selection{background:var(--mark);color:var(--text)}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:2px}main:focus{outline:none}time{font-variant-numeric:tabular-nums;unicode-bidi:isolate}input::placeholder{color:var(--placeholder);opacity:1}:root:not(:lang(ar)) :lang(ar){font-family:var(--font-ar);font-size:1.14em;line-height:1.45;letter-spacing:0}:root:lang(ar) body{line-height:1.8}:root:lang(ar) h1,:root:lang(ar) h2,:root:lang(ar) h3{font-family:var(--font-ar);font-weight:400;line-height:1.5;letter-spacing:0}:root:lang(ar) h1{font-size:calc(var(--step-4) * 1.05)}:root:lang(ar) :lang(en),:root:lang(ar) :lang(fr){font-family:var(--font-text)}:lang(ar){letter-spacing:0 !important;text-transform:none !important}:root:lang(ar) a{text-underline-offset:.45em}.prose{max-inline-size:var(--w-prose)}.prose>* + *{margin-block-start:.9em}.prose h2{font-size:var(--step-2);margin-block-start:1.6em}.prose h3{font-size:var(--step-1);margin-block-start:1.3em}.prose ul,.prose ol{padding-inline-start:1.3em;list-style:revert}.prose li + li{margin-block-start:.3em}.prose blockquote{border-inline-start:3px solid var(--gold);padding-inline-start:1em;color:var(--text-2)}@media print{.site-head,.site-foot,.dock,.ad,.filterbar,.identity__actions,.palette,.toasts{display:none !important}body{background:#fff;color:#000}}}@layer layout{.l-wrap{inline-size:100%;max-inline-size:calc(var(--w-max) + 2 * var(--gutter));margin-inline:auto;padding-inline:var(--gutter)}.l-narrow{max-inline-size:calc(50rem + 2 * var(--gutter))}main{display:block;padding-block-end:var(--space-2xl)}.l-stack-xl>* + *{margin-block-start:var(--space-2xl)}.l-stack-l>* + *{margin-block-start:var(--space-xl)}.l-stack-m>* + *{margin-block-start:var(--space-m)}.l-split{display:grid;gap:var(--space-xl);margin-block-start:var(--space-l)}.l-split__main{min-inline-size:0}.l-split__main>* + *{margin-block-start:var(--space-xl)}.l-split__aside{display:none}@media (min-width:75rem){.l-split{grid-template-columns:minmax(0,1fr) 300px}.l-split__aside{display:block}}}@layer components{.skip{position:absolute;inset-block-start:.5rem;inset-inline-start:.5rem;z-index:100;padding:.6em 1em;background:var(--primary);color:var(--on-primary);border-radius:var(--r-1);transform:translateY(-200%);transition:transform var(--dur-2) var(--ease)}.skip:focus{transform:none;color:var(--on-primary)}.i{display:inline-block;flex:none;inline-size:1.25em;block-size:1.25em;vertical-align:-.25em;background:currentColor;-webkit-mask:var(--i) center / contain no-repeat;mask:var(--i) center / contain no-repeat}.i-dir:dir(rtl){scale:-1 1}.i-alert{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4L2.8 19.5h18.4z'/%3E%3Cpath d='M12 10v4.5'/%3E%3Cpath d='M12 17.2v.1' stroke-width='2.4'/%3E%3C/svg%3E")}.i-arrow-next{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='M13 6l6 6-6 6'/%3E%3C/svg%3E")}.i-arrow-prev{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 12H5'/%3E%3Cpath d='M11 6l-6 6 6 6'/%3E%3C/svg%3E")}.i-back-10{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 12a7.5 7.5 0 1 0 2.2-5.3'/%3E%3Cpath d='M4.5 4.5v3.2h3.2'/%3E%3Ctext x='12' y='15.3' font-size='7' font-family='Arial,sans-serif' font-weight='700' text-anchor='middle' fill='%23000' stroke='none'%3E10%3C/text%3E%3C/svg%3E")}.i-book-open{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 5.5c3-1 6-1 9 1 3-2 6-2 9-1v13c-3-1-6-1-9 1-3-2-6-2-9-1z'/%3E%3Cpath d='M12 6.5v13'/%3E%3C/svg%3E")}.i-check{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 12.5l5 5 10-11'/%3E%3C/svg%3E")}.i-chevron-down{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9.5l6 6 6-6'/%3E%3C/svg%3E")}.i-chevron-next{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6l6 6-6 6'/%3E%3C/svg%3E")}.i-download{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4v11'/%3E%3Cpath d='M7.5 10.5L12 15l4.5-4.5'/%3E%3Cpath d='M5 19.5h14'/%3E%3C/svg%3E")}.i-external{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 4.5h5.5V10'/%3E%3Cpath d='M19.5 4.5L11 13'/%3E%3Cpath d='M18 14v4.5a1 1 0 0 1-1 1H5.5a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1H10'/%3E%3C/svg%3E")}.i-fwd-30{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19.5 12a7.5 7.5 0 1 1-2.2-5.3'/%3E%3Cpath d='M19.5 4.5v3.2h-3.2'/%3E%3Ctext x='12' y='15.3' font-size='7' font-family='Arial,sans-serif' font-weight='700' text-anchor='middle' fill='%23000' stroke='none'%3E30%3C/text%3E%3C/svg%3E")}.i-globe{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M3.5 12h17'/%3E%3Cpath d='M12 3.5c2.4 2.5 3.5 5.3 3.5 8.5s-1.1 6-3.5 8.5c-2.4-2.5-3.5-5.3-3.5-8.5s1.1-6 3.5-8.5z'/%3E%3C/svg%3E")}.i-heart-fill{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'%3E%3Cpath d='M12 20.2s-7.7-4.6-7.7-10.1A4.3 4.3 0 0 1 12 7.6a4.3 4.3 0 0 1 7.7 2.5c0 5.5-7.7 10.1-7.7 10.1z'/%3E%3C/svg%3E")}.i-heart{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20.2s-7.7-4.6-7.7-10.1A4.3 4.3 0 0 1 12 7.6a4.3 4.3 0 0 1 7.7 2.5c0 5.5-7.7 10.1-7.7 10.1z'/%3E%3C/svg%3E")}.i-history{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 12a8.5 8.5 0 1 0 2.5-6'/%3E%3Cpath d='M3.5 4.5v4h4'/%3E%3Cpath d='M12 8v4.5l3 1.8'/%3E%3C/svg%3E")}.i-info{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M12 11v5.5'/%3E%3Cpath d='M12 7.6v.1' stroke-width='2.4'/%3E%3C/svg%3E")}.i-keyboard{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='6' width='17' height='12' rx='2'/%3E%3Cpath d='M7 10h1M11 10h1M15 10h2M7 14h10'/%3E%3C/svg%3E")}.i-mail{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5.5' width='18' height='13' rx='2'/%3E%3Cpath d='M3.5 6.5l8.5 6.5 8.5-6.5'/%3E%3C/svg%3E")}.i-map-pin{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-6.5-5.7-6.5-11a6.5 6.5 0 0 1 13 0c0 5.3-6.5 11-6.5 11z'/%3E%3Ccircle cx='12' cy='10' r='2.3'/%3E%3C/svg%3E")}.i-moon{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19.5 14.5A7.8 7.8 0 0 1 9.5 4.5a7.8 7.8 0 1 0 10 10z'/%3E%3C/svg%3E")}.i-note{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18.5V5.5l11-2v13'/%3E%3Ccircle cx='6.5' cy='18.5' r='2.5'/%3E%3Ccircle cx='17.5' cy='16.5' r='2.5'/%3E%3C/svg%3E")}.i-pause{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'%3E%3Crect x='6' y='4.5' width='4' height='15' rx='1.2'/%3E%3Crect x='14' y='4.5' width='4' height='15' rx='1.2'/%3E%3C/svg%3E")}.i-play{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'%3E%3Cpath d='M8 5.2v13.6a1 1 0 0 0 1.5.86l10.9-6.8a1 1 0 0 0 0-1.72L9.5 4.34A1 1 0 0 0 8 5.2z'/%3E%3C/svg%3E")}.i-queue{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6.5h11M4 12h11M4 17.5h7'/%3E%3Cpath d='M17.5 13.5v6l4-3z' fill='%23000'/%3E%3C/svg%3E")}.i-repeat-1{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 3.5l3 3-3 3'/%3E%3Cpath d='M4 11.5v-1a4 4 0 0 1 4-4h12'/%3E%3Cpath d='M7 20.5l-3-3 3-3'/%3E%3Cpath d='M20 12.5v1a4 4 0 0 1-4 4H4'/%3E%3Cpath d='M11 10.5l1.5-1v5' stroke-width='1.5'/%3E%3C/svg%3E")}.i-repeat{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 3.5l3 3-3 3'/%3E%3Cpath d='M4 11.5v-1a4 4 0 0 1 4-4h12'/%3E%3Cpath d='M7 20.5l-3-3 3-3'/%3E%3Cpath d='M20 12.5v1a4 4 0 0 1-4 4H4'/%3E%3C/svg%3E")}.i-search{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='M15.5 15.5l5 5'/%3E%3C/svg%3E")}.i-share{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='18' cy='5.5' r='2.5'/%3E%3Ccircle cx='6' cy='12' r='2.5'/%3E%3Ccircle cx='18' cy='18.5' r='2.5'/%3E%3Cpath d='M8.2 10.8l7.6-4.1M8.2 13.2l7.6 4.1'/%3E%3C/svg%3E")}.i-skip-next{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'%3E%3Cpath d='M6 6.2v11.6a.9.9 0 0 0 1.4.75l8.4-5.8a.9.9 0 0 0 0-1.5L7.4 5.45A.9.9 0 0 0 6 6.2z'/%3E%3Crect x='16.6' y='5.5' width='2.4' height='13' rx='1'/%3E%3C/svg%3E")}.i-skip-prev{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'%3E%3Cpath d='M18 6.2v11.6a.9.9 0 0 1-1.4.75L8.2 12.75a.9.9 0 0 1 0-1.5l8.4-5.8A.9.9 0 0 1 18 6.2z'/%3E%3Crect x='5' y='5.5' width='2.4' height='13' rx='1'/%3E%3C/svg%3E")}.i-sun{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 2.5v2M12 19.5v2M2.5 12h2M19.5 12h2M5.3 5.3l1.4 1.4M17.3 17.3l1.4 1.4M5.3 18.7l1.4-1.4M17.3 6.7l1.4-1.4'/%3E%3C/svg%3E")}.i-theme{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8'/%3E%3Cpath d='M12 4a8 8 0 0 1 0 16z' fill='%23000'/%3E%3C/svg%3E")}.i-timer{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='13' r='7.5'/%3E%3Cpath d='M12 9.5V13l2.5 1.5'/%3E%3Cpath d='M9.5 2.5h5'/%3E%3C/svg%3E")}.i-trash{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 7h15M9.5 7V4.5h5V7M6.5 7l1 13h9l1-13'/%3E%3C/svg%3E")}.i-volume-x{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 9.5h3.5L12 5.5v13l-4.5-4H4z'/%3E%3Cpath d='M16 9.5l5 5M21 9.5l-5 5'/%3E%3C/svg%3E")}.i-volume{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 9.5h3.5L12 5.5v13l-4.5-4H4z'/%3E%3Cpath d='M15.5 9a4.5 4.5 0 0 1 0 6M18 6.5a8 8 0 0 1 0 11'/%3E%3C/svg%3E")}.i-x{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E")}.site-head{position:relative}.site-head__bar{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"brand tools" "nav nav";align-items:center;column-gap:var(--space-s);padding-block:var(--space-2xs) 0}.brand{grid-area:brand;display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--heading);min-block-size:3rem}.brand__mark{inline-size:2rem;block-size:2rem;background:var(--gold);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='none' stroke='%23000' stroke-width='1.6' stroke-linejoin='round'%3E%3Crect x='22' y='22' width='56' height='56'/%3E%3Crect x='22' y='22' width='56' height='56' transform='rotate(45 50 50)'/%3E%3Crect x='31' y='31' width='38' height='38' stroke-width='.9'/%3E%3Crect x='31' y='31' width='38' height='38' transform='rotate(45 50 50)' stroke-width='.9'/%3E%3Ccircle cx='50' cy='50' r='12'/%3E%3Ccircle cx='50' cy='50' r='5' fill='%23000' stroke='none'/%3E%3Ccircle cx='50' cy='50' r='46' stroke-width='.8' stroke-dasharray='1 5' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='none' stroke='%23000' stroke-width='1.6' stroke-linejoin='round'%3E%3Crect x='22' y='22' width='56' height='56'/%3E%3Crect x='22' y='22' width='56' height='56' transform='rotate(45 50 50)'/%3E%3Crect x='31' y='31' width='38' height='38' stroke-width='.9'/%3E%3Crect x='31' y='31' width='38' height='38' transform='rotate(45 50 50)' stroke-width='.9'/%3E%3Ccircle cx='50' cy='50' r='12'/%3E%3Ccircle cx='50' cy='50' r='5' fill='%23000' stroke='none'/%3E%3Ccircle cx='50' cy='50' r='46' stroke-width='.8' stroke-dasharray='1 5' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat}.brand__name{font-family:var(--font-display);font-weight:650;font-size:1.4rem;letter-spacing:.02em}.brand__ar{font-family:var(--font-ar);font-size:1.5rem;color:var(--gold-strong);line-height:1;padding-block-start:.15em}.brand:hover .brand__mark{rotate:45deg;transition:rotate .8s var(--ease)}.nav{grid-area:nav;min-inline-size:0;margin-inline:calc(-1 * var(--gutter));overflow-x:auto;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}.nav ul{display:flex;gap:.25rem;padding-inline:var(--gutter);white-space:nowrap}.nav a{display:inline-flex;align-items:center;gap:.35rem;min-block-size:2.75rem;padding-inline:.7rem;text-decoration:none;color:var(--text);font-size:var(--step-0);position:relative}.nav a::after{content:"";position:absolute;inset-inline:.7rem;inset-block-end:.35rem;block-size:2px;background:var(--gold);scale:0 1;transition:scale var(--dur-2) var(--ease)}.nav a:hover::after,.nav a[aria-current]::after{scale:1 1}.nav a[aria-current]{color:var(--heading);font-weight:650}.nav .i{color:var(--gold-strong)}.site-head__tools{grid-area:tools;display:flex;align-items:center;justify-content:flex-end;gap:.25rem}.search-trigger{display:inline-flex;align-items:center;gap:.5rem;min-block-size:2.75rem;min-inline-size:2.75rem;justify-content:center;border-radius:var(--r-1);color:var(--text);text-decoration:none}.search-trigger__label,.search-trigger kbd{display:none}@media (min-width:48rem){.search-trigger{justify-content:flex-start;min-inline-size:13rem;padding-inline:.75rem;border:1px solid var(--line-strong);background:var(--surface);color:var(--placeholder)}.search-trigger__label{display:inline;flex:1}.search-trigger kbd{display:inline}.search-trigger:hover{border-color:var(--heading);color:var(--text)}}@media (min-width:75rem){.site-head__bar{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"brand nav tools";padding-block:var(--space-xs)}.nav{margin-inline:0;overflow:visible}.nav ul{justify-content:center;padding-inline:0}}.ib{display:inline-grid;place-items:center;inline-size:2.75rem;block-size:2.75rem;flex:none;border-radius:var(--r-1);color:inherit;text-decoration:none}.ib:hover{background:var(--tint);color:var(--heading)}.ib[aria-pressed="true"]{color:var(--rubric)}.menu{position:relative}.menu>summary{list-style:none;inline-size:auto;padding-inline:.5rem;gap:.3rem;display:inline-flex;align-items:center}.menu__code{font-size:var(--step--1);font-weight:650;letter-spacing:.06em}.menu__list{position:absolute;inset-inline-end:0;inset-block-start:calc(100% + .25rem);z-index:30;min-inline-size:11rem;padding:.35rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-2);box-shadow:var(--shadow-pop)}.menu__list a{display:block;padding:.55rem .8rem;border-radius:var(--r-1);text-decoration:none;color:var(--text)}.menu__list a:hover{background:var(--tint)}.menu__list a[aria-current]::before{content:"✓";margin-inline-end:.4em;color:var(--gold-strong)}.i-theme{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8'/%3E%3Cpath d='M12 4a8 8 0 0 1 0 16z' fill='%23000'/%3E%3C/svg%3E")}:root[data-theme-pref="light"] .i-theme{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 2.5v2M12 19.5v2M2.5 12h2M19.5 12h2M5.3 5.3l1.4 1.4M17.3 17.3l1.4 1.4M5.3 18.7l1.4-1.4M17.3 6.7l1.4-1.4'/%3E%3C/svg%3E")}:root[data-theme-pref="dark"] .i-theme{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19.5 14.5A7.8 7.8 0 0 1 9.5 4.5a7.8 7.8 0 1 0 10 10z'/%3E%3C/svg%3E")}.frieze{block-size:12px;margin-block:var(--space-2xs) 0;background:var(--gold);opacity:.55;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 12' fill='none' stroke='%23000' stroke-width='.8'%3E%3Cpath d='M0 2.5h32M0 9.5h32'/%3E%3Cpath d='M16 2.5l3.5 3.5-3.5 3.5-3.5-3.5z'/%3E%3Cpath d='M16 4.3l1.7 1.7-1.7 1.7-1.7-1.7z' fill='%23000'/%3E%3Cpath d='M0 2.5l3.5 3.5L0 9.5M32 2.5L28.5 6 32 9.5'/%3E%3Ccircle cx='8' cy='6' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='24' cy='6' r='.9' fill='%23000' stroke='none'/%3E%3C/svg%3E") 0 50% / auto 12px repeat-x;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 12' fill='none' stroke='%23000' stroke-width='.8'%3E%3Cpath d='M0 2.5h32M0 9.5h32'/%3E%3Cpath d='M16 2.5l3.5 3.5-3.5 3.5-3.5-3.5z'/%3E%3Cpath d='M16 4.3l1.7 1.7-1.7 1.7-1.7-1.7z' fill='%23000'/%3E%3Cpath d='M0 2.5l3.5 3.5L0 9.5M32 2.5L28.5 6 32 9.5'/%3E%3Ccircle cx='8' cy='6' r='.9' fill='%23000' stroke='none'/%3E%3Ccircle cx='24' cy='6' r='.9' fill='%23000' stroke='none'/%3E%3C/svg%3E") 0 50% / auto 12px repeat-x}.crumbs{margin-block:var(--space-s) 0;font-size:var(--step--1);color:var(--text-2)}.crumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:.15rem .35rem}.crumbs li{display:inline-flex;align-items:center;gap:.35rem}.crumbs li + li::before{content:"";inline-size:.8em;block-size:.8em;background:var(--gold);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.25' stroke-linejoin='round'%3E%3Crect x='5.5' y='5.5' width='13' height='13'/%3E%3Crect x='5.5' y='5.5' width='13' height='13' transform='rotate(45 12 12)'/%3E%3Ccircle cx='12' cy='12' r='3.2'/%3E%3Ccircle cx='12' cy='12' r='1' fill='%23000' stroke='none'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.25' stroke-linejoin='round'%3E%3Crect x='5.5' y='5.5' width='13' height='13'/%3E%3Crect x='5.5' y='5.5' width='13' height='13' transform='rotate(45 12 12)'/%3E%3Ccircle cx='12' cy='12' r='3.2'/%3E%3Ccircle cx='12' cy='12' r='1' fill='%23000' stroke='none'/%3E%3C/svg%3E") center / contain no-repeat}.crumbs a{color:var(--text-2);text-decoration:none}.crumbs a:hover{color:var(--heading);text-decoration:underline}.crumbs [aria-current]{color:var(--text)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-block-size:2.75rem;padding-inline:1.1rem;border-radius:var(--r-1);border:1px solid var(--line-strong);background:var(--surface);color:var(--heading);font-weight:600;text-decoration:none;white-space:nowrap;transition:background var(--dur-1),color var(--dur-1),border-color var(--dur-1)}.btn:hover{border-color:var(--heading);color:var(--heading);background:var(--tint)}.btn--primary{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.btn--primary:hover{background:var(--primary-hover);border-color:var(--primary-hover);color:var(--on-primary)}.btn--ghost{background:transparent}.btn--small{min-block-size:2.4rem;padding-inline:.8rem;font-size:var(--step--1)}.btn[aria-pressed="true"]{color:var(--rubric);border-color:var(--rubric)}[aria-pressed="true"]>.i-heart{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'%3E%3Cpath d='M12 20.2s-7.7-4.6-7.7-10.1A4.3 4.3 0 0 1 12 7.6a4.3 4.3 0 0 1 7.7 2.5c0 5.5-7.7 10.1-7.7 10.1z'/%3E%3C/svg%3E")}.link{color:var(--link);text-decoration:underline;text-underline-offset:.2em}.chips{margin-block:var(--space-m) 0;margin-inline:calc(-1 * var(--gutter));overflow-x:auto;scrollbar-width:none}.chips ul{display:flex;gap:.45rem;padding-inline:var(--gutter);padding-block:.2rem}@media (min-width:48rem){.chips{margin-inline:0;overflow:visible}.chips ul{flex-wrap:wrap;padding-inline:0}}.chips-wrap{display:flex;flex-wrap:wrap;gap:.45rem}.chip{display:inline-flex;align-items:center;gap:.4rem;min-block-size:2.5rem;padding-inline:.9rem;white-space:nowrap;border:1px solid var(--line);border-radius:var(--r-1);background:var(--surface);color:var(--text);text-decoration:none}.chip small{color:var(--text-2);font-variant-numeric:tabular-nums}.chip:hover{border-color:var(--line-strong);background:var(--tint);color:var(--heading)}.chip[aria-current]{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.chip[aria-current] small{color:inherit;opacity:.8}.tags{display:flex;flex-wrap:wrap;gap:.35rem}.tag{display:inline-flex;align-items:center;min-block-size:1.8rem;padding-inline:.6rem;border-radius:var(--r-1);font-size:var(--step--1);background:var(--tint);color:var(--text);text-decoration:none;white-space:nowrap}a.tag:hover{color:var(--heading);text-decoration:underline}.tag--gold{background:transparent;border:1px solid var(--gold);color:var(--gold-strong)}.medal{--size:2.5rem;position:relative;display:inline-grid;place-items:center;flex:none;inline-size:var(--size);block-size:var(--size);font-family:var(--font-display);font-weight:600;font-size:calc(var(--size) * .36);color:var(--heading);font-variant-numeric:tabular-nums;line-height:1}.medal::before{content:"";position:absolute;inset:0;background:var(--gold);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' fill='none' stroke='%23000'%3E%3Ccircle cx='20' cy='20' r='18.2' stroke-width='2.6' stroke-dasharray='0 4.78' stroke-linecap='round'/%3E%3Ccircle cx='20' cy='20' r='15.6' stroke-width='.7'/%3E%3Ccircle cx='20' cy='20' r='13.8' stroke-width='1.3'/%3E%3Cpath d='M20 1.2l1.4 2.4h-2.8zM20 38.8l1.4-2.4h-2.8zM1.2 20l2.4 1.4v-2.8zM38.8 20l-2.4 1.4v-2.8z' fill='%23000' stroke='none'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' fill='none' stroke='%23000'%3E%3Ccircle cx='20' cy='20' r='18.2' stroke-width='2.6' stroke-dasharray='0 4.78' stroke-linecap='round'/%3E%3Ccircle cx='20' cy='20' r='15.6' stroke-width='.7'/%3E%3Ccircle cx='20' cy='20' r='13.8' stroke-width='1.3'/%3E%3Cpath d='M20 1.2l1.4 2.4h-2.8zM20 38.8l1.4-2.4h-2.8zM1.2 20l2.4 1.4v-2.8zM38.8 20l-2.4 1.4v-2.8z' fill='%23000' stroke='none'/%3E%3C/svg%3E") center / contain no-repeat}.medal[data-len="3"]{font-size:calc(var(--size) * .3)}:root:lang(ar) .medal{font-family:var(--font-ar);font-size:calc(var(--size) * .42);padding-block-start:.2em}.medal--sm{--size:1.9rem}.medal--lg{--size:3.6rem}.medal--xl{--size:6rem}.arch{--w:72px;position:relative;display:block;flex:none;inline-size:var(--w);aspect-ratio:5 / 6;padding:1.5px;background:var(--gold);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 120' preserveAspectRatio='none'%3E%3Cpath d='M0 120V52C0 30 22 12 50 0c28 12 50 30 50 52v68z' fill='%23000'/%3E%3C/svg%3E") center / 100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 120' preserveAspectRatio='none'%3E%3Cpath d='M0 120V52C0 30 22 12 50 0c28 12 50 30 50 52v68z' fill='%23000'/%3E%3C/svg%3E") center / 100% 100% no-repeat}.arch img,.arch .mono{inline-size:100%;block-size:100%;object-fit:cover;object-position:50% 22%;background:var(--tint);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 120' preserveAspectRatio='none'%3E%3Cpath d='M0 120V52C0 30 22 12 50 0c28 12 50 30 50 52v68z' fill='%23000'/%3E%3C/svg%3E") center / 100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 120' preserveAspectRatio='none'%3E%3Cpath d='M0 120V52C0 30 22 12 50 0c28 12 50 30 50 52v68z' fill='%23000'/%3E%3C/svg%3E") center / 100% 100% no-repeat}.arch picture{display:contents}.arch--md{--w:120px}.arch--lg{--w:96px}@media (min-width:48rem){.arch--md{--w:176px}.arch--lg{--w:160px}}.mono{display:grid;place-items:center;padding-block-start:12%;font-family:var(--font-ar);font-size:calc(var(--w) * .5);line-height:1;color:#F7F1E3;background-color:var(--pig-0);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80' fill='none' stroke='%23000' stroke-width='1'%3E%3Cpath d='M40 14l7.5 18.1L66 40l-18.5 7.9L40 66l-7.5-18.1L14 40l18.5-7.9z'/%3E%3Cpath d='M40 14V0M40 66v14M14 40H0M66 40h14'/%3E%3Cpath d='M21.6 21.6L0 0M58.4 21.6L80 0M21.6 58.4L0 80M58.4 58.4L80 80'/%3E%3Cpath d='M21.6 21.6l10.9 10.5M58.4 21.6L47.5 32.1M21.6 58.4l10.9-10.5M58.4 58.4L47.5 47.9'/%3E%3Ccircle cx='40' cy='40' r='6'/%3E%3C/svg%3E");background-size:60%;background-blend-mode:soft-light}.mono[data-h="1"]{background-color:var(--pig-1)}.mono[data-h="2"]{background-color:var(--pig-2)}.mono[data-h="3"]{background-color:var(--pig-3)}.mono[data-h="4"]{background-color:var(--pig-4)}.mono[data-h="5"]{background-color:var(--pig-5)}.rosette{display:inline-block;inline-size:3rem;aspect-ratio:1;background:var(--gold);opacity:.8;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='none' stroke='%23000' stroke-width='1.6' stroke-linejoin='round'%3E%3Crect x='22' y='22' width='56' height='56'/%3E%3Crect x='22' y='22' width='56' height='56' transform='rotate(45 50 50)'/%3E%3Crect x='31' y='31' width='38' height='38' stroke-width='.9'/%3E%3Crect x='31' y='31' width='38' height='38' transform='rotate(45 50 50)' stroke-width='.9'/%3E%3Ccircle cx='50' cy='50' r='12'/%3E%3Ccircle cx='50' cy='50' r='5' fill='%23000' stroke='none'/%3E%3Ccircle cx='50' cy='50' r='46' stroke-width='.8' stroke-dasharray='1 5' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='none' stroke='%23000' stroke-width='1.6' stroke-linejoin='round'%3E%3Crect x='22' y='22' width='56' height='56'/%3E%3Crect x='22' y='22' width='56' height='56' transform='rotate(45 50 50)'/%3E%3Crect x='31' y='31' width='38' height='38' stroke-width='.9'/%3E%3Crect x='31' y='31' width='38' height='38' transform='rotate(45 50 50)' stroke-width='.9'/%3E%3Ccircle cx='50' cy='50' r='12'/%3E%3Ccircle cx='50' cy='50' r='5' fill='%23000' stroke='none'/%3E%3Ccircle cx='50' cy='50' r='46' stroke-width='.8' stroke-dasharray='1 5' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat}.rosette--xl{inline-size:6rem}.sh{display:flex;align-items:center;gap:.75rem;margin-block-end:var(--space-s)}.sh__title{font-size:var(--step-2);display:flex;align-items:center;gap:.6rem}.sh::after{content:"";order:2;flex:1;block-size:1px;background:var(--line);min-inline-size:1rem}.sh__title::before{content:"";flex:none;inline-size:.8em;block-size:.8em;background:var(--gold);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.25' stroke-linejoin='round'%3E%3Crect x='5.5' y='5.5' width='13' height='13'/%3E%3Crect x='5.5' y='5.5' width='13' height='13' transform='rotate(45 12 12)'/%3E%3Ccircle cx='12' cy='12' r='3.2'/%3E%3Ccircle cx='12' cy='12' r='1' fill='%23000' stroke='none'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.25' stroke-linejoin='round'%3E%3Crect x='5.5' y='5.5' width='13' height='13'/%3E%3Crect x='5.5' y='5.5' width='13' height='13' transform='rotate(45 12 12)'/%3E%3Ccircle cx='12' cy='12' r='3.2'/%3E%3Ccircle cx='12' cy='12' r='1' fill='%23000' stroke='none'/%3E%3C/svg%3E") center / contain no-repeat}.sh__more{order:3;flex:none;display:inline-flex;align-items:center;gap:.3rem;font-size:var(--step--1);font-weight:600;text-decoration:none}.sh__more:hover{text-decoration:underline}h2.sh__title{margin-block-end:var(--space-s)}.sh h2.sh__title{margin-block-end:0}.kicker{font-size:var(--step--1);color:var(--gold-strong);font-weight:650;letter-spacing:.08em;text-transform:uppercase}.kicker a{color:inherit}:root:lang(ar) .kicker,.kicker:lang(ar){text-transform:none;letter-spacing:0;font-size:var(--step-0)}.page-head{margin-block:var(--space-l) var(--space-m)}.page-head>* + *{margin-block-start:var(--space-2xs)}.page-head__lead{color:var(--text-2);font-size:var(--step-1);max-inline-size:48rem}.page-head--center{text-align:center}.page-head--center .page-head__lead{margin-inline:auto}.section-intro{color:var(--text-2);max-inline-size:48rem;margin-block-end:var(--space-s)}.note-box{margin-block-start:var(--space-xl);padding:var(--space-m);border:1px solid var(--line);border-radius:var(--r-2);background:var(--surface);position:relative}.note-box>* + *{margin-block-start:var(--space-2xs)}.note-box h2,.note-box h3{font-size:var(--step-1)}.empty{display:flex;align-items:center;gap:.5rem;padding:var(--space-m);color:var(--text-2)}.empty-state{text-align:center;padding:var(--space-xl) 0;color:var(--text-2)}.empty-inline{color:var(--text-2);font-style:italic}.link-list{display:grid;gap:.3rem}.link-list a{text-decoration:none}.link-list a:hover{text-decoration:underline}.link-list--cards{grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:.6rem}.link-list--cards a{display:flex;flex-direction:column;gap:.15rem;padding:.8rem 1rem;border:1px solid var(--line);border-radius:var(--r-2);background:var(--surface);color:var(--text)}.link-list--cards a:hover{border-color:var(--line-strong);background:var(--tint);text-decoration:none}.link-list--cards small{color:var(--text-2)}.facts{display:grid;gap:.1rem;margin-block-start:var(--space-m)}.facts>div{display:grid;grid-template-columns:minmax(8rem,12rem) 1fr;gap:1rem;padding-block:.55rem;border-block-end:1px solid var(--line)}.facts dt{color:var(--text-2)}.facts--grid{grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));gap:.6rem}.facts--grid>div{display:flex;flex-direction:column;gap:.1rem;padding:.7rem .9rem;border:1px solid var(--line);border-radius:var(--r-2);background:var(--surface)}.facts--grid dt{font-size:var(--step--1)}.facts--grid dd{font-family:var(--font-display);font-size:var(--step-1);color:var(--heading)}.facts-inline{display:flex;flex-wrap:wrap;gap:.1rem .9rem;color:var(--text-2)}.facts-inline li + li::before{content:"·";margin-inline-end:.9rem;color:var(--gold);font-weight:700}.facts-inline--center{justify-content:center}details.more>summary{display:inline-flex;margin-block-start:.6rem;color:var(--link);font-weight:600;text-decoration:underline;text-underline-offset:.2em}details.more[open]>summary{display:none}details.more>:not(summary) + *{margin-block-start:.9em}}@layer components{.hero{padding-block:var(--space-l) var(--space-xl)}.hero__inner{position:relative;text-align:center;padding:var(--space-xl) var(--space-m);border-block:3px double var(--gold);isolation:isolate}.hero__inner::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.07;background:var(--gold);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80' fill='none' stroke='%23000' stroke-width='1'%3E%3Cpath d='M40 14l7.5 18.1L66 40l-18.5 7.9L40 66l-7.5-18.1L14 40l18.5-7.9z'/%3E%3Cpath d='M40 14V0M40 66v14M14 40H0M66 40h14'/%3E%3Cpath d='M21.6 21.6L0 0M58.4 21.6L80 0M21.6 58.4L0 80M58.4 58.4L80 80'/%3E%3Cpath d='M21.6 21.6l10.9 10.5M58.4 21.6L47.5 32.1M21.6 58.4l10.9-10.5M58.4 58.4L47.5 47.9'/%3E%3Ccircle cx='40' cy='40' r='6'/%3E%3C/svg%3E") 50% 0 / 80px 80px repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80' fill='none' stroke='%23000' stroke-width='1'%3E%3Cpath d='M40 14l7.5 18.1L66 40l-18.5 7.9L40 66l-7.5-18.1L14 40l18.5-7.9z'/%3E%3Cpath d='M40 14V0M40 66v14M14 40H0M66 40h14'/%3E%3Cpath d='M21.6 21.6L0 0M58.4 21.6L80 0M21.6 58.4L0 80M58.4 58.4L80 80'/%3E%3Cpath d='M21.6 21.6l10.9 10.5M58.4 21.6L47.5 32.1M21.6 58.4l10.9-10.5M58.4 58.4L47.5 47.9'/%3E%3Ccircle cx='40' cy='40' r='6'/%3E%3C/svg%3E") 50% 0 / 80px 80px repeat;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80' fill='none' stroke='%23000' stroke-width='1'%3E%3Cpath d='M40 14l7.5 18.1L66 40l-18.5 7.9L40 66l-7.5-18.1L14 40l18.5-7.9z'/%3E%3Cpath d='M40 14V0M40 66v14M14 40H0M66 40h14'/%3E%3Cpath d='M21.6 21.6L0 0M58.4 21.6L80 0M21.6 58.4L0 80M58.4 58.4L80 80'/%3E%3Cpath d='M21.6 21.6l10.9 10.5M58.4 21.6L47.5 32.1M21.6 58.4l10.9-10.5M58.4 58.4L47.5 47.9'/%3E%3Ccircle cx='40' cy='40' r='6'/%3E%3C/svg%3E"),radial-gradient(closest-side,#000 30%,transparent)}.hero__basmala{font-family:var(--font-ar);font-size:var(--step-2);color:var(--gold-strong);line-height:1.6}.hero__title{font-size:var(--step-5);margin-block:var(--space-2xs) var(--space-xs)}.hero__lead{color:var(--text-2);font-size:var(--step-1);max-inline-size:40rem;margin-inline:auto}.hero__search{display:flex;align-items:center;gap:.5rem;max-inline-size:36rem;margin:var(--space-m) auto 0;padding:.35rem .35rem .35rem .9rem;padding-inline:.9rem .35rem;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-2);box-shadow:var(--shadow-pop)}.hero__search:focus-within{border-color:var(--heading)}.hero__search input{flex:1;min-inline-size:0;border:0;background:none;font-size:var(--step-1);padding-block:.45rem}.hero__search input:focus{outline:none}.hero__search .i{color:var(--gold-strong)}.hero__quick{margin-block-start:var(--space-m)}.hero__quick ul{display:flex;flex-wrap:wrap;justify-content:center;gap:.45rem}.chip--surah{padding-inline:.35rem .8rem}.resume{display:none;margin-block:calc(-1 * var(--space-m)) var(--space-l)}:root.js[data-resume] .resume{display:block;min-block-size:4.6rem}.resume-card{display:flex;align-items:center;gap:var(--space-s);padding:var(--space-xs) var(--space-s);border:1px solid var(--gold);border-radius:var(--r-2);background:var(--surface)}.resume-card__text{flex:1;min-inline-size:0}.resume-card__text b{display:block;font-family:var(--font-display);color:var(--heading)}.resume-card__text small{color:var(--text-2)}.grid-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(6.6rem,1fr));gap:var(--space-2xs) .25rem}.grid-tiles--compact{grid-template-columns:repeat(auto-fill,minmax(6.6rem,1fr))}@media (min-width:48rem){.grid-tiles{grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr));gap:var(--space-s) var(--space-xs)}.grid-tiles--compact{grid-template-columns:repeat(auto-fill,minmax(7.5rem,1fr))}}.tile a{display:flex;flex-direction:column;align-items:center;gap:.15rem;text-align:center;text-decoration:none;color:var(--text);padding:var(--space-xs) .4rem;border-radius:var(--r-2);transition:background var(--dur-1)}.tile a:hover{background:var(--tint)}.tile .arch{--w:84px;margin-block-end:.45rem;transition:translate var(--dur-2) var(--ease)}.tile__name{font-size:var(--step--1)}@media (min-width:48rem){.tile .arch{--w:104px}.grid-tiles--compact .tile .arch{--w:88px}.tile__name{font-size:var(--step-0)}}.tile a:hover .arch{translate:0 -3px}.tile__name{font-family:var(--font-display);font-weight:600;color:var(--heading);line-height:1.2}:root:lang(ar) .tile__name{font-family:var(--font-ar);font-weight:400;font-size:1.1em}.tile__alt{color:var(--gold-strong);font-size:var(--step--1)}.tile__meta{color:var(--text-2)}.grid-surahs{display:grid;grid-template-columns:repeat(auto-fill,minmax(16.5rem,1fr));gap:.6rem}.scard a{display:flex;align-items:center;gap:.8rem;padding:.7rem .9rem;min-block-size:4.5rem;border:1px solid var(--line);border-radius:var(--r-2);background:var(--surface);text-decoration:none;color:var(--text);transition:border-color var(--dur-1),background var(--dur-1)}.scard a:hover{border-color:var(--gold);background:var(--tint)}.scard__names{display:flex;flex-direction:column;min-inline-size:0}.scard__ar{font-family:var(--font-ar);font-size:1.45rem;line-height:1.35;color:var(--heading)}.scard__lat{font-family:var(--font-display);font-weight:600;color:var(--heading)}.scard__meta{color:var(--text-2);line-height:1.3}:root:lang(ar) .scard__ar{font-size:1.6rem}.band-riwayas{padding:var(--space-l) var(--space-m);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-2)}.grid-riwayas{display:grid;grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));gap:.6rem}.rcard{display:flex;flex-direction:column;gap:.1rem;block-size:100%;padding:.9rem 1rem;text-decoration:none;color:var(--text);border:1px solid var(--line);border-block-start:3px solid var(--gold);border-radius:var(--r-2);background:var(--bg)}.rcard:hover{background:var(--tint)}.rcard__ar{font-family:var(--font-ar);font-size:1.5rem;color:var(--heading);line-height:1.4}.rcard__name{font-family:var(--font-display);font-weight:600;color:var(--heading)}.rcard small{color:var(--text-2)}.people__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,21rem),1fr));gap:.5rem;margin-block:var(--space-s)}.pcard a{display:flex;align-items:center;gap:.9rem;padding:.55rem .8rem;min-block-size:5.9rem;border:1px solid var(--line);border-radius:var(--r-2);background:var(--surface);text-decoration:none;color:var(--text);transition:border-color var(--dur-1),background var(--dur-1)}.pcard a:hover{border-color:var(--gold);background:var(--tint)}.pcard__text{display:flex;flex-direction:column;min-inline-size:0}.pcard__name{font-family:var(--font-display);font-weight:600;color:var(--heading);line-height:1.25}:root:lang(ar) .pcard__name{font-family:var(--font-ar);font-weight:400;font-size:1.12em}.pcard__alt{color:var(--gold-strong);line-height:1.3}.pcard__meta{color:var(--text-2)}.pcard{content-visibility:auto;contain-intrinsic-size:auto 96px}.filterbar{position:sticky;inset-block-start:0;z-index:10;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-block:var(--space-s);padding:.5rem;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(6px);border-block-end:1px solid var(--line)}.filterbar__field{display:flex;align-items:center;gap:.4rem;flex:1 1 14rem;min-block-size:2.75rem;padding-inline:.7rem;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-1)}.filterbar__field:focus-within{border-color:var(--heading);outline:2px solid var(--focus);outline-offset:1px}.filterbar__field input{flex:1;min-inline-size:0;border:0;background:none;padding-block:.35rem}.filterbar__field input:focus{outline:none}.filterbar__field .i{color:var(--gold-strong)}.filterbar__select select{min-block-size:2.75rem;padding-inline:.6rem;border:1px solid var(--line-strong);border-radius:var(--r-1);background:var(--surface)}.filterbar__sort{display:inline-flex;border:1px solid var(--line-strong);border-radius:var(--r-1);overflow:hidden}.filterbar__sort button{min-block-size:2.65rem;padding-inline:.75rem;font-size:var(--step--1);background:var(--surface)}.filterbar__sort button + button{border-inline-start:1px solid var(--line-strong)}.filterbar__sort button[aria-pressed="true"]{background:var(--primary);color:var(--on-primary)}.filterbar__count{margin-inline-start:auto;font-size:var(--step--1);color:var(--text-2);font-variant-numeric:tabular-nums}.identity{display:grid;grid-template-columns:auto 1fr;gap:var(--space-m);align-items:end;margin-block:var(--space-m) var(--space-s)}.identity__body>* + *{margin-block-start:var(--space-3xs)}.identity__name{font-size:var(--step-4)}.identity__alt{display:inline-block;font-size:var(--step-2);color:var(--gold-strong);line-height:1.4}:root:lang(ar) .identity__alt{font-family:var(--font-display);font-size:var(--step-1)}.identity__actions{display:flex;flex-wrap:wrap;gap:.5rem;padding-block-start:var(--space-xs)}@media (max-width:36rem){.identity{grid-template-columns:1fr;justify-items:center;text-align:center}.identity .facts-inline,.identity__actions{justify-content:center}}.subnav{margin-block:var(--space-s) 0;border-block-end:1px solid var(--line);overflow-x:auto;scrollbar-width:none}.subnav ul{display:flex;gap:.2rem;white-space:nowrap}.subnav a{display:inline-flex;align-items:center;min-block-size:2.9rem;padding-inline:.9rem;text-decoration:none;color:var(--text-2);border-block-end:2px solid transparent;margin-block-end:-1px}.subnav a:hover{color:var(--heading)}.subnav a[aria-current]{color:var(--heading);border-color:var(--gold);font-weight:650}.coll__head{display:grid;gap:var(--space-2xs);margin-block-end:var(--space-xs)}.coll__title{font-size:var(--step-3)}.coll-switch{margin-block-start:var(--space-2xs);border:1px solid var(--line);border-radius:var(--r-2);background:var(--surface)}.coll-switch>summary{display:flex;align-items:center;gap:.5rem;min-block-size:3rem;padding-inline:.9rem;font-weight:600;color:var(--heading)}.coll-switch>summary::after{content:"";margin-inline-start:auto;inline-size:1.1em;block-size:1.1em;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9.5l6 6 6-6'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9.5l6 6 6-6'/%3E%3C/svg%3E") center / contain no-repeat;transition:rotate var(--dur-2)}.coll-switch[open]>summary::after{rotate:180deg}.coll-switch__groups{display:grid;gap:var(--space-s);padding:.2rem .9rem .9rem;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr))}.coll-switch h3{font-size:var(--step-0);color:var(--gold-strong);margin-block-end:.3rem}.coll-switch ul{display:grid;gap:.15rem}.coll-switch a{display:flex;flex-direction:column;padding:.45rem .6rem;border-radius:var(--r-1);text-decoration:none;color:var(--text)}.coll-switch a:hover{background:var(--tint)}.coll-switch a[aria-current]{background:var(--primary);color:var(--on-primary)}.coll-switch a[aria-current] small{color:inherit;opacity:.85}.coll-switch small{color:var(--text-2)}.coll-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,22rem),1fr));gap:.5rem}.ccard a{display:flex;align-items:center;gap:.9rem;padding:.6rem .8rem;border:1px solid var(--line);border-radius:var(--r-2);background:var(--surface);text-decoration:none;color:var(--text)}.ccard a:hover{border-color:var(--gold);background:var(--tint)}.ccard__text{display:flex;flex-direction:column;min-inline-size:0}.ccard__text b{font-family:var(--font-display);color:var(--heading)}.ccard__title{color:var(--gold-strong)}.ccard small{color:var(--text-2)}.album + .album{margin-block-start:var(--space-l)}.album__head{display:flex;align-items:center;gap:var(--space-s);margin-block-end:var(--space-xs);flex-wrap:wrap}.album__head>div{flex:1;min-inline-size:10rem}.album__cover{inline-size:96px;block-size:96px;border-radius:var(--r-1);outline:3px double var(--gold);outline-offset:3px;object-fit:cover;background:var(--tint)}.album__cover--empty{display:grid;place-items:center;font-size:2rem;color:var(--gold-strong)}.album__title{font-size:var(--step-2)}.album__meta{color:var(--text-2)}.comments__note{color:var(--text-2);font-style:italic;margin-block-end:var(--space-s)}.comment{padding-block:var(--space-s);border-block-start:1px solid var(--line)}.comment__head{display:flex;align-items:center;gap:.6rem;color:var(--text-2);font-size:var(--step--1);margin-block-end:.35rem}.comment__head b{color:var(--heading);font-size:var(--step-0)}.comment__avatar{display:grid;place-items:center;inline-size:2rem;block-size:2rem;flex:none;border-radius:50%;background:var(--tint);color:var(--gold-strong);font-family:var(--font-display);font-weight:700;border:1px solid var(--gold)}.comment__text{max-inline-size:var(--w-prose)}.similar{margin-block-start:var(--space-2xl)}}@layer components{.play{display:inline-grid;place-items:center;flex:none;inline-size:2.75rem;block-size:2.75rem;border-radius:50%;color:var(--heading);border:1.5px solid var(--gold);background:var(--surface);transition:background var(--dur-1),color var(--dur-1),transform var(--dur-1)}.play:hover{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}.play:active{transform:scale(.94)}.play .i{inline-size:1.1em;block-size:1.1em}.play--xl{inline-size:4.5rem;block-size:4.5rem;background:var(--primary);color:var(--on-primary);border:0;font-size:1.6rem;box-shadow:0 0 0 5px var(--bg),0 0 0 6.5px var(--gold)}.play--xl:hover{background:var(--primary-hover)}[data-state="playing"]>.play .i-play,.play[data-state="playing"] .i-play{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'%3E%3Crect x='6' y='4.5' width='4' height='15' rx='1.2'/%3E%3Crect x='14' y='4.5' width='4' height='15' rx='1.2'/%3E%3C/svg%3E")}[data-state="loading"]>.play{animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{50%{opacity:.45}}.tracklist{container-type:inline-size}.tracks{display:grid}.track{display:grid;grid-template-columns:1fr auto auto;grid-template-areas:"link play dl" "meta time dl";align-items:center;column-gap:.5rem;padding:.45rem .5rem;border-block-end:1px solid var(--line);content-visibility:auto;contain-intrinsic-size:auto 64px}.track:hover{background:var(--tint)}.track[aria-current="true"]{background:var(--tint);box-shadow:inset 3px 0 0 var(--gold)}.track[aria-current="true"]:dir(rtl){box-shadow:inset -3px 0 0 var(--gold)}.track[data-state="error"]{opacity:.55}.track__link{grid-area:link;display:flex;align-items:center;gap:.7rem;min-inline-size:0;text-decoration:none;color:var(--text)}.track__link:hover .track__lat,.track__link:hover .track__title,.track__link:hover b{text-decoration:underline}.track__names{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:.55rem;min-inline-size:0}.track__ar{font-family:var(--font-ar);font-size:1.4rem;color:var(--heading);line-height:1.35}:root:lang(ar) .track__ar{font-size:1.5rem}.track__lat,.track__title,.track__who b{font-family:var(--font-display);font-weight:600;color:var(--heading)}.track__mean{color:var(--text-2)}.track__meta{grid-area:meta;color:var(--text-2);font-size:var(--step--1);padding-inline-start:3.2rem;display:flex;gap:.4rem;align-items:center;flex-wrap:wrap}.track>time{grid-area:time;color:var(--text-2);font-size:var(--step--1);min-inline-size:5ch;text-align:end}.track>.play{grid-area:play}.track__dl{grid-area:dl;color:var(--text-2)}.track__num{display:inline-grid;place-items:center;inline-size:2.5rem;font-family:var(--font-display);color:var(--gold-strong);font-variant-numeric:tabular-nums}.track__who{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:.5rem}.track__alt{color:var(--gold-strong)}.track--song .track__meta,.track--reciter .track__meta{padding-inline-start:0}.track--reciter .track__meta:empty{display:none}@container (min-width:40rem){.track{grid-template-columns:minmax(0,1fr) auto 5ch auto auto;grid-template-areas:"link meta time play dl";padding-block:.35rem}.track__meta{padding-inline-start:0;justify-content:flex-end}}.tracklist--single .track{display:flex;flex-wrap:nowrap;align-items:center;gap:var(--space-m);border:0;padding:8px;background:none;box-shadow:none;content-visibility:visible}.deck .tracklist{inline-size:min(100%,40rem)}.skip-list:not(:focus){position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-list:focus{display:inline-block;margin-block:.5rem}.ad{display:grid;justify-items:center;gap:.25rem;margin-block:var(--space-l)}.ad__label{font-size:var(--step--2);letter-spacing:.08em;text-transform:uppercase;color:var(--text-2)}:root:lang(ar) .ad__label{letter-spacing:0}.ad__unit{display:inline-block;inline-size:300px;block-size:250px}@media (min-width:30rem){.ad--band .ad__unit{inline-size:336px;block-size:280px}}@media (min-width:48rem){.ad--band .ad__unit{inline-size:728px;block-size:90px}}.ad--aside{position:sticky;inset-block-start:1rem;margin-block:0}.ad--aside .ad__unit{inline-size:300px;block-size:600px}.ad--inarticle{min-block-size:250px}.ad--inarticle .adsbygoogle{inline-size:100%}@media (min-width:75rem){.ad--mobile{display:none}}.ad__placeholder{background:repeating-linear-gradient(45deg,var(--tint) 0 10px,transparent 10px 20px);border:1px dashed var(--line)}.tracklist .ad{margin-block:var(--space-s)}.stage{display:grid;grid-template-columns:auto 1fr;gap:var(--space-s) var(--space-m);align-items:center;margin-block:var(--space-m) var(--space-l);padding:var(--space-m);border:1px solid var(--line);border-radius:var(--r-2);background:var(--surface);position:relative}.stage::before,.stage::after{content:"";position:absolute;inline-size:36px;block-size:36px;background:var(--gold);opacity:.8;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' fill='none' stroke='%23000' stroke-width='1.1'%3E%3Cpath d='M2 38V14C2 7.4 7.4 2 14 2h24'/%3E%3Cpath d='M7 38V16c0-5 4-9 9-9h22' stroke-width='.7'/%3E%3Cpath d='M14 14l5-5 5 5-5 5z'/%3E%3Ccircle cx='19' cy='14' r='1.3' fill='%23000' stroke='none'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' fill='none' stroke='%23000' stroke-width='1.1'%3E%3Cpath d='M2 38V14C2 7.4 7.4 2 14 2h24'/%3E%3Cpath d='M7 38V16c0-5 4-9 9-9h22' stroke-width='.7'/%3E%3Cpath d='M14 14l5-5 5 5-5 5z'/%3E%3Ccircle cx='19' cy='14' r='1.3' fill='%23000' stroke='none'/%3E%3C/svg%3E") center / contain no-repeat}.stage::before{inset-block-start:6px;inset-inline-start:6px}.stage::after{inset-block-end:6px;inset-inline-end:6px;rotate:180deg}.stage__body>* + *{margin-block-start:var(--space-2xs)}.stage__title{font-size:var(--step-3)}.stage__meta{color:var(--text-2)}.unwan{display:inline-flex;align-items:center;gap:.7rem;padding:.25rem 1.4rem;position:relative;border-block:3px double var(--gold)}.unwan::before,.unwan::after{content:"";position:absolute;inset-block:-3px;inline-size:12px;background:var(--gold);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 40' fill='none' stroke='%23000' stroke-width='1.2'%3E%3Cpath d='M20 1C12.5 1 8.5 7 6.5 12.5L1 20l5.5 7.5C8.5 33 12.5 39 20 39'/%3E%3Cpath d='M20 5c-5 0-8 4.5-9.5 9L7 20l3.5 6c1.5 4.5 4.5 9 9.5 9' stroke-width='.7'/%3E%3Cpath d='M13 20l2.5-2.5L18 20l-2.5 2.5z' fill='%23000' stroke='none'/%3E%3C/svg%3E") center / 100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 40' fill='none' stroke='%23000' stroke-width='1.2'%3E%3Cpath d='M20 1C12.5 1 8.5 7 6.5 12.5L1 20l5.5 7.5C8.5 33 12.5 39 20 39'/%3E%3Cpath d='M20 5c-5 0-8 4.5-9.5 9L7 20l3.5 6c1.5 4.5 4.5 9 9.5 9' stroke-width='.7'/%3E%3Cpath d='M13 20l2.5-2.5L18 20l-2.5 2.5z' fill='%23000' stroke='none'/%3E%3C/svg%3E") center / 100% 100% no-repeat}.unwan::before{inset-inline-start:-12px}.unwan::after{inset-inline-end:-12px;scale:-1 1}.unwan:dir(rtl)::before{scale:-1 1}.unwan:dir(rtl)::after{scale:1 1}.unwan__ar{font-family:var(--font-ar);font-size:var(--step-3);color:var(--heading);line-height:1.5}.deck{grid-column:1 / -1;display:grid;gap:var(--space-s);justify-items:start}.deck .track{align-items:center}.deck__progress{display:flex;flex-direction:column;gap:.3rem;flex:1;min-inline-size:12rem}.deck__time{font-size:var(--step--1);color:var(--text-2);font-variant-numeric:tabular-nums}.deck__native{inline-size:100%;max-inline-size:36rem}.deck__actions{display:flex;flex-wrap:wrap;gap:.5rem}.deck__stats{color:var(--text-2);font-size:var(--step--1)}@media (max-width:36rem){.stage{grid-template-columns:1fr;justify-items:center;text-align:center}.deck{justify-items:stretch}}.seek{-webkit-appearance:none;appearance:none;inline-size:100%;block-size:1.4rem;background:transparent;cursor:pointer;--p:0%}.seek::-webkit-slider-runnable-track{block-size:4px;border-radius:2px;background:linear-gradient(to right,var(--gold) var(--p),var(--line) var(--p))}.seek::-moz-range-track{block-size:4px;border-radius:2px;background:var(--line)}.seek::-moz-range-progress{block-size:4px;border-radius:2px;background:var(--gold)}.seek::-webkit-slider-thumb{-webkit-appearance:none;inline-size:14px;block-size:14px;margin-block-start:-5px;border-radius:50%;background:var(--gold-strong);border:2px solid var(--surface)}.seek::-moz-range-thumb{inline-size:14px;block-size:14px;border-radius:50%;background:var(--gold-strong);border:2px solid var(--surface)}.prevnext{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-block:var(--space-l)}.prevnext a{display:flex;align-items:center;gap:.6rem;padding:.7rem .9rem;border:1px solid var(--line);border-radius:var(--r-2);background:var(--surface);text-decoration:none;color:var(--heading);font-family:var(--font-display);font-weight:600}.prevnext a:hover{border-color:var(--gold);background:var(--tint)}.prevnext a>span{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem}.prevnext small{inline-size:100%;font-family:var(--font-text);font-weight:400;color:var(--text-2)}.prevnext__next{justify-content:flex-end;text-align:end;flex-direction:row-reverse}.prevnext__next>span{justify-content:flex-end}.surah-hero{margin-block:var(--space-m) var(--space-l)}.surah-hero__frame{position:relative;display:grid;justify-items:center;gap:var(--space-2xs);text-align:center;padding:var(--space-xl) var(--space-m);border:1px solid var(--line);border-radius:var(--r-2);background:var(--surface);isolation:isolate;outline:3px double var(--gold);outline-offset:-10px}.surah-hero__frame::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--gold);opacity:.07;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80' fill='none' stroke='%23000' stroke-width='1'%3E%3Cpath d='M40 14l7.5 18.1L66 40l-18.5 7.9L40 66l-7.5-18.1L14 40l18.5-7.9z'/%3E%3Cpath d='M40 14V0M40 66v14M14 40H0M66 40h14'/%3E%3Cpath d='M21.6 21.6L0 0M58.4 21.6L80 0M21.6 58.4L0 80M58.4 58.4L80 80'/%3E%3Cpath d='M21.6 21.6l10.9 10.5M58.4 21.6L47.5 32.1M21.6 58.4l10.9-10.5M58.4 58.4L47.5 47.9'/%3E%3Ccircle cx='40' cy='40' r='6'/%3E%3C/svg%3E") 50% 50% / 90px 90px repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80' fill='none' stroke='%23000' stroke-width='1'%3E%3Cpath d='M40 14l7.5 18.1L66 40l-18.5 7.9L40 66l-7.5-18.1L14 40l18.5-7.9z'/%3E%3Cpath d='M40 14V0M40 66v14M14 40H0M66 40h14'/%3E%3Cpath d='M21.6 21.6L0 0M58.4 21.6L80 0M21.6 58.4L0 80M58.4 58.4L80 80'/%3E%3Cpath d='M21.6 21.6l10.9 10.5M58.4 21.6L47.5 32.1M21.6 58.4l10.9-10.5M58.4 58.4L47.5 47.9'/%3E%3Ccircle cx='40' cy='40' r='6'/%3E%3C/svg%3E") 50% 50% / 90px 90px repeat}.surah-hero__ar{font-family:var(--font-ar);font-size:var(--step-5);color:var(--heading);line-height:1.6}.surah-hero__title{font-size:var(--step-3)}.surah-hero__meaning{font-size:var(--step-1);color:var(--gold-strong);font-style:italic}.surah-desc{margin:0 auto var(--space-l)}.prose--center{margin-inline:auto}.prose--excerpt{display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}.riwaya-title-ar{font-family:var(--font-ar);font-size:var(--step-4);color:var(--gold-strong);line-height:1.5}.riwaya-groups{display:grid;gap:var(--space-l)}.riwaya-group h2{font-size:var(--step-1);color:var(--gold-strong);margin-block-end:var(--space-2xs)}.riwaya-group ul{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:.6rem}.riwaya-about{margin-block:var(--space-2xl) var(--space-l)}.riwaya-about .sh__title{margin-block-end:var(--space-s)}}@layer components{:root:lang(ar) .track__who b,:root:lang(ar) .track__title{font-family:var(--font-ar);font-weight:400;font-size:1.12em}}@layer components{.dock{position:fixed;inset-inline:0;inset-block-end:0;z-index:40;color:var(--dock-text);background:var(--dock-bg);padding-block-end:env(safe-area-inset-bottom);box-shadow:0 -8px 28px -14px rgb(0 0 0 / .5);container-type:inline-size}.dock::before{content:"";position:absolute;inset-inline:0;inset-block-start:0;block-size:2px;background:var(--dock-accent);opacity:.5}.dock__seek{position:absolute;inset-inline:0;inset-block-start:-.7rem}.dock__seek .seek{block-size:1.4rem}.dock__seek .seek::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--dock-accent) var(--p),rgb(255 255 255 / .18) var(--p))}.dock__seek .seek::-moz-range-progress{background:var(--dock-accent)}.dock__seek .seek::-moz-range-track{background:rgb(255 255 255 / .18)}.dock__seek .seek::-webkit-slider-thumb{background:var(--dock-accent);border-color:var(--dock-bg)}.dock__inner{display:flex;align-items:center;gap:.5rem;block-size:var(--dock-h);padding-inline:var(--gutter);max-inline-size:calc(var(--w-max) + 2 * var(--gutter));margin-inline:auto}.dock__now{display:flex;align-items:center;gap:.65rem;flex:1;min-inline-size:0;color:inherit;text-decoration:none}.dock__art{inline-size:2.6rem;block-size:3.1rem;flex:none;background:var(--dock-accent) center / cover no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 120' preserveAspectRatio='none'%3E%3Cpath d='M0 120V52C0 30 22 12 50 0c28 12 50 30 50 52v68z' fill='%23000'/%3E%3C/svg%3E") center / 100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 120' preserveAspectRatio='none'%3E%3Cpath d='M0 120V52C0 30 22 12 50 0c28 12 50 30 50 52v68z' fill='%23000'/%3E%3C/svg%3E") center / 100% 100% no-repeat}.dock__meta{display:flex;flex-direction:column;min-inline-size:0;line-height:1.25}.dock__title{font-family:var(--font-display);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dock__title:lang(ar),:root:lang(ar) .dock__title{font-family:var(--font-ar);font-weight:400}.dock__sub{color:var(--dock-text-2);font-size:var(--step--1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dock__controls{display:flex;align-items:center;gap:.1rem}.dock .ib{color:var(--dock-text)}.dock .ib:hover{background:rgb(255 255 255 / .1);color:var(--dock-accent)}.dock .ib[aria-pressed="true"],.dock [data-mode="all"],.dock [data-mode="one"]{color:var(--dock-accent)}.play--dock{inline-size:3rem;block-size:3rem;background:var(--dock-accent);color:var(--dock-bg);border:0}.play--dock:hover{background:#F0DBA6;color:var(--dock-bg)}.dock[data-state="playing"] .play--dock .i-play{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'%3E%3Crect x='6' y='4.5' width='4' height='15' rx='1.2'/%3E%3Crect x='14' y='4.5' width='4' height='15' rx='1.2'/%3E%3C/svg%3E")}.dock[data-state="loading"] .play--dock{animation:pulse 1.2s ease-in-out infinite}.dock [data-mode="one"] .i-repeat{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 3.5l3 3-3 3'/%3E%3Cpath d='M4 11.5v-1a4 4 0 0 1 4-4h12'/%3E%3Cpath d='M7 20.5l-3-3 3-3'/%3E%3Cpath d='M20 12.5v1a4 4 0 0 1-4 4H4'/%3E%3Cpath d='M11 10.5l1.5-1v5' stroke-width='1.5'/%3E%3C/svg%3E")}.dock__time{display:none;font-size:var(--step--1);color:var(--dock-text-2);font-variant-numeric:tabular-nums;gap:.3rem;white-space:nowrap}.dock__extra{display:none;align-items:center;gap:.1rem}.dock__jump,.dock [data-p="prev"]{display:none}.dock__select{position:relative;display:inline-flex;align-items:center;gap:.2rem;color:var(--dock-text-2);font-size:var(--step--1)}.dock__select select{background:transparent;color:var(--dock-text);border:1px solid rgb(255 255 255 / .25);border-radius:var(--r-1);min-block-size:2.2rem;padding-inline:.3rem}.dock__select option{color:#1A2622}.dock__msg{position:absolute;inset-block-end:calc(100% + .6rem);inset-inline-start:50%;translate:-50% 0;background:var(--rubric);color:#fff;padding:.3rem .8rem;border-radius:var(--r-1);font-size:var(--step--1);white-space:nowrap}.dock__msg:dir(rtl){translate:50% 0}@container (min-width:40rem){.dock__jump,.dock [data-p="prev"]{display:inline-grid}.dock__time{display:inline-flex}}@container (min-width:62rem){.dock__extra{display:inline-flex}.dock__now{flex:0 1 18rem}.dock__controls{margin-inline:auto}}.dock a:focus-visible,.dock button:focus-visible,.dock select:focus-visible,.dock input:focus-visible{outline-color:var(--dock-accent)}.palette{inline-size:min(40rem,calc(100vw - 1.5rem));max-block-size:min(38rem,80dvh);margin:8vh auto auto;padding:0;border:1px solid var(--line-strong);border-radius:var(--r-2);background:var(--surface);color:var(--text);box-shadow:var(--shadow-pop);overflow:hidden}.palette[open]{display:flex;flex-direction:column}.palette::backdrop{background:rgb(16 24 21 / .45);backdrop-filter:blur(2px)}.palette__form{display:flex;align-items:center;gap:.5rem;padding:.4rem .5rem .4rem .9rem;padding-inline:.9rem .5rem;border-block-end:1px solid var(--line)}.palette__form>.i{color:var(--gold-strong)}.palette__form input{flex:1;min-inline-size:0;border:0;background:none;font-size:var(--step-1);padding-block:.65rem}.palette__form input:focus{outline:none}.palette__list{overflow-y:auto;padding:.35rem;overscroll-behavior:contain}.palette__group{padding:.6rem .6rem .25rem;font-size:var(--step--2);letter-spacing:.08em;text-transform:uppercase;color:var(--gold-strong);font-weight:700}:root:lang(ar) .palette__group{letter-spacing:0;font-size:var(--step--1)}.palette__opt{display:flex;align-items:center;gap:.7rem;padding:.45rem .6rem;border-radius:var(--r-1);cursor:pointer;text-decoration:none;color:var(--text)}.palette__opt[aria-selected="true"],.palette__opt:hover{background:var(--tint)}.palette__opt[aria-selected="true"]{box-shadow:inset 0 0 0 1px var(--gold)}.palette__opt .arch{--w:34px}.palette__opt .medal{--size:2.1rem}.palette__txt{display:flex;flex-direction:column;min-inline-size:0;line-height:1.25}.palette__txt b{font-family:var(--font-display);font-weight:600;color:var(--heading)}.palette__txt small{color:var(--text-2)}.palette__txt mark{background:var(--mark);color:inherit;border-radius:2px}.palette__foot{padding:.5rem .9rem;border-block-start:1px solid var(--line);font-size:var(--step--2);color:var(--text-2);display:none}@media (hover:hover){.palette__foot{display:block}}.palette__empty{padding:1.2rem;color:var(--text-2);text-align:center}.toasts{position:fixed;inset-inline:0;inset-block-end:calc(var(--dock-h) + 1.2rem);z-index:50;display:grid;justify-items:center;gap:.4rem;pointer-events:none}.toast{padding:.55rem 1rem;border-radius:var(--r-1);background:var(--text);color:var(--bg);font-size:var(--step--1);box-shadow:var(--shadow-pop);animation:toast-in var(--dur-3) var(--ease)}@keyframes toast-in{from{opacity:0;translate:0 8px}}dialog.help{border:1px solid var(--line-strong);border-radius:var(--r-2);background:var(--surface);color:var(--text);padding:var(--space-m);max-inline-size:28rem}dialog.help::backdrop{background:rgb(16 24 21 / .45)}dialog.help ul{display:grid;gap:.4rem;margin-block:var(--space-s);padding-inline-start:1.2rem}}@layer pages{.site-foot{margin-block-start:var(--space-xl);background:var(--surface);border-block-start:1px solid var(--line)}.site-foot .frieze{margin-block:0}.site-foot__grid{display:grid;gap:var(--space-l);padding-block:var(--space-xl) var(--space-l);grid-template-columns:repeat(auto-fit,minmax(12rem,1fr))}.site-foot h2{font-size:var(--step-0);font-family:var(--font-text);font-weight:700;color:var(--gold-strong);margin-block-end:.6rem;letter-spacing:.06em;text-transform:uppercase}:root:lang(ar) .site-foot h2{letter-spacing:0;font-family:var(--font-text);font-size:var(--step-0)}.site-foot ul{display:grid;gap:.35rem}.site-foot a,.site-foot .link{color:var(--text);text-decoration:none;font-size:var(--step--1)}.site-foot a:hover,.site-foot .link:hover{color:var(--heading);text-decoration:underline}.site-foot__brand{grid-column:1 / -1;display:grid;gap:.5rem}@media (min-width:62rem){.site-foot__grid{grid-template-columns:1.4fr repeat(4,1fr)}.site-foot__brand{grid-column:auto}}.brand--foot{grid-area:auto;display:inline-flex;align-items:center;gap:.5rem;min-block-size:0}.site-foot__tagline{color:var(--text-2);font-size:var(--step--1);max-inline-size:22rem}.site-foot__verse{font-family:var(--font-ar);font-size:1.35rem;color:var(--gold-strong)}.site-foot__langs-title{margin-block-start:var(--space-s)}.site-foot__langs{display:flex !important;flex-wrap:wrap;gap:.4rem .9rem}.site-foot__legal{padding-block:var(--space-s) calc(var(--space-s) + env(safe-area-inset-bottom));border-block-start:1px solid var(--line);font-size:var(--step--1);color:var(--text-2)}.about{position:relative;max-inline-size:48rem;margin-inline:auto;text-align:center;padding-block-start:var(--space-l)}.about>* + *{margin-block-start:var(--space-xs)}.about__ornament{margin-inline:auto;inline-size:3.2rem;aspect-ratio:1;background:var(--gold);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='none' stroke='%23000' stroke-width='1.6' stroke-linejoin='round'%3E%3Crect x='22' y='22' width='56' height='56'/%3E%3Crect x='22' y='22' width='56' height='56' transform='rotate(45 50 50)'/%3E%3Crect x='31' y='31' width='38' height='38' stroke-width='.9'/%3E%3Crect x='31' y='31' width='38' height='38' transform='rotate(45 50 50)' stroke-width='.9'/%3E%3Ccircle cx='50' cy='50' r='12'/%3E%3Ccircle cx='50' cy='50' r='5' fill='%23000' stroke='none'/%3E%3Ccircle cx='50' cy='50' r='46' stroke-width='.8' stroke-dasharray='1 5' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='none' stroke='%23000' stroke-width='1.6' stroke-linejoin='round'%3E%3Crect x='22' y='22' width='56' height='56'/%3E%3Crect x='22' y='22' width='56' height='56' transform='rotate(45 50 50)'/%3E%3Crect x='31' y='31' width='38' height='38' stroke-width='.9'/%3E%3Crect x='31' y='31' width='38' height='38' transform='rotate(45 50 50)' stroke-width='.9'/%3E%3Ccircle cx='50' cy='50' r='12'/%3E%3Ccircle cx='50' cy='50' r='5' fill='%23000' stroke='none'/%3E%3Ccircle cx='50' cy='50' r='46' stroke-width='.8' stroke-dasharray='1 5' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat}.about p{color:var(--text-2)}.article .page-head{margin-block-end:var(--space-l)}.article>* + *{margin-block-start:var(--space-l)}.date-card{display:grid;justify-items:center;gap:.2rem;padding:var(--space-l) var(--space-m);text-align:center;border:1px solid var(--line);border-radius:var(--r-2);background:var(--surface);outline:3px double var(--gold);outline-offset:-9px}.date-card__label{color:var(--gold-strong);font-weight:650}.date-card__date{font-family:var(--font-display);font-size:var(--step-3);color:var(--heading);font-weight:600}.date-card__hijri{font-size:var(--step-1);color:var(--text)}.date-card__note{max-inline-size:30rem;font-size:var(--step--1);color:var(--text-2);margin-block-start:.5rem}.date-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:.6rem}.date-mini{display:grid;gap:.1rem;padding:.8rem 1rem;border:1px solid var(--line);border-block-start:3px solid var(--gold);border-radius:var(--r-2);background:var(--surface);text-decoration:none;color:var(--text)}.date-mini b{font-family:var(--font-display);color:var(--heading);font-size:var(--step-1)}.date-mini small{color:var(--text-2)}.date-mini:hover{background:var(--tint)}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r-2)}.dates{inline-size:100%;font-variant-numeric:tabular-nums}.dates th,.dates td{padding:.6rem .9rem;text-align:start;border-block-end:1px solid var(--line)}.dates thead th{background:var(--tint);font-size:var(--step--1);color:var(--text-2);font-weight:650}.dates tbody th{font-family:var(--font-display);color:var(--heading)}.dates tr.is-current{background:color-mix(in srgb,var(--gold) 14%,transparent)}.dates tr.is-current th::after{content:" ★";color:var(--rubric)}.dua{position:relative;padding:var(--space-l) var(--space-m);text-align:center;border-radius:var(--r-2);background:var(--surface);border:1px solid var(--line);outline:3px double var(--gold);outline-offset:-9px}.dua p{font-family:var(--font-ar);font-size:var(--step-2);line-height:2.1;color:var(--heading)}.dua footer{margin-block-start:var(--space-s);color:var(--gold-strong)}.article-cta{padding:var(--space-m);border:1px solid var(--line);border-radius:var(--r-2);background:var(--surface)}.article-cta>* + *{margin-block-start:var(--space-2xs)}.article-cta h2{font-size:var(--step-1)}.article-links h2{font-size:var(--step-1);margin-block-end:var(--space-2xs)}.prose--books h2{font-size:var(--step-1);padding-block-start:var(--space-s);border-block-start:1px solid var(--line)}.search-page{display:flex;align-items:center;gap:.5rem;padding:.3rem;padding-inline:.8rem .3rem;margin-block:var(--space-s) var(--space-m);border:1px solid var(--line-strong);border-radius:var(--r-2);background:var(--surface)}.search-page input{flex:1;min-inline-size:0;border:0;background:none;font-size:var(--step-1);padding-block:.5rem}.search-page input:focus{outline:none}.search-page:focus-within{border-color:var(--heading)}.search-page .i{color:var(--gold-strong)}.search-page__count{color:var(--text-2);margin-block-end:var(--space-s)}.error-head{text-align:center;padding-block:var(--space-xl) var(--space-l);display:grid;justify-items:center;gap:var(--space-xs)}.error-head__code{font-family:var(--font-display);font-size:var(--step-5);color:var(--rubric);line-height:1}:root:lang(ar) .error-head__code{font-family:var(--font-ar)}.error-head form{inline-size:100%}.error-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:var(--space-l)}.error-links h2{font-size:var(--step-1);margin-block-end:.5rem}.contact-mail{display:flex;align-items:center;gap:.6rem;font-size:var(--step-2);font-family:var(--font-display);margin-block:var(--space-m)}.library>section + section{margin-block-start:var(--space-xl)}.lib-list{display:grid;gap:.5rem}.lib-item{display:flex;align-items:center;gap:.8rem;padding:.5rem .7rem;border:1px solid var(--line);border-radius:var(--r-2);background:var(--surface)}.lib-item a{flex:1;min-inline-size:0;display:flex;align-items:center;gap:.8rem;text-decoration:none;color:var(--text)}.lib-item b{font-family:var(--font-display);color:var(--heading)}.lib-item small{color:var(--text-2);display:block}.lib-item .arch{--w:40px}}@layer utilities{.u-sr{position:absolute !important;inline-size:1px !important;block-size:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip-path:inset(50%) !important;white-space:nowrap !important;border:0 !important}html:not(.js) .u-js-only{display:none !important}html.js .u-hide-js{display:none !important}@media (forced-colors:active){.frieze,.rosette,.brand__mark,.medal::before,.about__ornament,.stage::before,.stage::after,.hero__inner::before,.surah-hero__frame::before{display:none}.i{background:CanvasText}}}