@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-cyrillic-ext-wght-normal.20g3-bbbhdq0_.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-cyrillic-wght-normal.2cxlyxah-fd35.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-greek-ext-wght-normal.0mkxydxl0e43d.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-greek-wght-normal.1rx9vjatjkdar.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-vietnamese-wght-normal.2kcj5i_8uff48.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-latin-ext-wght-normal.3gdi_th3seg1n.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-latin-wght-normal.0gsaq8ukbf34m.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Noto Naskh Arabic;font-style:normal;font-display:swap;font-weight:400;src:url(../media/noto-naskh-arabic-arabic-400-normal.1nn86x5ei-5l1.woff2)format("woff2"),url(../media/noto-naskh-arabic-arabic-400-normal.2eunhose0tj9v.woff)format("woff");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Noto Naskh Arabic;font-style:normal;font-display:swap;font-weight:400;src:url(../media/noto-naskh-arabic-math-400-normal.27ym0gdb_xk-k.woff2)format("woff2"),url(../media/noto-naskh-arabic-math-400-normal.2_rj7q2il3txe.woff)format("woff");unicode-range:U+302-303,U+305,U+307-308,U+310,U+312,U+315,U+31A,U+326-327,U+32C,U+32F-330,U+332-333,U+338,U+33A,U+346,U+34D,U+391-3A1,U+3A3-3A9,U+3B1-3C9,U+3D1,U+3D5-3D6,U+3F0-3F1,U+3F4-3F5,U+2016-2017,U+2034-2038,U+203C,U+2040,U+2043,U+2047,U+2050,U+2057,U+205F,U+2070-2071,U+2074-208E,U+2090-209C,U+20D0-20DC,U+20E1,U+20E5-20EF,U+2100-2112,U+2114-2115,U+2117-2121,U+2123-214F,U+2190,U+2192,U+2194-21AE,U+21B0-21E5,U+21F1-21F2,U+21F4-2211,U+2213-2214,U+2216-22FF,U+2308-230B,U+2310,U+2319,U+231C-2321,U+2336-237A,U+237C,U+2395,U+239B-23B7,U+23D0,U+23DC-23E1,U+2474-2475,U+25AF,U+25B3,U+25B7,U+25BD,U+25C1,U+25CA,U+25CC,U+25FB,U+266D-266F,U+27C0-27FF,U+2900-2AFF,U+2B0E-2B11,U+2B30-2B4C,U+2BFE,U+3030,U+FF5B,U+FF5D,U+1D400-1D7FF,U+1EE??}@font-face{font-family:Noto Naskh Arabic;font-style:normal;font-display:swap;font-weight:400;src:url(../media/noto-naskh-arabic-symbols-400-normal.0fp5tdcm5io69.woff2)format("woff2"),url(../media/noto-naskh-arabic-symbols-400-normal.0b1hq64ewu2f0.woff)format("woff");unicode-range:U+1-C,U+E-1F,U+7F-9F,U+20DD-20E0,U+20E2-20E4,U+2150-218F,U+2190,U+2192,U+2194-2199,U+21AF,U+21E6-21F0,U+21F3,U+2218-2219,U+2299,U+22C4-22C6,U+2300-243F,U+2440-244A,U+2460-24FF,U+25A0-27BF,U+28??,U+2921-2922,U+2981,U+29BF,U+29EB,U+2B??,U+4DC0-4DFF,U+FFF9-FFFB,U+10140-1018E,U+10190-1019C,U+101A0,U+101D0-101FD,U+102E0-102FB,U+10E60-10E7E,U+1D2C0-1D2D3,U+1D2E0-1D37F,U+1F0??,U+1F100-1F1AD,U+1F1E6-1F1FF,U+1F30D-1F30F,U+1F315,U+1F31C,U+1F31E,U+1F320-1F32C,U+1F336,U+1F378,U+1F37D,U+1F382,U+1F393-1F39F,U+1F3A7-1F3A8,U+1F3AC-1F3AF,U+1F3C2,U+1F3C4-1F3C6,U+1F3CA-1F3CE,U+1F3D4-1F3E0,U+1F3ED,U+1F3F1-1F3F3,U+1F3F5-1F3F7,U+1F408,U+1F415,U+1F41F,U+1F426,U+1F43F,U+1F441-1F442,U+1F444,U+1F446-1F449,U+1F44C-1F44E,U+1F453,U+1F46A,U+1F47D,U+1F4A3,U+1F4B0,U+1F4B3,U+1F4B9,U+1F4BB,U+1F4BF,U+1F4C8-1F4CB,U+1F4D6,U+1F4DA,U+1F4DF,U+1F4E3-1F4E6,U+1F4EA-1F4ED,U+1F4F7,U+1F4F9-1F4FB,U+1F4FD-1F4FE,U+1F503,U+1F507-1F50B,U+1F50D,U+1F512-1F513,U+1F53E-1F54A,U+1F54F-1F5FA,U+1F610,U+1F650-1F67F,U+1F687,U+1F68D,U+1F691,U+1F694,U+1F698,U+1F6AD,U+1F6B2,U+1F6B9-1F6BA,U+1F6BC,U+1F6C6-1F6CF,U+1F6D3-1F6D7,U+1F6E0-1F6EA,U+1F6F0-1F6F3,U+1F6F7-1F6FC,U+1F7??,U+1F800-1F80B,U+1F810-1F847,U+1F850-1F859,U+1F860-1F887,U+1F890-1F8AD,U+1F8B0-1F8BB,U+1F8C0-1F8C1,U+1F900-1F90B,U+1F93B,U+1F946,U+1F984,U+1F996,U+1F9E9,U+1FA00-1FA6F,U+1FA70-1FA7C,U+1FA80-1FA89,U+1FA8F-1FAC6,U+1FACE-1FADC,U+1FADF-1FAE9,U+1FAF0-1FAF8,U+1FB??}@font-face{font-family:Noto Naskh Arabic;font-style:normal;font-display:swap;font-weight:400;src:url(../media/noto-naskh-arabic-latin-ext-400-normal.2qnps6ovn951y.woff2)format("woff2"),url(../media/noto-naskh-arabic-latin-ext-400-normal.1hpmu57upaf1o.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Naskh Arabic;font-style:normal;font-display:swap;font-weight:400;src:url(../media/noto-naskh-arabic-latin-400-normal.158qozyjxky2t.woff2)format("woff2"),url(../media/noto-naskh-arabic-latin-400-normal.3rg9mi8h35vba.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Noto Naskh Arabic;font-style:normal;font-display:swap;font-weight:500;src:url(../media/noto-naskh-arabic-arabic-500-normal.0kfv3lu81e774.woff2)format("woff2"),url(../media/noto-naskh-arabic-arabic-500-normal.3lvrevo6rwhu8.woff)format("woff");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Noto Naskh Arabic;font-style:normal;font-display:swap;font-weight:500;src:url(../media/noto-naskh-arabic-math-500-normal.2zhdazjdkligg.woff2)format("woff2"),url(../media/noto-naskh-arabic-math-500-normal.41asgc4ej11-i.woff)format("woff");unicode-range:U+302-303,U+305,U+307-308,U+310,U+312,U+315,U+31A,U+326-327,U+32C,U+32F-330,U+332-333,U+338,U+33A,U+346,U+34D,U+391-3A1,U+3A3-3A9,U+3B1-3C9,U+3D1,U+3D5-3D6,U+3F0-3F1,U+3F4-3F5,U+2016-2017,U+2034-2038,U+203C,U+2040,U+2043,U+2047,U+2050,U+2057,U+205F,U+2070-2071,U+2074-208E,U+2090-209C,U+20D0-20DC,U+20E1,U+20E5-20EF,U+2100-2112,U+2114-2115,U+2117-2121,U+2123-214F,U+2190,U+2192,U+2194-21AE,U+21B0-21E5,U+21F1-21F2,U+21F4-2211,U+2213-2214,U+2216-22FF,U+2308-230B,U+2310,U+2319,U+231C-2321,U+2336-237A,U+237C,U+2395,U+239B-23B7,U+23D0,U+23DC-23E1,U+2474-2475,U+25AF,U+25B3,U+25B7,U+25BD,U+25C1,U+25CA,U+25CC,U+25FB,U+266D-266F,U+27C0-27FF,U+2900-2AFF,U+2B0E-2B11,U+2B30-2B4C,U+2BFE,U+3030,U+FF5B,U+FF5D,U+1D400-1D7FF,U+1EE??}@font-face{font-family:Noto Naskh Arabic;font-style:normal;font-display:swap;font-weight:500;src:url(../media/noto-naskh-arabic-symbols-500-normal.1u6s6j8rqhcn2.woff2)format("woff2"),url(../media/noto-naskh-arabic-symbols-500-normal.11g9swz06ed4x.woff)format("woff");unicode-range:U+1-C,U+E-1F,U+7F-9F,U+20DD-20E0,U+20E2-20E4,U+2150-218F,U+2190,U+2192,U+2194-2199,U+21AF,U+21E6-21F0,U+21F3,U+2218-2219,U+2299,U+22C4-22C6,U+2300-243F,U+2440-244A,U+2460-24FF,U+25A0-27BF,U+28??,U+2921-2922,U+2981,U+29BF,U+29EB,U+2B??,U+4DC0-4DFF,U+FFF9-FFFB,U+10140-1018E,U+10190-1019C,U+101A0,U+101D0-101FD,U+102E0-102FB,U+10E60-10E7E,U+1D2C0-1D2D3,U+1D2E0-1D37F,U+1F0??,U+1F100-1F1AD,U+1F1E6-1F1FF,U+1F30D-1F30F,U+1F315,U+1F31C,U+1F31E,U+1F320-1F32C,U+1F336,U+1F378,U+1F37D,U+1F382,U+1F393-1F39F,U+1F3A7-1F3A8,U+1F3AC-1F3AF,U+1F3C2,U+1F3C4-1F3C6,U+1F3CA-1F3CE,U+1F3D4-1F3E0,U+1F3ED,U+1F3F1-1F3F3,U+1F3F5-1F3F7,U+1F408,U+1F415,U+1F41F,U+1F426,U+1F43F,U+1F441-1F442,U+1F444,U+1F446-1F449,U+1F44C-1F44E,U+1F453,U+1F46A,U+1F47D,U+1F4A3,U+1F4B0,U+1F4B3,U+1F4B9,U+1F4BB,U+1F4BF,U+1F4C8-1F4CB,U+1F4D6,U+1F4DA,U+1F4DF,U+1F4E3-1F4E6,U+1F4EA-1F4ED,U+1F4F7,U+1F4F9-1F4FB,U+1F4FD-1F4FE,U+1F503,U+1F507-1F50B,U+1F50D,U+1F512-1F513,U+1F53E-1F54A,U+1F54F-1F5FA,U+1F610,U+1F650-1F67F,U+1F687,U+1F68D,U+1F691,U+1F694,U+1F698,U+1F6AD,U+1F6B2,U+1F6B9-1F6BA,U+1F6BC,U+1F6C6-1F6CF,U+1F6D3-1F6D7,U+1F6E0-1F6EA,U+1F6F0-1F6F3,U+1F6F7-1F6FC,U+1F7??,U+1F800-1F80B,U+1F810-1F847,U+1F850-1F859,U+1F860-1F887,U+1F890-1F8AD,U+1F8B0-1F8BB,U+1F8C0-1F8C1,U+1F900-1F90B,U+1F93B,U+1F946,U+1F984,U+1F996,U+1F9E9,U+1FA00-1FA6F,U+1FA70-1FA7C,U+1FA80-1FA89,U+1FA8F-1FAC6,U+1FACE-1FADC,U+1FADF-1FAE9,U+1FAF0-1FAF8,U+1FB??}@font-face{font-family:Noto Naskh Arabic;font-style:normal;font-display:swap;font-weight:500;src:url(../media/noto-naskh-arabic-latin-ext-500-normal.0j8e5jvtm__dl.woff2)format("woff2"),url(../media/noto-naskh-arabic-latin-ext-500-normal.1wpjeqcogewik.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Naskh Arabic;font-style:normal;font-display:swap;font-weight:500;src:url(../media/noto-naskh-arabic-latin-500-normal.182ceidqb6749.woff2)format("woff2"),url(../media/noto-naskh-arabic-latin-500-normal.3m_lt_hlxnyjl.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Noto Naskh Arabic;font-style:normal;font-display:swap;font-weight:600;src:url(../media/noto-naskh-arabic-arabic-600-normal.3ac4gaavqg_-k.woff2)format("woff2"),url(../media/noto-naskh-arabic-arabic-600-normal.1lgfm0_po069-.woff)format("woff");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Noto Naskh Arabic;font-style:normal;font-display:swap;font-weight:600;src:url(../media/noto-naskh-arabic-math-600-normal.31edei2ndlqi9.woff2)format("woff2"),url(../media/noto-naskh-arabic-math-600-normal.0c-tiwpom7gh2.woff)format("woff");unicode-range:U+302-303,U+305,U+307-308,U+310,U+312,U+315,U+31A,U+326-327,U+32C,U+32F-330,U+332-333,U+338,U+33A,U+346,U+34D,U+391-3A1,U+3A3-3A9,U+3B1-3C9,U+3D1,U+3D5-3D6,U+3F0-3F1,U+3F4-3F5,U+2016-2017,U+2034-2038,U+203C,U+2040,U+2043,U+2047,U+2050,U+2057,U+205F,U+2070-2071,U+2074-208E,U+2090-209C,U+20D0-20DC,U+20E1,U+20E5-20EF,U+2100-2112,U+2114-2115,U+2117-2121,U+2123-214F,U+2190,U+2192,U+2194-21AE,U+21B0-21E5,U+21F1-21F2,U+21F4-2211,U+2213-2214,U+2216-22FF,U+2308-230B,U+2310,U+2319,U+231C-2321,U+2336-237A,U+237C,U+2395,U+239B-23B7,U+23D0,U+23DC-23E1,U+2474-2475,U+25AF,U+25B3,U+25B7,U+25BD,U+25C1,U+25CA,U+25CC,U+25FB,U+266D-266F,U+27C0-27FF,U+2900-2AFF,U+2B0E-2B11,U+2B30-2B4C,U+2BFE,U+3030,U+FF5B,U+FF5D,U+1D400-1D7FF,U+1EE??}@font-face{font-family:Noto Naskh Arabic;font-style:normal;font-display:swap;font-weight:600;src:url(../media/noto-naskh-arabic-symbols-600-normal.1-zvlc5bd_chc.woff2)format("woff2"),url(../media/noto-naskh-arabic-symbols-600-normal.0mc3uo-alryn2.woff)format("woff");unicode-range:U+1-C,U+E-1F,U+7F-9F,U+20DD-20E0,U+20E2-20E4,U+2150-218F,U+2190,U+2192,U+2194-2199,U+21AF,U+21E6-21F0,U+21F3,U+2218-2219,U+2299,U+22C4-22C6,U+2300-243F,U+2440-244A,U+2460-24FF,U+25A0-27BF,U+28??,U+2921-2922,U+2981,U+29BF,U+29EB,U+2B??,U+4DC0-4DFF,U+FFF9-FFFB,U+10140-1018E,U+10190-1019C,U+101A0,U+101D0-101FD,U+102E0-102FB,U+10E60-10E7E,U+1D2C0-1D2D3,U+1D2E0-1D37F,U+1F0??,U+1F100-1F1AD,U+1F1E6-1F1FF,U+1F30D-1F30F,U+1F315,U+1F31C,U+1F31E,U+1F320-1F32C,U+1F336,U+1F378,U+1F37D,U+1F382,U+1F393-1F39F,U+1F3A7-1F3A8,U+1F3AC-1F3AF,U+1F3C2,U+1F3C4-1F3C6,U+1F3CA-1F3CE,U+1F3D4-1F3E0,U+1F3ED,U+1F3F1-1F3F3,U+1F3F5-1F3F7,U+1F408,U+1F415,U+1F41F,U+1F426,U+1F43F,U+1F441-1F442,U+1F444,U+1F446-1F449,U+1F44C-1F44E,U+1F453,U+1F46A,U+1F47D,U+1F4A3,U+1F4B0,U+1F4B3,U+1F4B9,U+1F4BB,U+1F4BF,U+1F4C8-1F4CB,U+1F4D6,U+1F4DA,U+1F4DF,U+1F4E3-1F4E6,U+1F4EA-1F4ED,U+1F4F7,U+1F4F9-1F4FB,U+1F4FD-1F4FE,U+1F503,U+1F507-1F50B,U+1F50D,U+1F512-1F513,U+1F53E-1F54A,U+1F54F-1F5FA,U+1F610,U+1F650-1F67F,U+1F687,U+1F68D,U+1F691,U+1F694,U+1F698,U+1F6AD,U+1F6B2,U+1F6B9-1F6BA,U+1F6BC,U+1F6C6-1F6CF,U+1F6D3-1F6D7,U+1F6E0-1F6EA,U+1F6F0-1F6F3,U+1F6F7-1F6FC,U+1F7??,U+1F800-1F80B,U+1F810-1F847,U+1F850-1F859,U+1F860-1F887,U+1F890-1F8AD,U+1F8B0-1F8BB,U+1F8C0-1F8C1,U+1F900-1F90B,U+1F93B,U+1F946,U+1F984,U+1F996,U+1F9E9,U+1FA00-1FA6F,U+1FA70-1FA7C,U+1FA80-1FA89,U+1FA8F-1FAC6,U+1FACE-1FADC,U+1FADF-1FAE9,U+1FAF0-1FAF8,U+1FB??}@font-face{font-family:Noto Naskh Arabic;font-style:normal;font-display:swap;font-weight:600;src:url(../media/noto-naskh-arabic-latin-ext-600-normal.2yru0tg5o9usk.woff2)format("woff2"),url(../media/noto-naskh-arabic-latin-ext-600-normal.1r9zr5eifu85z.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Naskh Arabic;font-style:normal;font-display:swap;font-weight:600;src:url(../media/noto-naskh-arabic-latin-600-normal.3611fw969hvr-.woff2)format("woff2"),url(../media/noto-naskh-arabic-latin-600-normal.30htw8eu6pjvz.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.fixed{position:fixed}.static{position:static}.block{display:block}.contents{display:contents}.hidden{display:none}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--cloud-blue:#edf3f6;--paper-white:#fcfdfd;--mist-blue:#f7fafb;--ink-blue:#243746;--muted-slate:#667680;--interface-blue:#55758c;--dusty-coral:#c98779;--coral-text:#995d52;--coral-strong:#a86458;--soft-ochre:#c5a369;--muted-lavender:#9489a8;--line-blue:#d6e0e5;--bg:var(--cloud-blue);--surface:var(--paper-white);--surface-muted:var(--mist-blue);--forest:var(--ink-blue);--forest-deep:#2f4858;--emerald:var(--interface-blue);--coral:var(--dusty-coral);--lavender:var(--muted-lavender);--gold:var(--soft-ochre);--gold-text:#7c6743;--text:var(--ink-blue);--text-secondary:var(--muted-slate);--border:var(--line-blue);--border-strong:#b9c9d2;--focus:var(--interface-blue);--green-tint:#e7eef2;--gold-tint:#f4efe3;--blue-tint:#e5eef3;--clay-tint:#f5e8e4;--lavender-tint:#eeeaf2;--meeting-accent:var(--interface-blue);--waqaf-accent:var(--muted-lavender);--tajwid-saturation:58%;--tajwid-lightness:52%;--tajwid-band-opacity:28%;--tajwid-band-selected-opacity:42%;--tajwid-panel-opacity:18%;--tajwid-ikhfa:#4f8cac;--tajwid-izhar:#68a5be;--tajwid-idgham-ghunnah:#a28abd;--tajwid-idgham-clear:#8977aa;--tajwid-iqlab:#d67f70;--tajwid-ikhfa-syafawi:#6097b4;--tajwid-idgham-mimi:#bf819b;--tajwid-izhar-syafawi:#7998aa;--tajwid-ghunnah:#c67f94;--tajwid-qalqalah:#c4934e;--tajwid-lam:#9782b2;--tajwid-mad-tabii:#c79d4e;--tajwid-mad-arid:#b38b4f;--tajwid-mad-lazim:#c87766;--tajwid-waqaf:#5f94b2;--tajwid-hamzatul:#818bb9;--tajwid-tafkhim:#b36f67;--tajwid-default:#668b9e;--shadow:0 16px 46px #364e5e14;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#1d2830;--surface:#25333c;--surface-muted:#2d3d47;--forest:#e8f0f4;--forest-deep:#304b5c;--emerald:#9ab6c7;--coral:#dda497;--coral-text:#efb8ad;--coral-strong:#bd796c;--lavender:#b7acc8;--gold:#d4b77d;--gold-text:#e2c995;--text:#edf3f6;--text-secondary:#b4c1c9;--border:#40525d;--border-strong:#566c78;--focus:#9ab6c7;--green-tint:#314550;--gold-tint:#473f31;--blue-tint:#304651;--clay-tint:#4e3a38;--lavender-tint:#403b4b;--meeting-accent:#9ab6c7;--waqaf-accent:#b7acc8;--tajwid-saturation:68%;--tajwid-lightness:72%;--tajwid-band-opacity:36%;--tajwid-band-selected-opacity:52%;--tajwid-panel-opacity:28%;--tajwid-ikhfa:#83cdf0;--tajwid-izhar:#8bd7ed;--tajwid-idgham-ghunnah:#d0b0ed;--tajwid-idgham-clear:#bca4e4;--tajwid-iqlab:#f0a595;--tajwid-ikhfa-syafawi:#8bc8e7;--tajwid-idgham-mimi:#e1a5bd;--tajwid-izhar-syafawi:#a9c9da;--tajwid-ghunnah:#eba8ba;--tajwid-qalqalah:#e5bc71;--tajwid-lam:#c9b1e4;--tajwid-mad-tabii:#e2bd72;--tajwid-mad-arid:#d5b173;--tajwid-mad-lazim:#eda493;--tajwid-waqaf:#8eccec;--tajwid-hamzatul:#b4bdea;--tajwid-tafkhim:#e7a098;--tajwid-default:#9fc7da;--shadow:0 16px 46px #0003;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter Variable,Inter,system-ui,sans-serif;font-size:15px;line-height:1.6}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit;text-decoration:none}a,button,input,select{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}::selection{background:var(--gold-tint);color:var(--text)}[lang=ar]{font-feature-settings:normal;font-family:Noto Naskh Arabic,Amiri,serif;font-weight:500;letter-spacing:0!important}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--forest-deep);color:#fff;border-radius:8px;padding:12px 16px;position:fixed;top:-100px;left:12px}.skip-link:focus{top:12px}.page-container{width:min(100% - 64px,1264px);margin-inline:auto}.eyebrow,.section-kicker{color:var(--emerald);letter-spacing:.13em;text-transform:uppercase;font-size:11px;font-weight:700;line-height:1.4;display:inline-block}.section-kicker{color:var(--emerald);letter-spacing:.12em;font-size:10px}.button{border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:18px;min-height:48px;padding:12px 18px;font-size:13px;font-weight:650;transition:background .16s,color .16s,transform .16s,border-color .16s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--forest-deep);color:#fff}.button-primary:hover{background:var(--forest-deep)}@supports (color:color-mix(in lab, red, red)){.button-primary:hover{background:color-mix(in srgb, var(--forest-deep) 84%, var(--emerald))}}.button-secondary{color:var(--forest);border-color:var(--border);background:var(--surface)}.button-secondary:hover{border-color:var(--emerald)}.button-light{background:var(--paper-white);color:var(--ink-blue)}.button-light:hover{background:var(--mist-blue)}.text-link,.inline-link{color:var(--emerald);border-bottom:1px solid;align-items:center;gap:8px;padding-bottom:4px;font-weight:650;transition:gap .15s;display:inline-flex}.text-link:hover,.inline-link:hover{gap:13px}.site-header{z-index:40;background:var(--bg);position:sticky;top:0}@supports (color:color-mix(in lab, red, red)){.site-header{background:color-mix(in srgb, var(--bg) 93%, transparent)}}.site-header{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.header-inner{align-items:center;gap:34px;width:min(100% - 64px,1336px);height:76px;margin-inline:auto;display:flex}.brand{white-space:nowrap;color:var(--forest);letter-spacing:-.055em;align-items:center;gap:10px;font-size:21px;font-weight:750;line-height:1;display:inline-flex}.brand-mark{background:var(--brand-mark-bg,var(--forest-deep));color:#f8eded;border-radius:6px;place-items:center;width:32px;height:32px;font-family:Noto Naskh Arabic,serif;font-size:22px;font-weight:600;line-height:1;display:grid}.brand-accent{color:var(--dusty-coral)}.desktop-nav{justify-content:center;align-items:center;gap:3px;margin-left:auto;display:flex}.desktop-nav a{color:var(--text-secondary);white-space:nowrap;border-radius:7px;padding:9px 11px;font-size:12.5px;font-weight:580;transition:color .16s,background .16s;position:relative}.desktop-nav a:hover{color:var(--forest);background:var(--surface-muted)}.desktop-nav a.nav-active{color:var(--forest)}.desktop-nav a.nav-active:after{content:"";background:var(--dusty-coral);border-radius:4px;height:2px;position:absolute;bottom:2px;left:11px;right:11px}.desktop-nav a.nav-feature{background:var(--forest-deep);color:#f5f8f5;margin-left:5px}.desktop-nav a.nav-feature:hover{background:var(--emerald);color:#fff}.desktop-nav a.nav-feature.nav-active:after{background:var(--gold)}.header-actions{align-items:center;gap:6px;display:flex}.icon-button{width:39px;height:39px;color:var(--text);background:0 0;border:1px solid #0000;border-radius:8px;flex:none;place-items:center;transition:background .15s,color .15s;display:inline-grid}.icon-button:hover{background:var(--surface-muted);color:var(--forest)}.theme-icon-sun{display:none}[data-theme=dark] .theme-icon-sun{display:block}[data-theme=dark] .theme-icon-moon,.mobile-menu-button,.mobile-nav{display:none}.hero{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:clamp(32px,6vw,94px);min-height:650px;padding-block:72px 90px;display:grid}.hero-copy{padding-bottom:8px}.hero-eyebrow{align-items:center;gap:12px;display:flex}.eyebrow-line{background:var(--gold);width:20px;height:1px}.hero h1{max-width:630px;color:var(--forest);letter-spacing:-.066em;margin:28px 0 24px;font-size:clamp(44px,5vw,74px);font-weight:600;line-height:1.08}.hero h1 em{color:var(--emerald);letter-spacing:-.06em;font-family:Georgia,serif;font-weight:400}.hero-subtitle{max-width:520px;color:var(--text-secondary);margin:0;font-size:clamp(16px,1.35vw,18px);line-height:1.75}.hero-actions{flex-wrap:wrap;gap:10px;margin-top:34px;display:flex}.hero-question{color:var(--forest);align-items:center;gap:10px;margin-top:29px;font-size:13px;font-weight:640;display:inline-flex}.hero-question svg:last-child{margin-left:8px;transition:transform .16s}.hero-question:hover svg:last-child{transform:translate(4px)}.hero-preview{background:var(--forest-deep);color:#f6f7ed;border-radius:13px;overflow:hidden;box-shadow:0 30px 70px #263b4a29}.preview-top,.preview-foot{letter-spacing:.12em;justify-content:space-between;align-items:center;padding:20px 26px;font-size:10px;font-weight:700;display:flex}.preview-top b{color:#b7c8d2;margin-inline:5px}.preview-tag{color:#d7e3e9;letter-spacing:.02em;text-transform:none;border:1px solid #617f91;border-radius:5px;padding:5px 9px}.preview-arabic{text-align:center;white-space:nowrap;padding:54px 32px 48px;font-family:Noto Naskh Arabic,serif;font-size:clamp(34px,3.5vw,54px);line-height:2.2}.preview-highlight{color:#eddb9b;background:#c2ab6b26;border-radius:5px;padding:1px 7px 5px;box-shadow:inset 0 -2px #cfb777}.preview-divider{background:#526b7a;height:1px;margin-inline:26px}.preview-insight{grid-template-columns:3px 1fr;gap:20px;padding:30px 34px 32px;display:grid}.preview-insight-bar{background:#d3b46f;border-radius:4px;align-self:stretch}.preview-insight span{letter-spacing:.13em;color:#d5bd86;font-size:10px;font-weight:700}.preview-insight h3{letter-spacing:-.04em;margin:5px 0 9px;font-size:26px;font-weight:600;line-height:1.2}.preview-insight p{color:#c7d5dc;max-width:340px;margin:0;font-size:13px;line-height:1.7}.preview-insight a{color:#f1d99e;align-items:center;gap:8px;margin-top:21px;font-size:12px;font-weight:650;display:inline-flex}.preview-insight a:hover{text-decoration:underline}.preview-foot{color:#bfd0d8;border-top:1px solid #526b7a;padding-block:13px}.preview-foot span:last-child{align-items:center;gap:6px;display:inline-flex}.promise-band{border-block:1px solid var(--border);background:#e5eef3}[data-theme=dark] .promise-band{border-color:var(--border);background:#293b45}.promise-inner{grid-template-columns:205px 1fr auto;align-items:center;gap:38px;padding-block:27px;display:grid}.promise-inner>span{color:var(--emerald);letter-spacing:.12em;font-size:11px;font-weight:700}.promise-inner p{color:var(--forest);letter-spacing:-.025em;margin:0;font-size:19px;font-weight:580;line-height:1.35}.promise-inner svg{color:var(--emerald)}.section-pad{padding-block:112px}.process-section{grid-template-columns:.86fr 1.14fr;gap:9%;display:grid}.section-intro h2,.feature-copy h2,.section-heading-row h2,.closing-inner h2{max-width:590px;color:var(--forest);letter-spacing:-.053em;margin:15px 0 16px;font-size:clamp(31px,3.1vw,46px);font-weight:600;line-height:1.17}.section-intro p,.feature-copy p,.section-heading-row>p{max-width:480px;color:var(--text-secondary);font-size:15px;line-height:1.8}.process-list>div{border-top:1px solid var(--border);grid-template-columns:46px 1fr;column-gap:20px;padding:23px 0 25px;display:grid}.process-list>div:last-child{border-bottom:1px solid var(--border)}.process-list span{color:var(--gold-text);grid-row:span 2;padding-top:4px;font-size:12px;font-weight:700}.process-list h3{color:var(--forest);letter-spacing:-.025em;margin:0 0 7px;font-size:19px;font-weight:650}.process-list p{max-width:510px;color:var(--text-secondary);margin:0;font-size:13.5px;line-height:1.7}.feature-section{background:var(--surface);border-block:1px solid var(--border)}.feature-grid{grid-template-columns:1.08fr .92fr;align-items:center;gap:9%;padding-block:90px;display:grid}.feature-visual>.eyebrow{margin-bottom:16px}.waqaf-visual{background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:28px}.waqaf-word{min-height:144px;color:var(--forest);place-items:center;font-size:54px;display:grid}.waqaf-states{background:var(--border);border:1px solid var(--border);border-radius:7px;grid-template-columns:1fr 1fr;gap:1px;display:grid;overflow:hidden}.waqaf-states>div{background:var(--surface);flex-direction:column;gap:5px;padding:18px;display:flex}.waqaf-states span{color:var(--emerald);letter-spacing:.11em;font-size:9px;font-weight:730}.waqaf-states strong{color:var(--forest);letter-spacing:-.025em;font-size:20px;font-weight:600}.waqaf-states small{color:var(--text-secondary);font-size:11px;line-height:1.55}.feature-copy .text-link{margin-top:18px}.section-heading-row{justify-content:space-between;align-items:end;gap:50px;margin-bottom:33px;display:flex}.section-heading-row>p{max-width:300px;margin:0 0 7px;font-size:13px}.entry-grid{grid-template-columns:1.2fr 1fr 1fr;gap:14px;display:grid}.entry-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;flex-direction:column;min-height:316px;padding:26px;transition:transform .17s,border-color .17s,box-shadow .17s;display:flex}.entry-card:hover{border-color:var(--gold);box-shadow:var(--shadow);transform:translateY(-4px)}.entry-card>div{color:var(--emerald);align-items:center;gap:14px;display:flex}.entry-card>div span{letter-spacing:.09em;font-size:10px;font-weight:700}.entry-card h3{max-width:300px;color:var(--forest);letter-spacing:-.045em;margin:42px 0 8px;font-size:24px;font-weight:600;line-height:1.25}.entry-card p{max-width:310px;color:var(--text-secondary);margin:0;font-size:12.5px;line-height:1.7}.entry-card>svg{color:var(--emerald);align-self:end;margin-top:auto}.entry-featured{background:var(--forest-deep);border-color:var(--forest-deep)}.entry-featured>div,.entry-featured h3,.entry-featured>svg{color:#e7d09c}.entry-featured p{color:#c7d5dc}.closing-cta{background:var(--forest-deep);color:#eef2f3}.closing-inner{text-align:center;padding-block:93px}.closing-inner .eyebrow{color:#d5bd86}.closing-inner h2{color:#f4f5ed;margin-inline:auto}.closing-inner p{color:#c7d5dc;max-width:530px;margin:0 auto 28px}.site-footer{background:var(--surface);border-top:1px solid var(--border)}.footer-inner{grid-template-columns:1fr auto;gap:24px;width:min(100% - 64px,1264px);margin-inline:auto;padding-block:52px 25px;display:grid}.footer-inner p{max-width:330px;color:var(--text-secondary);margin:17px 0 0;font-size:12px;line-height:1.7}.footer-inner .footer-tagline{color:var(--forest);letter-spacing:.015em;margin-top:16px;font-size:11px;font-weight:650}.footer-inner .footer-tagline+p{margin-top:4px}.footer-links{color:var(--text-secondary);align-items:start;gap:25px;padding-top:8px;font-size:12px;display:flex}.footer-links a:hover,.footer-inner small a:hover{color:var(--emerald);text-decoration:underline}.footer-inner small{border-top:1px solid var(--border);color:var(--text-secondary);grid-column:1/-1;margin-top:27px;padding-top:20px;font-size:11px}.page-top{padding-top:65px;padding-bottom:110px}.page-heading{max-width:740px;margin-bottom:40px}.page-heading h1,.guide-heading h1,.lesson-hero h1{color:var(--forest);letter-spacing:-.061em;margin:14px 0 13px;font-size:clamp(36px,4.3vw,59px);font-weight:600;line-height:1.11}.page-heading p,.guide-heading p{max-width:610px;color:var(--text-secondary);margin:0;font-size:15px;line-height:1.8}.guide-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:32px;display:flex}.guide-heading>div{max-width:720px}.guide-heading-mark{border:1px solid var(--border);width:140px;height:140px;color:var(--gold);border-radius:50%;place-items:center;font-size:45px;display:grid}.guide-workspace-heading{align-items:baseline;gap:19px;margin:46px 0 17px;display:flex}.guide-workspace-heading h2{color:var(--forest);letter-spacing:-.035em;margin:0;font-size:21px;font-weight:600}.guide-page{padding-top:42px}.guide-page .guide-heading{margin-bottom:20px}.guide-page .guide-heading h1{margin:8px 0;font-size:clamp(36px,3.9vw,52px)}.guide-page .guide-heading-mark{width:108px;height:108px;font-size:36px}.guide-page .guide-workspace-heading{margin:28px 0 12px}.guide-page .search-field{min-height:55px}.guide-page .search-field input{height:53px}.guide-page .search-suggestions{margin-top:8px}.workspace-loading{border:1px solid var(--border);min-height:260px;color:var(--text-secondary);border-radius:9px;place-items:center;display:grid}.search-module{z-index:5;width:100%;position:relative}.search-field{border:1px solid var(--border);background:var(--surface);min-height:62px;color:var(--emerald);box-shadow:var(--shadow);border-radius:9px;align-items:center;gap:13px;padding:0 17px;display:flex}.search-field:focus-within{border-color:var(--emerald);outline:2px solid var(--emerald)}@supports (color:color-mix(in lab, red, red)){.search-field:focus-within{outline:2px solid color-mix(in srgb, var(--emerald) 18%, transparent)}}.search-field input{min-width:0;height:60px;color:var(--text);background:0 0;border:0;outline:none;flex:1;font-size:14px}.search-field input::placeholder{color:var(--text-secondary)}.search-field button{background:var(--surface-muted);width:32px;height:32px;color:var(--text-secondary);border:0;border-radius:6px;place-items:center;display:grid}.search-suggestions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:13px;display:flex}.search-suggestions span{color:var(--text-secondary);margin-right:5px;font-size:11px}.search-suggestions button{border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);border-radius:6px;padding:6px 10px;font-size:11px;transition:border-color .15s,color .15s}.search-suggestions button:hover{border-color:var(--emerald);color:var(--forest)}.search-results{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:9px;margin-top:8px;overflow:hidden}.search-results-head{border-bottom:1px solid var(--border);color:var(--text-secondary);padding:12px 17px;font-size:11px}.search-result{border-bottom:1px solid var(--border);grid-template-columns:84px 1fr auto;align-items:center;gap:18px;min-height:75px;padding:12px 17px;transition:background .14s;display:grid}.search-result:last-child{border-bottom:0}.search-result:hover,.search-result.keyboard-active{background:var(--surface-muted)}.search-kind{color:var(--emerald);font-size:10px;font-weight:700}.search-result strong{color:var(--forest);font-size:13px;display:block}.search-result small{-webkit-line-clamp:1;color:var(--text-secondary);-webkit-box-orient:vertical;font-size:11px;display:-webkit-box;overflow:hidden}.search-result>svg{color:var(--emerald)}.search-empty{padding:28px}.search-empty strong{color:var(--forest)}.search-empty p{color:var(--text-secondary);margin-bottom:0;font-size:12px}.workspace{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:12px}.workspace-toolbar{z-index:8;border-bottom:1px solid var(--border);border-radius:inherit inherit 0 0;background:var(--surface);justify-content:space-between;align-items:end;gap:22px;min-height:91px;padding:17px 24px;display:flex;position:relative}.selectors,.reading-controls{align-items:end;gap:15px;display:flex}.search-picker-field{flex-direction:column;gap:5px;min-width:0;display:flex}.search-picker-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.075em;font-size:10px;font-weight:650}.search-picker{min-width:220px;position:relative}.search-picker-compact .search-picker{min-width:126px}.search-picker-trigger{border:1px solid var(--border);background:var(--bg);width:100%;height:40px;color:var(--text);text-align:left;border-radius:6px;justify-content:space-between;align-items:center;gap:10px;padding:0 10px 0 12px;font-size:12px;transition:border-color .16s,box-shadow .16s,background .16s;display:flex}.search-picker-trigger span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.search-picker-trigger svg{color:var(--text-secondary);flex:none;transition:transform .16s}.search-picker.is-open .search-picker-trigger{border-color:var(--emerald);background:var(--surface);box-shadow:0 0 0 3px var(--emerald)}@supports (color:color-mix(in lab, red, red)){.search-picker.is-open .search-picker-trigger{box-shadow:0 0 0 3px color-mix(in srgb, var(--emerald) 12%, transparent)}}.search-picker.is-open .search-picker-trigger svg{transform:rotate(180deg)}.search-picker-popover{z-index:60;border:1px solid var(--border);background:var(--surface);border-radius:8px;width:max(100%,310px);position:absolute;top:calc(100% + 7px);left:0;overflow:hidden;box-shadow:0 18px 48px #1d313e29}.search-picker-compact .search-picker-popover{width:max(100%,190px)}.search-picker-input-wrap{border-bottom:1px solid var(--border);color:var(--text-secondary);align-items:center;gap:8px;padding:9px 11px;display:flex}.search-picker-input-wrap svg{flex:none}.search-picker-input-wrap input{width:100%;height:31px;color:var(--text);background:0 0;border:0;outline:0;font-size:12px}.search-picker-input-wrap input::placeholder{color:var(--text-secondary)}.search-picker-input-wrap input::-webkit-search-cancel-button{cursor:pointer}.search-picker-options{overscroll-behavior:contain;max-height:278px;padding:5px;overflow-y:auto}.search-picker-option{width:100%;min-height:43px;color:var(--text);text-align:left;background:0 0;border:0;border-radius:5px;justify-content:space-between;align-items:center;gap:10px;padding:7px 9px;display:flex}.search-picker-option:hover,.search-picker-option.keyboard-active{background:var(--surface-muted)}.search-picker-option[aria-selected=true]{color:var(--emerald)}.search-picker-option span{min-width:0}.search-picker-option strong,.search-picker-option small{display:block}.search-picker-option strong{text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;font-weight:650;overflow:hidden}.search-picker-option small{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:9.5px;overflow:hidden}.search-picker-option>svg{color:var(--emerald);flex:none}.search-picker-empty{color:var(--text-secondary);text-align:center;padding:20px 12px;font-size:11px}.highlight-toggle{min-height:38px;color:var(--text-secondary);cursor:pointer;align-items:center;gap:9px;font-size:11px;display:flex}.highlight-toggle input{opacity:0;position:absolute}.highlight-toggle input:focus-visible+.toggle-track{outline:3px solid var(--focus);outline-offset:2px}.toggle-track{background:#aebdc6;border-radius:20px;width:30px;height:18px;padding:2px;transition:background .17s}.toggle-track span{background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .17s;display:block}.highlight-toggle input:checked+.toggle-track{background:var(--emerald)}.highlight-toggle input:checked+.toggle-track span{transform:translate(12px)}.font-controls{border:1px solid var(--border);border-radius:6px;align-items:center;gap:5px;height:38px;padding:3px;display:inline-flex}.font-controls button{width:29px;height:29px;color:var(--text-secondary);background:0 0;border:0;border-radius:4px;place-items:center;display:grid}.font-controls button:hover:not(:disabled){background:var(--surface-muted);color:var(--forest)}.font-controls span{text-align:center;min-width:24px;color:var(--text-secondary);font-family:Georgia,serif;font-size:14px}.workspace-grid{grid-template-columns:minmax(0,1.25fr) minmax(315px,.75fr);align-items:start;display:grid}.reader{min-width:0;min-height:670px;padding:30px 32px 26px}.reader-topline{justify-content:space-between;align-items:start;gap:15px;display:flex}.reader-topline h2{color:var(--forest);letter-spacing:-.045em;align-items:center;gap:12px;margin:7px 0 0;font-size:26px;font-weight:600;display:flex}.surah-arabic{color:var(--gold-text);font-size:25px}.reader-counter{border:1px solid var(--border);min-width:54px;height:32px;color:var(--text-secondary);border-radius:5px;place-items:center;font-size:11px;font-weight:650;display:grid}.basmala{text-align:center;color:var(--forest);margin:29px 0 0;font-size:27px;line-height:2.1}.verse-box{border:1px solid var(--border);background:var(--bg);border-radius:9px;flex-direction:column;justify-content:center;min-height:279px;margin-top:25px;padding:29px 24px 22px;display:flex;position:relative}.verse-label{color:var(--gold-text);letter-spacing:.12em;align-self:start;font-size:10px;font-weight:700}.arabic-verse{text-align:center;color:var(--text);overflow-wrap:anywhere;flex:1;align-content:center;font-family:Noto Naskh Arabic,serif;line-height:2.35;display:block}.tajweed-text{unicode-bidi:plaintext}.tajweed-segment{cursor:pointer;-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:.14em;padding:.02em .025em .11em;transition:filter .16s,box-shadow .16s}.tajweed-segment:hover{filter:saturate(1.15)brightness(1.03)}.tajweed-segment:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.tajweed-segment.has-overlap{background-size:100% 100%}[data-theme=dark] .tajweed-segment:hover{filter:saturate(1.18)brightness(1.12)}.tajweed-data-state{color:var(--text-secondary);flex:1;place-items:center;font-size:12px;display:grid}.tajweed-data-state.is-error{color:#9a4b3c;text-align:center;gap:5px}.tajweed-data-state.is-error strong,.tajweed-data-state.is-error span{display:block}.arabic-word{color:inherit;font-family:inherit;font-size:inherit;font-weight:500;line-height:inherit;vertical-align:baseline;letter-spacing:0;background:0 0;border:0;border-radius:5px;margin:0;padding:0 .11em .09em;transition:background .18s,color .18s;display:inline;position:relative}.arabic-word:hover{background:var(--surface-muted)}.arabic-pause{color:var(--gold-text);padding-inline:.08em;display:inline}.arabic-word.word-marked{background:var(--word-rule-accent)}@supports (color:color-mix(in lab, red, red)){.arabic-word.word-marked{background:color-mix(in srgb, var(--word-rule-accent) 10%, var(--surface))}}.arabic-word.word-marked:after{content:"";background:var(--word-rule-gradient,var(--word-rule-accent));border-radius:999px;height:3px;position:absolute;inset:auto .08em .01em}.arabic-word.word-multi-rule:after{height:4px}.arabic-word.word-selected,.arabic-word.word-marked.word-selected{background:var(--clay-tint);color:var(--text)}.arabic-word.word-selected:after{height:4px}[data-theme=dark] .arabic-word.word-selected,[data-theme=dark] .arabic-word.word-marked.word-selected{background:var(--clay-tint);color:var(--text)}.verse-hint{text-align:center;color:var(--text-secondary);margin:0;font-size:11px}.verse-rule-overview{border:1px solid var(--border);background:var(--surface-muted);border-radius:7px;margin-top:18px;padding:18px}@supports (color:color-mix(in lab, red, red)){.verse-rule-overview{background:color-mix(in srgb, var(--surface-muted) 72%, var(--surface))}}.verse-rule-heading{justify-content:space-between;align-items:center;gap:14px;margin-bottom:13px;display:flex}.verse-rule-heading strong{background:var(--surface);color:var(--text-secondary);border-radius:999px;flex:none;padding:4px 8px;font-size:10px;font-weight:680}.verse-rule-chips{flex-wrap:wrap;align-items:center;gap:10px 12px;display:flex}.verse-rule-chips button{border:1px solid var(--rule-accent);align-items:center;gap:7px;min-height:37px;padding:9px 12px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.verse-rule-chips button{border:1px solid color-mix(in srgb, var(--rule-accent) 48%, var(--border))}}.verse-rule-chips button{background:var(--rule-bg);border-radius:5px}@supports (color:color-mix(in lab, red, red)){.verse-rule-chips button{background:color-mix(in srgb, var(--rule-bg) 78%, var(--surface))}}.verse-rule-chips button{color:var(--rule-ink);font-size:10.5px;font-weight:650;line-height:1.3;transition:border-color .16s,background .16s,transform .16s}.verse-rule-chips button:hover{border-color:var(--rule-accent);background:var(--rule-bg);transform:translateY(-1px)}.verse-rule-chips button i{width:8px;height:8px;box-shadow:0 0 0 2px var(--surface);border-radius:50%;flex:none}.verse-rule-overview>small{color:var(--text-secondary);margin-top:13px;font-size:9.5px;line-height:1.65;display:block}.verse-rule-overview>p{color:var(--text-secondary);margin:0;font-size:11px;line-height:1.7}.verse-nav{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;padding:20px 0 25px;display:flex}.verse-nav button{color:var(--emerald);background:0 0;border:0;align-items:center;gap:6px;padding:7px 0;font-size:11px;font-weight:670;display:inline-flex}.verse-nav button:hover:not(:disabled){text-decoration:underline}.verse-nav-current{color:var(--text-secondary);font-size:11px}.legend{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:11px 20px;padding-top:22px;font-size:10px;display:flex}.legend-title{width:100%;color:var(--forest);font-weight:700}.legend span:not(.legend-title){align-items:center;gap:6px;display:inline-flex}.legend-line{border-radius:999px;width:22px;height:4px}.legend-single{background:var(--tajwid-ikhfa)}.legend-multiple{background:linear-gradient(90deg, var(--tajwid-ikhfa) 0 33.33%, var(--tajwid-iqlab) 33.33% 66.66%, var(--tajwid-mad-tabii) 66.66%)}.legend small{width:100%;font-size:10px;display:block}.mobile-swipe-hint{display:none}.editorial-note{border-top:1px solid var(--border);color:var(--text-secondary);align-items:start;gap:7px;margin:25px 0 0;padding-top:17px;font-size:10px;line-height:1.6;display:flex}.editorial-note svg{color:var(--emerald);flex:none;margin-top:1px}.insight-panel{overscroll-behavior:contain;border-left:1px solid var(--border);background:var(--surface);min-width:0;height:670px;padding:27px 27px 25px;overflow-y:auto}.panel-head{justify-content:space-between;align-items:center;min-height:25px;margin-bottom:14px;display:flex}.panel-close{width:30px;height:30px}.panel-placeholder{padding-top:54px}.panel-placeholder-icon{border:1px solid var(--border);width:50px;height:50px;color:var(--emerald);border-radius:10px;place-items:center;display:grid}.panel-placeholder h3{max-width:270px;color:var(--forest);letter-spacing:-.045em;margin:23px 0 10px;font-size:28px;font-weight:600;line-height:1.2}.panel-placeholder p{max-width:310px;color:var(--text-secondary);font-size:13px;line-height:1.75}.panel-placeholder .inline-link{margin-top:19px;font-size:12px}.rule-tone-meeting{--rule-accent:var(--meeting-accent);--rule-bg:var(--green-tint);--rule-ink:var(--text)}.rule-tone-length{--rule-accent:var(--gold);--rule-bg:var(--gold-tint);--rule-ink:var(--gold-text)}.rule-tone-waqaf{--rule-accent:var(--waqaf-accent);--rule-bg:var(--blue-tint);--rule-ink:var(--text)}.selected-arabic{border:1px solid var(--border);background:var(--surface-muted);width:100%;color:var(--forest);text-align:center;border-bottom-width:4px;border-radius:7px;padding:14px 17px 17px;font-size:32px;line-height:1.8;display:block}.selected-arabic[class*=rule-tone-]{border-bottom:3px solid var(--rule-accent);background:var(--rule-bg)}@supports (color:color-mix(in lab, red, red)){.selected-arabic[class*=rule-tone-]{background:color-mix(in srgb, var(--rule-bg) 72%, var(--surface))}}.insight-title{padding:19px 0 21px}.rule-chip{background:var(--green-tint);color:var(--emerald);border-radius:4px;padding:5px 8px;font-size:10px;font-weight:700;display:inline-flex}.rule-chip[class*=rule-tone-]{background:var(--rule-bg);color:var(--rule-ink);box-shadow:inset 3px 0 var(--rule-accent)}.insight-title h3{color:var(--forest);letter-spacing:-.044em;margin:12px 0 6px;font-size:27px;font-weight:620;line-height:1.2}.insight-title p,.insight-section p{color:var(--text-secondary);margin:0;font-size:12px;line-height:1.73}.insight-title .beginner-summary{border-left:3px solid var(--rule-accent,var(--emerald));background:var(--surface-muted);color:var(--text);border-radius:0 5px 5px 0;margin-top:12px;padding:12px 13px;font-size:13px}.insight-section{border-top:1px solid var(--border);padding:19px 0}.insight-section .section-kicker{margin-bottom:9px}.insight-section p strong{color:var(--text);font-weight:650}.simple-example{border:1px solid var(--border);background:var(--surface-muted);border-radius:6px;justify-content:space-between;align-items:center;gap:14px;margin-top:13px;padding:10px 12px;display:flex}.simple-example span{color:var(--text-secondary);font-size:9px}.simple-example strong{color:var(--forest);font-family:Noto Naskh Arabic,serif;font-size:24px;font-weight:550}.other-rules{padding:0 0 20px}.other-rules>span{color:var(--text-secondary);margin-bottom:8px;font-size:10px;display:block}.other-rules>div{flex-wrap:wrap;gap:6px;display:flex}.other-rules button{border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);border-radius:5px;align-items:center;gap:6px;padding:6px 9px;font-size:10px;transition:border-color .16s,box-shadow .16s,transform .16s;display:inline-flex}.other-rules button[class*=rule-tone-]{border-color:var(--rule-accent)}@supports (color:color-mix(in lab, red, red)){.other-rules button[class*=rule-tone-]{border-color:color-mix(in srgb, var(--rule-accent) 42%, var(--border))}}.other-rules button[class*=rule-tone-]{background:var(--rule-bg)}@supports (color:color-mix(in lab, red, red)){.other-rules button[class*=rule-tone-]{background:color-mix(in srgb, var(--rule-bg) 70%, var(--surface))}}.other-rules button[class*=rule-tone-]{color:var(--rule-ink)}.other-rules button:hover{border-color:var(--rule-accent);transform:translateY(-1px)}.other-rules button.active{border-color:var(--rule-accent);background:var(--rule-bg);color:var(--rule-ink);box-shadow:inset 0 -2px var(--rule-accent), 0 0 0 1px var(--rule-accent)}@supports (color:color-mix(in lab, red, red)){.other-rules button.active{box-shadow:inset 0 -2px var(--rule-accent), 0 0 0 1px color-mix(in srgb, var(--rule-accent) 35%, transparent)}}.other-rules button.active{font-weight:700}.rule-option-dot{background:var(--rule-accent);border-radius:2px;flex:none;width:8px;height:8px}.segmented{border:1px solid var(--border);background:var(--surface-muted);border-radius:7px;width:100%;margin-bottom:13px;padding:3px;display:flex}.segmented button{min-height:34px;color:var(--text-secondary);background:0 0;border:0;border-radius:5px;flex:1;font-size:11px;font-weight:630;transition:background .2s,color .2s,box-shadow .2s}.segmented button.active{background:var(--surface);color:var(--forest);box-shadow:0 2px 6px #00000014}.variant-result{border-left:2px solid var(--gold);background:var(--bg);padding:13px}.variant-result strong{color:var(--forest);font-size:14px}.variant-result p{margin:6px 0}.variant-result span,.comparison>small{color:var(--text-secondary);font-size:10px}.comparison>small{margin-top:10px;display:block}.mistake{background:var(--gold-tint);border:1px solid #e2d8c2;border-radius:6px;margin:0 0 6px;padding:14px}.mistake .section-kicker{color:#8d6e38}.related-list{display:grid}.related-list a{border-bottom:1px solid var(--border);color:var(--forest);align-items:center;gap:10px;padding:9px 0;font-size:11px;font-weight:650;display:flex}.related-list a:hover{color:var(--emerald)}.related-list a>span:first-child{flex:1}.related-list small{color:var(--text-secondary);font-size:10px;font-weight:400;display:block}.related-arabic{white-space:nowrap;text-overflow:ellipsis;max-width:105px;font-size:17px;overflow:hidden}.lesson-link{background:var(--forest-deep);color:#fff;border-radius:6px;justify-content:space-between;align-items:center;gap:10px;margin-top:13px;padding:13px;font-size:11px;font-weight:650;display:flex}.lesson-link:hover{background:var(--forest-deep)}@supports (color:color-mix(in lab, red, red)){.lesson-link:hover{background:color-mix(in srgb, var(--forest-deep) 80%, var(--emerald))}}.review-status{color:var(--text-secondary);align-items:center;gap:5px;margin-top:18px;font-size:9px;display:flex}.overlap-notice{border:1px solid var(--gold);gap:3px;margin-top:14px;padding:13px 14px;display:grid}@supports (color:color-mix(in lab, red, red)){.overlap-notice{border:1px solid color-mix(in srgb, var(--gold) 38%, var(--border))}}.overlap-notice{background:var(--gold-tint);border-radius:6px}.overlap-notice strong{color:var(--forest);font-size:11px}.overlap-notice span{color:var(--text-secondary);font-size:10px;line-height:1.5}.overlap-switcher{gap:7px;margin-top:9px;display:grid}.overlap-switcher button{border:1px solid var(--rule-accent);align-items:center;gap:8px;min-height:36px;padding:8px 10px;display:flex}@supports (color:color-mix(in lab, red, red)){.overlap-switcher button{border:1px solid color-mix(in srgb, var(--rule-accent) 35%, var(--border))}}.overlap-switcher button{background:var(--rule-bg);color:var(--text);text-align:left;border-radius:5px;font-size:10px}.overlap-switcher button.active{border-color:var(--rule-accent);box-shadow:inset 3px 0 var(--rule-accent);font-weight:700}.overlap-switcher i{border-radius:2px;flex:none;width:8px;height:8px}.range-facts{grid-template-columns:1.3fr .8fr .9fr;gap:8px;display:grid}.range-facts span{border:1px solid var(--border);min-height:62px;color:var(--text-secondary);border-radius:5px;align-content:space-between;padding:9px 10px;font-size:9px;display:grid}.range-facts strong{color:var(--text);margin-top:5px;font-size:11px;font-weight:650;display:block}.range-facts strong[lang=ar]{color:var(--forest);font-size:20px}.source-rule .arabic-rule{background:var(--surface-muted);color:var(--forest);border-radius:5px;padding:12px;font-family:Noto Naskh Arabic,serif;font-size:20px;line-height:1.8}.source-rule dl{gap:8px;margin:12px 0 0;display:grid}.source-rule dl div{border-top:1px solid var(--border);grid-template-columns:105px minmax(0,1fr);gap:10px;padding-top:8px;display:grid}.source-rule dt{color:var(--text-secondary);font-size:9px}.source-rule dd{min-width:0;color:var(--text);overflow-wrap:anywhere;margin:0;font-size:10px}.source-rule code{font-size:9px}.advanced-rule{border-top:1px solid var(--border);margin-top:4px}.advanced-rule summary{color:var(--emerald);cursor:pointer;padding:17px 0;font-size:10px;font-weight:700}.advanced-rule summary:hover{text-decoration:underline}.advanced-rule .source-rule{padding-bottom:16px}.audio-unavailable{border:1px dashed var(--border);color:var(--text-secondary);border-radius:6px;align-items:start;gap:9px;padding:11px;font-size:11px;line-height:1.5;display:flex}.audio-unavailable svg{color:var(--gold);flex:none}.audio-player{border:1px solid var(--border);border-radius:7px;padding:12px}.audio-main{align-items:center;gap:10px;display:flex}.audio-play{background:var(--forest-deep);color:#fff;border:0;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;display:grid}.audio-body{flex:1;min-width:0}.audio-body strong,.audio-body small{display:block}.audio-body strong{color:var(--forest);font-size:11px}.audio-body small{color:var(--text-secondary);font-size:9px}.audio-body input{width:100%;height:5px;accent-color:var(--emerald)}.audio-speed{color:var(--text-secondary);justify-content:end;align-items:center;gap:8px;margin-top:8px;font-size:10px;display:flex}.audio-speed select{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:4px;padding:4px 6px}.library-heading{max-width:800px}.library-tools{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:18px;padding:14px 0 20px;display:flex}.category-tabs{flex-wrap:wrap;gap:5px;display:flex}.category-tabs button{color:var(--text-secondary);background:0 0;border:1px solid #0000;border-radius:6px;padding:8px 11px;font-size:11px;font-weight:630}.category-tabs button:hover{color:var(--forest);background:var(--surface-muted)}.category-tabs button.active{border-color:var(--border);background:var(--surface);color:var(--forest)}.library-search{border:1px solid var(--border);background:var(--surface);min-width:190px;height:35px;color:var(--text-secondary);border-radius:6px;align-items:center;gap:7px;padding:0 10px;display:flex}.library-search input{width:100%;color:var(--text);background:0 0;border:0;outline:0;font-size:11px}.lesson-row{border-bottom:1px solid var(--border);grid-template-columns:52px 1fr auto;align-items:center;gap:21px;padding:24px 9px;transition:background .16s,padding .16s;display:grid}.lesson-row:hover{background:var(--surface);padding-inline:18px}.lesson-number{color:var(--gold-text);font-size:14px;font-weight:700}.lesson-row h2{color:var(--forest);letter-spacing:-.035em;margin:4px 0;font-size:23px;font-weight:600}.lesson-row p{color:var(--text-secondary);margin:0;font-size:12px}.lesson-row>svg{color:var(--emerald)}.library-empty{border-bottom:1px solid var(--border);padding:40px}.library-empty p,.content-caveat{color:var(--text-secondary);font-size:12px}.content-caveat{margin-top:28px}.back-link{color:var(--emerald);align-items:center;gap:8px;margin-bottom:32px;font-size:12px;font-weight:650;display:inline-flex}.back-link:hover{text-decoration:underline}.lesson-layout{grid-template-columns:minmax(0,1fr) 260px;align-items:start;gap:10%;display:grid}.lesson-article{min-width:0}.lesson-hero{border-bottom:1px solid var(--border);padding-bottom:37px}.lesson-hero p{max-width:720px;color:var(--text-secondary);margin:0;font-size:18px;line-height:1.7}.lesson-prose section{border-bottom:1px solid var(--border);padding:38px 0}.lesson-prose h2,.reference-content h2{color:var(--forest);letter-spacing:-.042em;margin:9px 0 13px;font-size:26px;font-weight:600}.lesson-prose section>p,.reference-content section>p{max-width:720px;color:var(--text-secondary);margin:0;font-size:14px;line-height:1.9}.lesson-callout{border-left:3px solid var(--emerald);background:var(--surface-muted);margin-top:24px;padding:18px 22px}.lesson-callout strong{color:var(--forest);text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px;font-size:11px;display:block}.lesson-callout p{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.7}.lesson-rule-spotlight{border:1px solid var(--border);background:var(--surface);border-radius:8px;grid-template-columns:minmax(0,.9fr) minmax(260px,1.1fr);margin-top:22px;display:grid;overflow:hidden}.lesson-rule-copy,.lesson-rule-sample{padding:24px}.lesson-rule-copy{border-right:1px solid var(--border);background:var(--blue-tint)}@supports (color:color-mix(in lab, red, red)){.lesson-rule-copy{background:color-mix(in srgb, var(--blue-tint) 58%, var(--surface))}}.lesson-rule-copy>span,.lesson-rule-sample>span{color:var(--emerald);letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px;font-size:10px;font-weight:750;display:block}.lesson-rule-copy>strong{color:var(--forest);font-size:16px;line-height:1.55;display:block}.lesson-letter-list{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.lesson-letter-list b{border:1px solid var(--tajwid-default);place-items:center;min-width:40px;min-height:40px;padding:4px 9px;display:grid}@supports (color:color-mix(in lab, red, red)){.lesson-letter-list b{border:1px solid color-mix(in srgb, var(--tajwid-default) 35%, var(--border))}}.lesson-letter-list b{background:var(--surface);color:var(--forest);border-radius:5px;font-size:22px;font-weight:600}.lesson-rule-sample>strong{color:var(--forest);padding:7px 0 14px;font-size:clamp(32px,4vw,45px);font-weight:550;line-height:1.65;display:block}.lesson-rule-sample p{max-width:520px;color:var(--text-secondary);margin:0;font-size:13px;line-height:1.7}.lesson-detail-more{border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-top:18px}.lesson-detail-more summary{color:var(--forest);cursor:pointer;padding:13px 2px;font-size:12px;font-weight:680}.lesson-detail-more p{color:var(--text-secondary);margin:0;padding:0 2px 17px;font-size:13px;line-height:1.8}.lesson-example{border:1px solid var(--border);background:var(--surface);border-radius:8px;margin-top:22px}.lesson-example>div{border-bottom:1px solid var(--border);justify-content:space-between;gap:10px;padding:15px 20px;display:flex}.lesson-example strong{color:var(--forest);font-size:12px}.lesson-example>div span{color:var(--text-secondary);font-size:11px}.lesson-example>p{color:var(--forest);flex-wrap:wrap;gap:.15em .3em;margin:0;padding:20px;font-size:31px;line-height:2.1;display:flex}.lesson-example>p span,.lesson-example>p mark{display:inline-block}.lesson-example-focus{background:var(--tajwid-ikhfa);border-radius:4px;padding:0 .16em .04em}@supports (color:color-mix(in lab, red, red)){.lesson-example-focus{background:color-mix(in srgb, var(--tajwid-ikhfa) 14%, var(--surface))}}.lesson-example-focus{color:inherit;box-shadow:inset 0 -3px var(--tajwid-ikhfa);font-weight:650}.lesson-example>small{color:var(--text-secondary);padding:0 20px 14px;font-size:10px;display:block}.lesson-example>a{border-top:1px solid var(--border);color:var(--emerald);justify-content:space-between;align-items:center;padding:14px 20px;font-size:11px;font-weight:700;display:flex}.lesson-example>a:hover{background:var(--surface-muted)}.lesson-warning{background:var(--gold-tint);border:1px solid #e4d8b9;border-radius:7px;align-items:start;gap:12px;padding:20px;display:flex}.lesson-warning svg{color:#9b7d41;flex:none}.lesson-warning p{color:var(--text);margin:0;font-size:13px;line-height:1.7}.lesson-side{position:sticky;top:103px}.lesson-side-card{background:var(--forest-deep);color:#f3f6ee;border-radius:8px;flex-direction:column;align-items:start;padding:24px;display:flex}.lesson-side-card>svg{color:#d9c082}.lesson-side-card strong{margin-top:25px;font-size:17px;line-height:1.4}.lesson-side-card p{color:#c2d6cc;margin:9px 0 20px;font-size:12px;line-height:1.7}.lesson-side-card a{color:#ead59e;align-items:center;gap:7px;font-size:11px;font-weight:700;display:inline-flex}.lesson-side-note{border-bottom:1px solid var(--border);padding:20px 0}.lesson-side-note strong{color:var(--forest);font-size:12px}.lesson-side-note p{color:var(--text-secondary);font-size:11px;line-height:1.7}.lesson-side-note a{color:var(--emerald);align-items:center;gap:5px;font-size:11px;font-weight:650;display:inline-flex}.pronunciation-layout{grid-template-columns:minmax(0,1fr) 370px;align-items:start;gap:30px;display:grid}.letter-grid{grid-template-columns:repeat(7,1fr);gap:8px;display:grid}.letter-grid button{border:1px solid var(--border);background:var(--surface);min-height:99px;color:var(--forest);border-radius:7px;flex-direction:column;justify-content:center;align-items:center;padding:8px;transition:border-color .16s,background .16s,transform .16s;display:flex}.letter-grid button:hover{border-color:var(--emerald);transform:translateY(-2px)}.letter-grid button.active{border-color:var(--emerald);background:var(--clay-tint);box-shadow:inset 0 0 0 1px var(--emerald)}.letter-grid button span{font-size:36px;line-height:1.5}.letter-grid button small{color:var(--text-secondary);font-size:10px}.letter-detail{border:1px solid var(--border);background:var(--surface);border-radius:9px;overflow:hidden}.letter-detail-head{background:var(--forest-deep);color:#fff;padding:25px 27px 19px}.letter-detail-head .eyebrow{color:#d6c18f}.letter-big{color:#f3e3b4;margin:3px 0 -12px;font-size:90px;line-height:1.45;display:block}.letter-detail-head h2{letter-spacing:-.035em;margin:0;font-size:23px;font-weight:600}.letter-detail-content{padding:8px 25px 25px}.letter-detail-content>div{border-bottom:1px solid var(--border);padding:18px 0}.letter-detail-content .section-kicker{margin-bottom:5px;display:block}.letter-detail-content strong{color:var(--forest);font-size:15px;display:block}.letter-detail-content p{color:var(--text-secondary);margin:6px 0 0;font-size:12px;line-height:1.7}.letter-detail-content .letter-example{color:var(--forest);text-align:right;font-size:28px}.letter-detail-content .text-link{margin-top:22px;font-size:11px}.compare-link{color:var(--emerald);background:0 0;border:0;align-items:center;gap:8px;padding:7px 0;font-size:12px;font-weight:650;display:inline-flex}.compare-link span{font-size:21px}.reference-layout{grid-template-columns:185px minmax(0,1fr);gap:9%;display:grid}.reference-toc{flex-direction:column;align-items:start;gap:10px;height:max-content;padding-top:10px;display:flex;position:sticky;top:104px}.reference-toc strong{color:var(--forest);margin-bottom:6px;font-size:12px}.reference-toc a{color:var(--text-secondary);font-size:12px}.reference-toc a:hover{color:var(--emerald);text-decoration:underline}.reference-content section{border-bottom:1px solid var(--border);margin-bottom:34px;padding:12px 0 45px;scroll-margin-top:110px}.glossary-grid{grid-template-columns:1fr 1fr;gap:0 28px;margin-top:20px;display:grid}.glossary-grid>div{border-top:1px solid var(--border);padding:16px 0}.glossary-grid h3{color:var(--forest);margin:0 0 5px;font-size:15px;font-weight:650}.glossary-grid p{color:var(--text-secondary);margin:0;font-size:12px;line-height:1.7}.source-block>div{border-top:1px solid var(--border);padding:22px 0}.source-block strong{color:var(--forest);font-size:15px}.source-block p{max-width:720px;color:var(--text-secondary);margin:7px 0 10px;font-size:12px;line-height:1.8}.source-block a{color:var(--emerald);align-items:center;gap:6px;font-size:11px;font-weight:670;display:inline-flex}.source-block a:hover{text-decoration:underline}.coverage{grid-template-columns:repeat(4,1fr);gap:10px;margin:22px 0 24px;display:grid}.coverage>div{border:1px solid var(--border);background:var(--surface);border-radius:7px;flex-direction:column;padding:18px;display:flex}.coverage strong{color:var(--forest);letter-spacing:-.05em;font-size:29px;font-weight:600}.coverage span{color:var(--text-secondary);font-size:10px}.reference-content section>p+p{margin-top:14px}.reference-steps{color:var(--text-secondary);padding-left:23px;font-size:13px;line-height:1.8}.reference-steps li{margin-bottom:10px;padding-left:4px}.reference-steps a{color:var(--emerald);font-weight:630;text-decoration:underline}.reference-content .text-link{margin-top:15px;font-size:12px}@media (max-width:1130px){.header-inner{gap:16px;width:min(100% - 36px,1336px)}.desktop-nav a{padding-inline:7px;font-size:11px}.page-container,.footer-inner{width:min(100% - 44px,1264px)}.pronunciation-layout{grid-template-columns:1fr 320px;gap:20px}.letter-grid{grid-template-columns:repeat(6,1fr)}}@media (max-width:900px){.desktop-nav{display:none}.header-inner{height:64px}.header-actions{margin-left:auto}.mobile-menu-button{display:inline-grid}.mobile-nav{border-top:1px solid var(--border);background:var(--surface);padding:8px 22px 18px;display:grid}.mobile-nav a{border-bottom:1px solid var(--border);min-height:44px;color:var(--text-secondary);justify-content:space-between;align-items:center;padding:9px 2px;font-size:13px;display:flex}.mobile-nav a.nav-active{color:var(--forest);font-weight:700}.hero{grid-template-columns:1fr;gap:45px;min-height:auto;padding-block:66px 77px}.hero-copy{max-width:650px}.hero-preview{width:100%;max-width:670px}.process-section,.feature-grid{grid-template-columns:1fr;gap:35px}.feature-grid{padding-block:72px}.feature-copy{grid-row:1}.entry-grid{grid-template-columns:1fr 1fr}.entry-featured{grid-column:1/-1;min-height:250px}.entry-featured h3{margin-top:35px}.workspace-grid{display:block}.insight-panel{display:none}.insight-panel.panel-open{z-index:50;min-height:0;max-height:min(71vh,710px);padding:24px 24px calc(24px + env(safe-area-inset-bottom));border:1px solid var(--border);border-radius:16px 16px 0 0;animation:.28s cubic-bezier(.2,.8,.2,1) both sheet-in;display:block;position:fixed;inset:auto 0 0;overflow-y:auto;box-shadow:0 -25px 75px #192a353d}.insight-panel.panel-open:before{content:"";background:var(--border);border-radius:3px;width:39px;height:4px;margin:-10px auto 14px;display:block}@keyframes sheet-in{0%{opacity:.6;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.reader{touch-action:pan-y;overscroll-behavior-x:contain;min-height:0;padding:26px}.mobile-swipe-hint{color:var(--text-secondary);justify-content:center;align-items:center;gap:8px;margin:15px 0 0;font-size:10px;display:flex}.pronunciation-layout{grid-template-columns:1fr}.letter-grid{grid-template-columns:repeat(7,1fr)}.letter-detail{max-width:100%}.lesson-layout{grid-template-columns:minmax(0,1fr);gap:20px}.lesson-rule-spotlight{grid-template-columns:1fr}.lesson-rule-copy{border-right:0;border-bottom:1px solid var(--border)}.lesson-side{grid-template-columns:1fr 1fr;gap:20px;display:grid;position:static}.reference-layout{grid-template-columns:1fr;gap:25px}.reference-toc{border-bottom:1px solid var(--border);flex-flow:wrap;align-items:center;gap:10px 20px;padding-bottom:17px;position:static}}@media (max-width:600px){.page-container,.footer-inner{width:calc(100% - 36px)}.hero{gap:34px;padding-block:52px 65px}.hero h1{margin-top:20px;font-size:clamp(41px,10.5vw,57px)}.hero-subtitle{font-size:14px}.hero-actions{gap:8px;margin-top:27px}.hero-actions .button{justify-content:space-between;width:100%}.hero-question{margin-top:22px}.preview-top,.preview-foot{padding-inline:16px}.preview-arabic{padding:31px 14px;font-size:clamp(30px,8vw,40px)}.preview-insight{padding:23px 19px}.promise-inner{grid-template-columns:1fr auto;gap:9px;padding-block:22px}.promise-inner>span{grid-column:1/-1}.promise-inner p{font-size:16px}.section-pad{padding-block:73px}.section-intro h2,.feature-copy h2,.section-heading-row h2,.closing-inner h2{font-size:34px}.process-list>div{grid-template-columns:32px 1fr}.feature-grid{padding-block:70px}.waqaf-visual{padding:12px}.waqaf-word{min-height:115px;font-size:41px}.waqaf-states>div{padding:12px}.waqaf-states strong{font-size:17px}.section-heading-row{display:block}.entry-grid{grid-template-columns:1fr}.entry-featured{grid-column:auto}.entry-card{min-height:245px}.entry-card h3{margin-top:30px}.closing-inner{padding-block:75px}.footer-inner{padding-block:40px 25px;display:block}.footer-links{flex-wrap:wrap;margin-top:22px}.footer-inner small{display:block}.page-top{padding-top:44px;padding-bottom:76px}.page-heading h1,.guide-heading h1,.lesson-hero h1{font-size:38px}.page-heading p,.guide-heading p{font-size:13px}.guide-heading-mark{display:none}.guide-workspace-heading{margin-top:36px;display:block}.guide-workspace-heading h2{margin-top:7px;font-size:19px}.search-field{min-height:54px}.search-field input{height:52px;font-size:12px}.search-result{grid-template-columns:1fr auto;gap:5px}.search-kind{grid-column:1/-1}.search-result small{-webkit-line-clamp:2}.workspace-toolbar{padding:17px;display:block}.selectors{gap:8px}.search-picker-field{flex:1}.search-picker,.search-picker-compact .search-picker{min-width:0}.search-picker-popover{width:min(310px,100vw - 34px)}.search-picker-compact .search-picker-popover{width:min(220px,100vw - 34px);left:auto;right:0}.reading-controls{justify-content:space-between;margin-top:12px}.reader{padding:21px 16px 20px}.reader-topline h2{font-size:21px}.surah-arabic{font-size:19px}.basmala{margin-top:18px;font-size:23px}.verse-box{min-height:245px;margin-top:18px;padding:17px 11px}.arabic-verse{line-height:2.2}.verse-hint{font-size:10px}.verse-nav-current{display:none}.verse-nav button{font-size:10px}.legend{gap:7px 12px}.insight-panel.panel-open{max-height:72vh;padding-inline:19px}.range-facts{grid-template-columns:1fr}.library-tools{display:block}.category-tabs{gap:2px}.category-tabs button{padding:7px 8px}.library-search{margin-top:13px}.lesson-row{grid-template-columns:32px 1fr auto;gap:8px;padding-block:20px}.lesson-row h2{font-size:18px}.lesson-row p{font-size:11px}.lesson-prose section{padding-block:29px}.lesson-example>div{display:block}.lesson-example>div span{margin-top:4px;display:block}.lesson-example>p{font-size:26px}.lesson-side{display:block}.letter-grid{grid-template-columns:repeat(4,1fr);gap:6px}.letter-grid button{min-height:83px}.letter-grid button span{font-size:30px}.letter-grid button small{font-size:9px}.glossary-grid{grid-template-columns:1fr}.coverage{grid-template-columns:1fr 1fr}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}
:root{--bg:var(--cloud-blue);--surface:var(--paper-white);--surface-muted:var(--mist-blue);--forest:var(--ink-blue);--forest-deep:#2f4858;--emerald:var(--interface-blue);--gold:var(--soft-ochre);--gold-text:#7c6743;--text:var(--ink-blue);--text-secondary:var(--muted-slate);--border:var(--line-blue);--focus:var(--interface-blue);--green-tint:#e7eef2;--gold-tint:#f4efe3;--blue-tint:#e5eef3;--clay-tint:#f5e8e4;--meeting-accent:var(--interface-blue);--waqaf-accent:var(--muted-lavender);--shadow:0 6px 26px #364e5e11;--brand-mark-bg:#2f4858;--brand-mark-accent:var(--dusty-coral)}:root[data-theme=dark]{--bg:#1d2830;--surface:#25333c;--surface-muted:#2d3d47;--forest:#e8f0f4;--forest-deep:#304b5c;--emerald:#9ab6c7;--gold:#d4b77d;--gold-text:#e2c995;--text:#edf3f6;--text-secondary:#b4c1c9;--border:#40525d;--focus:#9ab6c7;--green-tint:#314550;--gold-tint:#473f31;--blue-tint:#304651;--clay-tint:#4e3a38;--meeting-accent:#9ab6c7;--waqaf-accent:#b7acc8;--shadow:0 6px 26px #0000002e;--brand-mark-bg:#304b5c;--brand-mark-accent:#dda497}html{scroll-padding-top:100px}body{font-size:14px;line-height:1.65}.page-container,.footer-inner{width:min(100% - 80px,1220px)}.eyebrow,.section-kicker{color:var(--emerald);letter-spacing:.12em;font-size:10px;font-weight:730}.button{min-height:50px;box-shadow:none;border-radius:5px;gap:20px;padding:12px 19px;font-size:12.5px}.button:hover{transform:translateY(-1px)}.button-primary{background:var(--forest-deep);color:#fff}.button-primary:hover{background:color-mix(in srgb, var(--forest-deep) 84%, var(--emerald))}.button-secondary{border-color:var(--border);background:var(--surface)}.button-light{background:var(--paper-white);color:var(--ink-blue)}.understated-link{width:max-content;max-width:100%;color:var(--forest);align-items:center;gap:14px;font-size:12.5px;font-weight:660;transition:gap .19s,color .19s;display:inline-flex}.understated-link:hover{color:var(--emerald);gap:20px}.understated-link svg{flex:none}.site-header{background:color-mix(in srgb, var(--bg) 97%, transparent);border-color:var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.header-inner{gap:21px;width:min(100% - 70px,1350px);max-width:1400px;height:77px}.brand{color:var(--forest);gap:10px;font-size:21px;font-weight:740}.brand-mark{background:var(--brand-mark-bg);color:#f8eded;border-radius:6px;flex-shrink:0;place-items:center;width:37px;height:37px;display:grid}.brand-mark svg{width:30px;height:30px}.brand-accent{color:var(--dusty-coral)}.brand-separator{background:var(--border);width:1px;height:20px;margin-left:11px}.brand-descriptor{letter-spacing:.14em;color:var(--text-secondary);white-space:normal;max-width:76px;font-size:8px;font-weight:690;line-height:1.35}.desktop-nav{gap:2px;margin-left:auto}.desktop-nav a{color:var(--text-secondary);border-radius:3px;padding:11px;font-size:11.5px;font-weight:550}.desktop-nav a.nav-active{color:var(--forest);font-weight:710}.desktop-nav a.nav-active:after{background:var(--dusty-coral);height:2px;bottom:3px}.header-actions{gap:9px}.header-cta{border:1px solid var(--forest-deep);background:var(--forest-deep);color:#fff;white-space:nowrap;border-radius:4px;align-items:center;gap:10px;min-height:37px;padding:0 14px;font-size:11.5px;font-weight:670;transition:background .16s,border-color .16s;display:inline-flex}.header-cta:hover,.header-cta-active{border-color:var(--coral-strong);background:var(--coral-strong)}.icon-button{border-radius:5px}.mobile-nav{display:none}.new-hero{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:clamp(42px,6vw,86px);min-height:710px;padding-top:77px;padding-bottom:90px;display:grid}.new-hero-copy{padding-bottom:18px}.hero-overline{letter-spacing:.13em;color:var(--emerald);align-items:center;gap:10px;font-size:10px;font-weight:740;display:flex}.tiny-square{background:var(--dusty-coral);border-radius:2px;width:7px;height:7px;display:inline-block}.overline-count{color:var(--text-secondary);margin-left:7px}.new-hero h1{letter-spacing:-.073em;max-width:670px;color:var(--forest);margin:27px 0 22px;font-size:clamp(43px,4.75vw,71px);font-weight:640;line-height:1.105}.new-hero h1 span{color:var(--dusty-coral)}.new-hero-lead{max-width:455px;color:var(--text-secondary);margin:0;font-size:15px;line-height:1.9}.new-hero-actions{flex-wrap:wrap;align-items:center;gap:28px;margin-top:38px;display:flex}.hero-credibility{border-top:1px solid var(--border);flex-wrap:wrap;gap:0;margin-top:65px;padding-top:19px;display:flex}.hero-credibility span{border-right:1px solid var(--border);color:var(--text-secondary);padding:0 20px;font-size:11px}.hero-credibility span:first-child{padding-left:0}.hero-credibility span:last-child{border:0}.hero-credibility b{color:var(--forest);margin-right:4px;font-size:13px;font-weight:750}.new-hero-visual{min-width:0}.demo-shell{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;overflow:hidden;box-shadow:0 22px 80px #364e5e17}.demo-chrome{border-bottom:1px solid var(--border);color:var(--text-secondary);letter-spacing:.115em;justify-content:space-between;align-items:center;padding:17px 24px;font-size:9px;font-weight:680;display:flex}.demo-chrome-label{align-items:center;gap:9px;display:flex}.demo-live-dot{background:var(--interface-blue);border-radius:50%;width:6px;height:6px}.demo-switch{background:var(--surface-muted);border-radius:5px;grid-template-columns:repeat(2,1fr);gap:0;margin:19px 24px 0;padding:4px;display:grid}.demo-switch button{min-height:37px;color:var(--text-secondary);background:0 0;border:0;border-radius:4px;font-size:10.5px;font-weight:600;transition:background .18s,color .18s,box-shadow .18s}.demo-switch button.is-active{background:var(--surface);color:var(--forest);box-shadow:0 1px 4px #364e5e1a}.demo-reading{text-align:center;padding:33px 27px 26px}.demo-reference{color:var(--interface-blue);letter-spacing:.095em;justify-content:center;align-items:center;gap:9px;font-size:10px;font-weight:730;display:flex}.demo-reading p{color:var(--forest);margin:28px 0 16px;font-size:clamp(28px,3.3vw,47px);line-height:2.05}.demo-reading-hint{color:var(--text-secondary);justify-content:center;align-items:center;gap:6px;font-size:9.5px;display:flex}.demo-explanation{border-top:1px solid var(--border);padding:24px 28px 26px}.demo-explanation-index{color:var(--coral-text);letter-spacing:.125em;justify-content:space-between;font-size:10px;font-weight:740;display:flex}.demo-explanation h3{letter-spacing:-.05em;color:var(--forest);margin:9px 0 7px;font-size:25px;font-weight:660;line-height:1.3}.demo-explanation .demo-reason{color:var(--text-secondary);margin:0;font-size:12px;line-height:1.7}.demo-guide{border-left:2px solid var(--soft-ochre);margin-top:20px;padding-left:15px}.demo-guide span{color:var(--gold-text);letter-spacing:.12em;font-size:9px;font-weight:730}.demo-guide p{color:var(--text);margin:4px 0 0;font-size:11.5px;line-height:1.7}.demo-explanation a{color:var(--coral-text);align-items:center;gap:11px;margin-top:22px;font-size:11.5px;font-weight:700;display:inline-flex}.demo-explanation a:hover{text-decoration:underline}.demo-bottom{background:var(--forest-deep);color:#edf3f6;letter-spacing:.08em;justify-content:space-between;align-items:center;padding:13px 28px;font-size:9px;font-weight:670;display:flex}.chapter-line{border-block:1px solid var(--border);background:var(--surface)}.chapter-inner{min-height:65px;color:var(--text-secondary);letter-spacing:.12em;justify-content:space-between;align-items:center;gap:20px;font-size:9.5px;font-weight:700;display:flex}.chapter-inner span:last-child{color:var(--emerald);align-items:center;gap:14px;display:inline-flex}.editorial-intro{grid-template-columns:225px 1fr;gap:70px;padding-top:128px;padding-bottom:139px;display:grid}.editorial-label{color:var(--emerald);letter-spacing:.1em;padding-top:11px;font-size:10px;font-weight:730}.editorial-copy h2{letter-spacing:-.061em;max-width:860px;color:var(--forest);margin:0;font-size:clamp(37px,4.1vw,61px);font-weight:590;line-height:1.18}.editorial-copy h2 i,.showcase-copy h2 i{color:var(--emerald);font-style:normal}.editorial-copy p{max-width:610px;color:var(--text-secondary);margin:27px 0 0;font-size:14px;line-height:1.9}.reading-journey{border-block:1px solid var(--border);background:#e5eef3}.reading-journey-inner{grid-template-columns:.84fr 1.16fr;gap:100px;padding-top:94px;padding-bottom:104px;display:grid}.journey-heading h2{letter-spacing:-.055em;color:var(--forest);margin:19px 0 0;font-size:clamp(35px,3.6vw,51px);font-weight:620;line-height:1.18}.journey-steps>div{border-top:1px solid var(--border-strong);color:var(--text);grid-template-columns:42px 1fr 23px;align-items:start;gap:17px;padding:24px 0;display:grid}.journey-steps>div:last-child{border-bottom:1px solid var(--border-strong)}.journey-steps .step-index{color:var(--coral-text);font-size:12px;font-weight:710}.journey-steps h3{color:var(--forest);letter-spacing:-.035em;margin:-2px 0 7px;font-size:20px;font-weight:610}.journey-steps p{max-width:370px;color:var(--text-secondary);margin:0;font-size:12px;line-height:1.75}.journey-steps svg{color:var(--dusty-coral);stroke-width:1.6px;margin-top:3px}.showcase-section{grid-template-columns:.85fr 1.15fr;align-items:center;gap:115px;padding-top:134px;padding-bottom:141px;display:grid}.showcase-copy h2{color:var(--forest);letter-spacing:-.06em;margin:20px 0 24px;font-size:clamp(37px,4.2vw,61px);font-weight:610;line-height:1.14}.showcase-copy p{max-width:390px;color:var(--text-secondary);margin-bottom:27px;font-size:14px;line-height:1.85}.showcase-visual{border:1px solid var(--border);background:var(--surface);border-radius:6px;overflow:hidden}.showcase-caption{border-bottom:1px solid var(--border);color:var(--text-secondary);letter-spacing:.1em;justify-content:space-between;gap:10px;padding:19px 23px;font-size:9px;font-weight:730;display:flex}.showcase-caption span{color:var(--emerald)}.showcase-arabic{text-align:center;color:var(--forest);margin:15px 0 25px;font-size:62px;line-height:2.05}.showcase-modes{border-top:1px solid var(--border);grid-template-columns:1fr 1fr;display:grid}.showcase-modes>div{min-height:170px;padding:24px 23px 27px}.showcase-modes>div+div{border-left:1px solid var(--border)}.showcase-modes span{color:var(--emerald);letter-spacing:.12em;font-size:9px;font-weight:710;display:block}.showcase-modes strong{color:var(--forest);margin:10px 0 5px;font-size:21px;font-weight:610;display:block}.showcase-modes p{color:var(--text-secondary);margin:0;font-size:11.5px;line-height:1.65}.showcase-bottom{background:var(--surface-muted);border-top:1px solid var(--border);color:var(--text-secondary);justify-content:space-between;align-items:center;padding:13px 23px;font-size:10px;display:flex}.pathways-section{padding-bottom:126px}.pathways-heading{justify-content:space-between;align-items:end;gap:35px;margin-bottom:40px;display:flex}.pathways-heading h2{color:var(--forest);letter-spacing:-.057em;max-width:680px;margin:17px 0 0;font-size:clamp(34px,3.5vw,51px);font-weight:620;line-height:1.18}.pathways-list{border-top:1px solid var(--border)}.pathway{border-bottom:1px solid var(--border);grid-template-columns:55px 68px 1fr 33px;align-items:center;gap:18px;min-height:157px;padding:21px 15px 21px 0;transition:background .2s,padding .2s;display:grid}.pathway:hover{background:var(--surface);padding-left:14px}.pathway-number{color:var(--gold-text);font-size:12px;font-weight:700}.pathway-icon{border:1px solid var(--border);width:57px;height:57px;color:var(--emerald);border-radius:50%;place-items:center;display:grid}.pathway-text>span{color:var(--emerald);letter-spacing:.11em;font-size:9px;font-weight:720}.pathway-text h3{color:var(--forest);letter-spacing:-.04em;margin:6px 0;font-size:clamp(19px,2vw,27px);font-weight:610;line-height:1.25}.pathway-text p{color:var(--text-secondary);margin:0;font-size:12px;line-height:1.65}.pathway-arrow{color:var(--emerald);transition:transform .2s}.pathway:hover .pathway-arrow{transform:translate(3px,-3px)}.end-invite{background:var(--forest-deep);color:#edf3f6}.end-invite-inner{justify-content:space-between;align-items:center;gap:55px;padding-block:84px;display:flex}.end-invite .eyebrow{color:#e0b3a9}.end-invite h2{color:#fff;letter-spacing:-.06em;margin:17px 0 14px;font-size:clamp(37px,4.3vw,60px);font-weight:600;line-height:1.18}.end-invite p{color:#c7d5dc;max-width:390px;margin:0;font-size:13px;line-height:1.8}.end-invite .button{flex-shrink:0}.site-footer{border-top:0}.footer-inner{grid-template-columns:1.2fr 1fr;gap:70px 85px;padding-top:68px;padding-bottom:27px;display:grid}.footer-main p{color:var(--forest);max-width:270px;margin:19px 0 5px;font-size:13px;line-height:1.7}.footer-note{color:var(--text-secondary);max-width:345px;font-size:11px;line-height:1.7;display:block}.footer-navigation{gap:100px;display:flex}.footer-navigation>div{flex-direction:column;align-items:flex-start;gap:9px;display:flex}.footer-navigation>div>span{color:var(--emerald);letter-spacing:.13em;margin:4px 0 13px;font-size:9px;font-weight:730}.footer-navigation a{color:var(--text-secondary);align-items:center;gap:6px;font-size:12px;display:inline-flex}.footer-navigation a:hover{color:var(--forest)}.footer-bottom{border-top:1px solid var(--border);color:var(--text-secondary);grid-column:1/-1;justify-content:space-between;gap:15px;padding-top:20px;font-size:10px;display:flex}.page-top{padding-top:76px;padding-bottom:120px}.page-heading{max-width:830px;margin-bottom:45px}.page-heading h1,.guide-heading h1,.lesson-hero h1{letter-spacing:-.063em;max-width:820px;margin:16px 0 19px;font-size:clamp(38px,4.1vw,58px);font-weight:625;line-height:1.14}.page-heading p,.guide-heading p{max-width:640px;font-size:14px;line-height:1.85}.guide-heading-mark{border:1px solid var(--border);background:var(--surface);width:113px;height:113px;color:var(--emerald);border-radius:6px;font-size:35px}.guide-page .guide-heading-mark{width:105px;height:105px}.guide-page .guide-heading{margin-bottom:29px}.guide-page .guide-heading h1{font-size:clamp(38px,4.1vw,56px)}.guide-workspace-heading{margin:48px 0 19px}.guide-workspace-heading h2{font-size:24px}.workspace{border:1px solid var(--border);box-shadow:var(--shadow);border-radius:7px;overflow:visible}.workspace-toolbar{background:var(--surface);min-height:91px;padding:19px 26px}.search-picker-label{font-size:10px}.search-picker-trigger{background:var(--bg);border-radius:4px;font-size:12px}.search-picker-popover{border-radius:5px}.reader{padding:31px 37px 29px}.reader-topline h2{font-size:26px}.verse-box{background:var(--bg);border-color:var(--border);border-radius:4px}.arabic-word{transition:background .17s,color .17s}.arabic-word.word-marked{background:color-mix(in srgb, var(--word-rule-accent) 10%, var(--surface))}.arabic-word.word-selected,.arabic-word.word-marked.word-selected{background:var(--clay-tint);color:var(--text)}.verse-rule-overview{background:color-mix(in srgb, var(--surface-muted) 74%, var(--surface));border-radius:5px}.verse-rule-chips button{border-radius:4px}.verse-rule-chips button:hover{border-color:var(--rule-accent);transform:none}.insight-panel{background:var(--surface)}.panel-placeholder-icon{background:var(--green-tint);border:1px solid var(--border);border-radius:7px}.selected-arabic{background:var(--surface-muted);border-radius:5px}.rule-chip{background:var(--green-tint);color:var(--forest);border-radius:4px}.search-field,.search-results{box-shadow:none;border-radius:5px}.search-field:focus-within{border-color:var(--emerald);box-shadow:0 0 0 3px color-mix(in srgb,var(--emerald) 12%,transparent);outline:none}.search-suggestions button{border-radius:4px}.library-tools{padding:16px 0 23px}.category-tabs button{border-radius:4px;font-size:11px}.category-tabs button.active{background:var(--forest-deep);color:#fff;border-color:var(--forest-deep)}.library-search{border-radius:4px;height:39px}.lesson-row{border-color:var(--border);min-height:124px}.lesson-row:hover{background:var(--surface)}.lesson-row h2{color:var(--forest);font-size:22px;font-weight:630}.lesson-number{color:var(--gold-text)}.lesson-hero{padding-bottom:46px}.lesson-prose section{padding-block:46px}.lesson-prose h2,.reference-content h2{font-size:27px;font-weight:610}.lesson-side-card,.lesson-example{border-radius:5px}.letter-grid{gap:9px}.letter-grid button{border-radius:5px;min-height:103px}.letter-grid button:hover{background:var(--surface-muted);transform:none}.letter-grid button.active{background:var(--clay-tint);border-color:var(--emerald);box-shadow:inset 0 0 0 1px var(--emerald)}.letter-detail{border-radius:5px}.letter-detail-head{background:var(--forest-deep)}.coverage>div{background:var(--surface-muted)}.source-block{border-radius:5px}[data-theme=dark] .reading-journey{border-color:var(--border);background:#222d34}[data-theme=dark] .journey-heading h2,[data-theme=dark] .journey-steps h3{color:#ecf3e9}[data-theme=dark] .journey-steps>div{border-color:#40505a}[data-theme=dark] .journey-steps p{color:#aebbc1}[data-theme=dark] .journey-steps .step-index,[data-theme=dark] .journey-steps svg{color:var(--emerald)}[data-theme=dark] .demo-shell{border-color:var(--border);color:#eef2f3;background:#20272c}[data-theme=dark] .demo-chrome,[data-theme=dark] .demo-explanation{border-color:var(--border)}[data-theme=dark] .demo-chrome,[data-theme=dark] .demo-reading-hint,[data-theme=dark] .demo-reason{color:#b8c6cd}[data-theme=dark] .demo-reading p,[data-theme=dark] .demo-explanation h3,[data-theme=dark] .demo-explanation a{color:#eff3e6}[data-theme=dark] .demo-switch{background:#293138}[data-theme=dark] .demo-switch button{color:#b4bec2}[data-theme=dark] .demo-switch button.is-active{color:#fff;background:#36434a}[data-theme=dark] .demo-guide p{color:#c8d5dc}[data-theme=dark] .demo-reference{color:#b5ccd8}[data-theme=dark] .arabic-word.word-marked{background:color-mix(in srgb, var(--word-rule-accent) 14%, var(--surface));color:var(--text)}[data-theme=dark] .arabic-word.word-selected{background:var(--clay-tint);color:var(--text)}[data-theme=dark] .coverage>div,[data-theme=dark] .lesson-example{border-color:var(--border)}@media (max-width:1190px){.brand-descriptor,.brand-separator{display:none}.header-inner{gap:14px;width:min(100% - 40px,1350px)}.desktop-nav a{padding-inline:7px;font-size:11px}.new-hero{gap:36px}.showcase-section,.reading-journey-inner{gap:55px}}@media (max-width:960px){.desktop-nav{display:none}.header-inner{height:68px}.header-actions{margin-left:auto}.mobile-menu-button{display:inline-grid}.mobile-nav{background:var(--surface);border-top:1px solid var(--border);gap:0;padding:8px 22px 18px;display:grid;box-shadow:0 15px 30px #0000000d}.mobile-nav a{border-bottom:1px solid var(--border);min-height:48px;color:var(--text-secondary);grid-template-columns:22px 1fr 17px;align-items:center;gap:12px;font-size:13px;display:grid}.mobile-nav a.nav-active{color:var(--forest);font-weight:680}.mobile-nav a>svg:last-child{justify-self:end}.new-hero{grid-template-columns:1fr;gap:55px;min-height:0;padding-top:65px;padding-bottom:80px}.new-hero-copy{padding-bottom:0}.new-hero h1{max-width:760px;font-size:clamp(46px,7vw,72px)}.new-hero-visual{max-width:670px}.hero-credibility{margin-top:38px}.editorial-intro{grid-template-columns:1fr;gap:15px;padding-block:100px}.reading-journey-inner{grid-template-columns:1fr;gap:30px;padding-block:70px}.showcase-section{grid-template-columns:1fr;gap:40px;padding-block:95px}.showcase-copy{max-width:680px}.showcase-visual{max-width:700px}.pathways-section{padding-bottom:95px}}@media (max-width:650px){.page-container,.footer-inner{width:calc(100% - 38px)}.header-inner{width:calc(100% - 32px)}.header-cta{display:none}.brand{font-size:20px}.new-hero{gap:32px;padding-top:47px;padding-bottom:64px}.new-hero h1{margin-block:22px 18px;font-size:clamp(43px,11vw,58px)}.new-hero-lead{font-size:13.5px;line-height:1.8}.new-hero-actions{gap:20px;margin-top:27px}.new-hero-actions .button{justify-content:space-between;width:100%}.hero-credibility{flex-wrap:nowrap;margin-top:37px}.hero-credibility span{padding:0 10px;font-size:9px}.hero-credibility b{font-size:11px;display:block}.demo-chrome{padding:14px 15px}.demo-switch{margin:14px 14px 0}.demo-switch button{min-height:34px;font-size:10px}.demo-reading{padding:26px 13px 21px}.demo-reading p{margin:20px 0 10px;font-size:clamp(27px,7.2vw,37px);line-height:2.1}.demo-explanation{padding:21px 20px 24px}.demo-explanation h3{font-size:22px}.demo-bottom{padding-inline:19px}.chapter-inner{min-height:60px}.chapter-inner span:last-child{display:none}.editorial-intro{padding-block:79px}.editorial-copy h2{font-size:clamp(33px,8.5vw,47px)}.editorial-copy p{font-size:13px}.reading-journey-inner{padding-block:63px}.journey-heading h2{font-size:39px}.journey-steps>div{grid-template-columns:30px 1fr 19px;gap:10px}.journey-steps h3{font-size:17px}.showcase-section{padding-block:76px}.showcase-copy h2{font-size:42px}.showcase-modes>div{min-height:172px;padding:16px 13px}.showcase-modes strong{font-size:16px}.showcase-modes p{font-size:10px}.showcase-arabic{font-size:51px}.pathways-heading{margin-bottom:28px;display:block}.pathways-heading h2{font-size:37px}.pathways-heading>a{margin-top:20px}.pathway{grid-template-columns:29px 1fr 22px;gap:12px;min-height:140px;padding-right:0}.pathway-icon{display:none}.pathway-text h3{font-size:19px}.pathway-text p{font-size:11px}.end-invite-inner{padding-block:65px;display:block}.end-invite h2{font-size:43px}.end-invite .button{justify-content:space-between;width:100%;margin-top:27px}.footer-inner{padding-top:48px;display:block}.footer-navigation{gap:50px;margin-top:42px}.footer-bottom{flex-direction:column;margin-top:51px}.page-top{padding-top:49px;padding-bottom:85px}.page-heading h1,.guide-heading h1,.lesson-hero h1{font-size:clamp(36px,9.5vw,48px)}.page-heading p,.guide-heading p{font-size:13px}.guide-page .guide-heading h1{font-size:39px}.guide-workspace-heading h2{font-size:20px}.reader{padding:21px 16px 24px}.lesson-row h2{font-size:18px}.letter-grid button{min-height:82px}}@media (prefers-reduced-motion:reduce){.demo-shell *,.pathway,.pathway-arrow,.understated-link{transition:none!important}}.curated-dot{background:var(--interface-blue)}.auto-dot{background:var(--soft-ochre)}.sheet-backdrop{display:none}@media (max-width:900px){.sheet-backdrop{z-index:49;cursor:default;background:#2437467a;border:0;display:block;position:fixed;inset:0}.insight-panel.panel-open{z-index:50;border-radius:13px 13px 0 0;box-shadow:0 -15px 55px #0003}}:root[data-theme=samudra]{--cloud-blue:#edf3f6;--paper-white:#fcfdfd;--mist-blue:#f7fafb;--ink-blue:#243746;--muted-slate:#667680;--interface-blue:#55758c;--dusty-coral:#c98779;--coral-text:#995d52;--coral-strong:#a86458;--soft-ochre:#c5a369;--muted-lavender:#9489a8;--line-blue:#d6e0e5;--bg:#edf3f6;--surface:#fcfdfd;--surface-muted:#f7fafb;--forest:#243746;--forest-deep:#2f4858;--emerald:#55758c;--gold:#c5a369;--gold-text:#7c6743;--text:#243746;--text-secondary:#667680;--border:#d6e0e5;--border-strong:#b9c9d2;--focus:#55758c;--green-tint:#e7eef2;--gold-tint:#f4efe3;--blue-tint:#e5eef3;--clay-tint:#f5e8e4;--lavender-tint:#eeeaf2;--brand-mark-bg:#2f4858;--brand-mark-accent:#c98779;--shadow:0 6px 26px #364e5e11;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=zamrud]{--cloud-blue:#102821;--paper-white:#17372e;--mist-blue:#1d4036;--ink-blue:#f4f2e5;--muted-slate:#b8c8bf;--interface-blue:#7ac8a8;--dusty-coral:#e1a05f;--coral-text:#f0b574;--coral-strong:#b96d42;--soft-ochre:#dcc27b;--muted-lavender:#9db7aa;--line-blue:#31584a;--bg:#102821;--surface:#17372e;--surface-muted:#1d4036;--forest:#f4f2e5;--forest-deep:#0c4a38;--emerald:#7ac8a8;--gold:#dcc27b;--gold-text:#ead18e;--text:#f4f2e5;--text-secondary:#b8c8bf;--border:#31584a;--border-strong:#487062;--focus:#86d9b6;--green-tint:#214a3d;--gold-tint:#4a412b;--blue-tint:#1d493e;--clay-tint:#543b2e;--lavender-tint:#30473f;--brand-mark-bg:#0c4a38;--brand-mark-accent:#e1a05f;--meeting-accent:#7ac8a8;--waqaf-accent:#b4c8ba;--tajwid-band-opacity:36%;--tajwid-band-selected-opacity:52%;--tajwid-panel-opacity:28%;--tajwid-ikhfa:#83d8bb;--tajwid-izhar:#8de0cb;--tajwid-idgham-ghunnah:#d3b3ed;--tajwid-idgham-clear:#c0aae4;--tajwid-iqlab:#f0a276;--tajwid-qalqalah:#e7c76f;--tajwid-lam:#c8b5df;--tajwid-mad-tabii:#e0bf70;--tajwid-default:#99d7c0;--shadow:0 9px 34px #0003;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=senja]{--cloud-blue:#f7efe6;--paper-white:#fffaf3;--mist-blue:#f4e6dc;--ink-blue:#493345;--muted-slate:#78666f;--interface-blue:#a95746;--dusty-coral:#cf7059;--coral-text:#9f4738;--coral-strong:#a44d3d;--soft-ochre:#c79249;--muted-lavender:#8d6885;--line-blue:#e3cfc1;--bg:#f7efe6;--surface:#fffaf3;--surface-muted:#f4e6dc;--forest:#493345;--forest-deep:#573849;--emerald:#a95746;--gold:#c79249;--gold-text:#815e2e;--text:#493345;--text-secondary:#78666f;--border:#e3cfc1;--border-strong:#cfae9d;--focus:#a95746;--green-tint:#f0dfd2;--gold-tint:#f5e5c9;--blue-tint:#f0ddd4;--clay-tint:#f5d9cd;--lavender-tint:#eee1eb;--brand-mark-bg:#573849;--brand-mark-accent:#e49a7f;--meeting-accent:#a95746;--waqaf-accent:#8d6885;--shadow:0 9px 30px #5b374217;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=zamrud] .reading-journey{border-color:var(--border);background:#17372e}[data-theme=senja] .reading-journey{border-color:var(--border);background:#f2e2d6}[data-theme=zamrud] .demo-shell{background:var(--surface);color:var(--text)}[data-theme=zamrud] .demo-reading p,[data-theme=zamrud] .demo-explanation h3,[data-theme=zamrud] .demo-explanation a{color:var(--text)}[data-theme=zamrud] .demo-chrome,[data-theme=zamrud] .demo-reading-hint,[data-theme=zamrud] .demo-reason{color:var(--text-secondary)}[data-theme=zamrud] .button-light{color:#17372e;background:#f4f2e5}.theme-picker{position:relative}.theme-picker>summary{list-style:none}.theme-picker>summary::-webkit-details-marker{display:none}.theme-picker[open]>summary{background:var(--surface-muted);color:var(--emerald)}.theme-menu{z-index:70;border:1px solid var(--border);background:var(--surface);border-radius:10px;width:262px;padding:8px;position:absolute;top:calc(100% + 12px);right:0;box-shadow:0 18px 48px #1b2d372e}.theme-menu:before{content:"PILIH SUASANA";color:var(--text-secondary);letter-spacing:.13em;padding:8px 10px 7px;font-size:9px;font-weight:760;display:block}.theme-menu button{width:100%;color:var(--text);text-align:left;background:0 0;border:1px solid #0000;border-radius:7px;grid-template-columns:36px 1fr 18px;align-items:center;gap:10px;padding:9px;display:grid}.theme-menu button:hover,.theme-menu button.is-active{border-color:var(--border);background:var(--surface-muted)}.theme-menu button span{flex-direction:column;line-height:1.3;display:flex}.theme-menu button strong{font-size:12px;font-weight:690}.theme-menu button small{color:var(--text-secondary);font-size:9.5px}.theme-menu button>svg{color:var(--emerald)}.theme-swatch{border:1px solid #00000014;border-radius:6px;width:34px;height:34px;box-shadow:inset 0 0 0 5px #fff3}.theme-swatch-samudra{background:linear-gradient(135deg,#2f4858 0 48%,#c98779 48% 72%,#edf3f6 72%)}.theme-swatch-zamrud{background:linear-gradient(135deg,#0c4a38 0 48%,#dcc27b 48% 72%,#17372e 72%)}.theme-swatch-senja{background:linear-gradient(135deg,#573849 0 48%,#cf7059 48% 72%,#f7efe6 72%)}.library-heading{position:relative}.lesson-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding-top:22px;display:grid}.lesson-row{border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 86%,transparent);border-radius:10px;flex-direction:column;align-items:stretch;gap:0;min-width:0;min-height:390px;padding:12px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;overflow:hidden}.lesson-row:hover{border-color:color-mix(in srgb,var(--emerald) 50%,var(--border));box-shadow:var(--shadow);padding:12px;transform:translateY(-5px)}.lesson-card-top{color:var(--emerald);justify-content:space-between;align-items:center;padding:3px 3px 11px;display:flex}.lesson-card-top .lesson-number{letter-spacing:.08em;font-size:11px}.lesson-card-top svg{transition:transform .2s}.lesson-row:hover .lesson-card-top svg{transform:translate(3px,-3px)}.lesson-card-copy{padding:19px 8px 14px}.lesson-card-copy h2{margin:7px 0;font-size:21px;line-height:1.25}.lesson-card-copy p{font-size:11.5px;line-height:1.68}.lesson-visual{background:linear-gradient(145deg,color-mix(in srgb,var(--blue-tint) 74%,var(--surface)),color-mix(in srgb,var(--clay-tint) 72%,var(--surface)));min-height:166px;color:var(--forest);isolation:isolate;border-radius:7px;position:relative;overflow:hidden}.lesson-visual svg{width:100%;height:100%;position:absolute;inset:0}.visual-orbit,.visual-wave,.visual-axis{fill:none;vector-effect:non-scaling-stroke}.visual-orbit{stroke:color-mix(in srgb,var(--emerald) 58%,transparent);stroke-width:1.4px}.visual-orbit-two{stroke:color-mix(in srgb,var(--dusty-coral) 62%,transparent)}.visual-wave{stroke:var(--gold);stroke-width:2px}.visual-axis{stroke:color-mix(in srgb,var(--border-strong) 65%,transparent);stroke-width:1px}.visual-disc{fill:color-mix(in srgb,var(--surface) 48%,transparent);stroke:color-mix(in srgb,var(--emerald) 42%,transparent)}.visual-disc-two{fill:color-mix(in srgb,var(--dusty-coral) 17%,transparent);stroke:color-mix(in srgb,var(--dusty-coral) 46%,transparent)}.visual-dot{fill:var(--gold)}.lesson-visual-copy{z-index:1;text-align:center;align-content:center;justify-items:center;display:grid;position:absolute;inset:0}.lesson-visual-copy>span{color:var(--emerald);letter-spacing:.13em;text-transform:uppercase;margin-bottom:6px;font-size:8px;font-weight:760}.lesson-visual-copy>strong{color:var(--forest);text-shadow:0 1px var(--surface);font-size:39px;line-height:1.25}.lesson-visual-copy>small{color:var(--text-secondary);opacity:.72;font-family:Noto Naskh Arabic,serif;font-size:17px;position:absolute;bottom:9px;right:14px}.lesson-visual[data-pattern="1"] svg{transform:scaleX(-1)}.lesson-visual[data-pattern="2"] .visual-disc-one{transform:translate(52px,-16px)}.lesson-visual[data-pattern="3"] .visual-wave{transform:translateY(18px)}.lesson-visual[data-category=Dengung]{background:linear-gradient(145deg,var(--lavender-tint),var(--blue-tint))}.lesson-visual[data-category=Sifat\ bunyi]{background:linear-gradient(145deg,var(--gold-tint),var(--clay-tint))}.lesson-visual[data-category=Panjang\ bacaan]{background:linear-gradient(145deg,var(--gold-tint),var(--surface-muted))}.lesson-visual[data-category=Konteks\ bacaan]{background:linear-gradient(145deg,var(--clay-tint),var(--lavender-tint))}.lesson-hero{grid-template-columns:minmax(0,1.15fr) minmax(270px,.85fr);align-items:center;gap:clamp(28px,5vw,70px);display:grid}.lesson-hero-copy{min-width:0}.lesson-visual-large{border:1px solid var(--border);min-height:260px}.lesson-visual-large .lesson-visual-copy>strong{font-size:clamp(48px,6vw,76px)}.home-learn-shortcut{color:var(--forest)}.pwa-install{z-index:90;border:1px solid var(--border-strong);background:color-mix(in srgb,var(--surface) 94%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:14px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;width:min(520px,100vw - 40px);padding:14px 14px 14px 16px;display:grid;position:fixed;bottom:20px;right:20px;box-shadow:0 18px 50px #1d323e33}.pwa-install-icon{color:#fff;background:var(--forest-deep);border-radius:11px;place-items:center;width:42px;height:42px;display:grid}.pwa-install-copy{flex-direction:column;min-width:0;line-height:1.35;display:flex}.pwa-install-copy strong{color:var(--text);font-size:13px}.pwa-install-copy>span{color:var(--text-secondary);font-size:10.5px}.pwa-install-copy small{color:var(--text);align-items:center;gap:5px;margin-top:7px;font-size:10px;display:flex}.pwa-install-action{color:#fff;background:var(--emerald);border:0;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:38px;padding:0 14px;font-size:11px;font-weight:720;display:inline-flex}.pwa-install-close{border:1px solid var(--border);width:27px;height:27px;color:var(--text);background:var(--surface);box-shadow:var(--shadow);border-radius:50%;place-items:center;display:grid;position:absolute;top:-9px;right:-9px}@media (max-width:960px){.lesson-list{grid-template-columns:repeat(2,minmax(0,1fr))}.lesson-hero{grid-template-columns:1fr}.lesson-visual-large{max-width:620px;min-height:220px}}@media (max-width:650px){.theme-menu{width:auto;position:fixed;top:64px;left:16px;right:16px}.lesson-list{grid-template-columns:1fr;gap:12px}.lesson-row{min-height:0}.lesson-visual{min-height:178px}.lesson-card-copy{padding-bottom:18px}.lesson-visual-large{min-height:195px}.pwa-install{grid-template-columns:38px minmax(0,1fr);width:calc(100vw - 24px);padding:12px;bottom:12px;right:12px}.pwa-install-icon{width:38px;height:38px}.pwa-install-action{grid-column:1/-1;width:100%}}
.workspace-options{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:12px;padding:16px 24px;display:flex}.workspace-options>a{color:var(--emerald);align-items:center;gap:6px;margin-left:auto;font-size:12px;display:inline-flex}.view-switch{border:1px solid var(--border);background:var(--surface-muted);border-radius:8px;flex-wrap:wrap;gap:3px;padding:3px;display:inline-flex}.view-switch button{min-height:40px;color:var(--text-secondary);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:5px;padding:8px 12px;font-size:12px}.view-switch button[aria-pressed=true]{color:var(--forest);background:var(--surface);font-weight:650;box-shadow:0 1px 3px #0001}.reader-notice{border:1px solid var(--border);background:var(--surface-muted);border-radius:8px;margin:16px 24px;padding:15px;font-size:13px;line-height:1.7}.reader-notice p{margin:6px 0}.reader-notice a,.similar-examples a,.waqaf-comparison a,.studio-source{color:var(--emerald);text-underline-offset:3px;text-decoration:underline}.workspace-explore .workspace-grid{grid-template-columns:minmax(0,1.65fr) minmax(300px,.85fr)}.workspace .verse-hint{margin-top:16px;line-height:1.7}.workspace .verse-box{min-height:210px}.workspace .font-controls{height:auto}.workspace .font-controls button,.workspace .panel-close{min-width:44px;min-height:44px}.workspace .verse-rule-chips button,.workspace .overlap-switcher button,.workspace .verse-nav button{min-height:44px;font-size:12px}.workspace .verse-rule-heading{flex-wrap:wrap}.workspace .verse-rule-heading strong{font-size:11px}.workspace .insight-panel{height:auto;max-height:85vh;position:sticky;top:12px}.workspace .panel-placeholder{padding-block:25px}.workspace .simple-example strong{overflow-wrap:anywhere}.context-letters{text-align:start;font-family:Noto Naskh Arabic,serif;font-size:26px!important}.common-mistake{border-left:2px solid var(--gold-text);background:var(--surface-muted);border-radius:4px;padding:12px}.occurrence-nav{justify-content:space-between;align-items:center;gap:10px;padding:12px 0;font-size:12px;display:flex}.occurrence-nav button{border:1px solid var(--border);background:var(--surface);min-width:44px;min-height:44px;color:var(--text);border-radius:6px;place-items:center;display:grid}.similar-examples{margin-top:20px}.similar-examples h4{font-size:13px}.similar-examples a{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;min-height:44px;padding-block:9px;font-size:12px;display:flex}.similar-examples a span{max-width:100%;font-family:Noto Naskh Arabic,serif;font-size:22px}.study-launch{border:1px solid var(--border);background:var(--surface-muted);width:100%;min-height:48px;color:var(--emerald);font:inherit;border-radius:8px;justify-content:center;align-items:center;gap:10px;margin-top:16px;padding:12px;font-size:13px;display:flex}.waqaf-comparison{padding:20px}.insight-panel .waqaf-comparison{padding:0}.comparison-word{text-align:center;margin:16px 0;font-family:Noto Naskh Arabic,serif;font-size:44px}.comparison-result{border:1px solid var(--border);background:var(--surface-muted);border-radius:8px;margin:18px 0;padding:18px}.comparison-result h3{margin:0 0 12px;font-size:20px}.comparison-result>strong,.comparison-result>span{margin:8px 0;display:block}.comparison-result>span{color:var(--emerald);font-size:13px;font-weight:600}.comparison-result p{font-size:13px;line-height:1.75}.waqaf-comparison small,.waqaf-comparison>a{margin-top:12px;font-size:11px;line-height:1.7;display:block}.learning-path{background:var(--surface);border:1px solid var(--border);border-radius:10px;margin-bottom:32px;padding:24px}.learning-path h2{letter-spacing:-.03em;margin-top:0;font-size:23px}.learning-path>p{color:var(--text-secondary);font-size:13px;line-height:1.7}.learning-path ol{grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;margin:24px 0 0;padding:0;list-style:none;display:grid}.learning-path h3{margin:0 0 10px;font-size:13px}.learning-path a{color:var(--emerald);padding-block:6px;font-size:12px;line-height:1.6;display:block}.learning-path a:hover{text-decoration:underline}.learning-order{border-top:1px solid var(--border);color:var(--emerald);flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:30px;padding:24px 0;font-size:13px;display:flex}.studio-steps ol{padding-left:20px;font-size:13px;line-height:1.9}.letter-comparison>div{grid-template-columns:1fr 1fr;gap:12px;display:grid}.letter-comparison article{border:1px solid var(--border);background:var(--surface-muted);border-radius:8px;padding:14px}.letter-comparison h3{margin:0 0 10px;font-size:14px}.letter-comparison h3 span{margin-bottom:12px;font-family:Noto Naskh Arabic,serif;font-size:34px;display:block}.letter-comparison strong{font-size:12px}.studio-source{font-size:11px;line-height:1.7}.sheet-backdrop{z-index:49;cursor:pointer;background:#12262e66;border:0;position:fixed;inset:0}.workspace button:focus-visible,.view-switch button:focus-visible,.learning-path a:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.workspace button:disabled{opacity:.45;cursor:default}@media (max-width:900px){.workspace-explore .workspace-grid{display:block}.workspace .insight-panel.panel-open{z-index:50;height:auto;max-height:78dvh;position:fixed;inset:auto 0 0}.workspace-options{gap:10px;padding:14px}.workspace-options>a{width:100%;min-height:36px;margin:0}.learning-path ol{grid-template-columns:repeat(2,minmax(0,1fr))}.tajweed-segment{padding-block:.18em}.workspace .insight-panel{scroll-padding:20px}.workspace .panel-head{background:var(--surface);z-index:1;padding:8px 0;position:sticky;top:-24px}}@media (max-width:480px){.learning-path{padding:20px}.learning-path ol{grid-template-columns:1fr}.learning-path a{min-height:36px}.letter-comparison>div{grid-template-columns:1fr}.reader-notice{margin-inline:14px}.workspace .verse-nav-current{display:none}}@media (prefers-reduced-motion:reduce){.insight-panel.panel-open{animation:none}}
