html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-inter),-apple-system,system-ui,sans-serif;font-size:17px;line-height:1.47;color:hsl(var(--foreground));background:hsl(var(--background));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"kern" 1,"liga" 1,"calt" 1;min-height:100vh}a{text-decoration:none}a,button{color:inherit}button{font:inherit;background:transparent;border:0;cursor:pointer}img,svg{display:block;max-width:100%}:focus-visible{outline:2px solid hsl(var(--accent));outline-offset:2px;border-radius:4px}.nav{position:sticky;top:0;z-index:100;height:52px;display:flex;padding:0 max(16px,env(safe-area-inset-left)) 0 max(16px,env(safe-area-inset-right));background:hsl(var(--background)/.72);backdrop-filter:saturate(180%) blur(30px);border-bottom:.5px solid hsl(var(--separator))}.nav,.nav__inner{align-items:center}.nav__inner{width:100%;max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr auto 1fr;gap:16px}.nav__brand{font-family:var(--font-inter),-apple-system,system-ui,sans-serif;font-size:15px;font-weight:600;letter-spacing:-.01em;color:hsl(var(--foreground));display:inline-flex;align-items:center;gap:8px}.nav__brand-mark{width:22px;height:22px;border-radius:6px;background:hsl(var(--accent));display:inline-grid;place-items:center;color:#fff;font-size:12px;font-weight:700;letter-spacing:0}.nav__links{display:flex;justify-content:center;gap:4px}.nav__link{padding:6px 10px;font-size:14px;font-weight:500;color:hsl(var(--muted-foreground));border-radius:6px;transition:color .18s var(--spring),background .18s var(--spring)}.nav__link:hover{background:hsl(var(--muted)/.3)}.nav__link:hover,.nav__link[aria-current=page]{color:hsl(var(--foreground))}.nav__right{display:flex;justify-content:flex-end;align-items:center;gap:8px}.icon-btn{width:32px;height:32px;min-width:32px;border-radius:999px;display:inline-grid;place-items:center;color:hsl(var(--foreground));transition:background .18s var(--spring)}.icon-btn:hover{background:hsl(var(--muted)/.3)}.icon-btn svg{width:18px;height:18px;stroke-width:1.75}@media (max-width:720px){.nav__links{display:none}.nav__inner{grid-template-columns:1fr auto}.nav__brand-full{display:none}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 20px;border-radius:var(--r-lg);font-family:var(--font-inter),-apple-system,system-ui,sans-serif;font-size:17px;font-weight:600;letter-spacing:-.01em;transition:transform .12s var(--spring),background .18s var(--spring),border-color .18s var(--spring),opacity .18s var(--spring);will-change:transform}.btn:active{transform:scale(.97)}.btn--primary{background:hsl(var(--accent));color:#fff}.btn--primary:hover{background:hsl(var(--accent)/.85)}.btn--secondary{background:transparent;color:hsl(var(--foreground));border:1px solid hsl(var(--separator))}.btn--secondary:hover,.btn--tertiary{background:hsl(var(--muted)/.3)}.btn--tertiary{color:hsl(var(--foreground));min-height:36px;padding:6px 14px;font-size:15px;border-radius:var(--r-lg)}.btn--tertiary:hover{background:hsl(var(--muted)/.5)}.container{width:100%;max-width:1120px;margin:0 auto;padding:0 20px}.container--narrow{max-width:760px}.eyebrow{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:hsl(var(--muted-foreground))}.section-title{font-family:var(--font-inter),-apple-system,system-ui,sans-serif;font-weight:600;font-size:22px;letter-spacing:-.02em;margin:0 0 4px}.section-caption{font-size:15px;color:hsl(var(--muted-foreground));margin:0 0 20px}.footer{margin-top:80px;background:hsl(var(--muted));border-top:.5px solid hsl(var(--separator));padding:48px 0 32px}.footer__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.footer__col h4{margin:0 0 12px;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:hsl(var(--muted-foreground))}.footer__col ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}.footer__col a{font-size:14px;color:hsl(var(--foreground))}.footer__col a:hover{color:hsl(var(--accent))}.footer__copy{margin-top:32px;padding-top:20px;border-top:.5px solid hsl(var(--separator));font-size:12px;color:hsl(var(--muted-foreground)/.5);display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px}@media (max-width:720px){.footer__grid{grid-template-columns:repeat(2,1fr)}}.hstack{align-items:center}.hstack,.vstack{display:flex;gap:8px}.vstack{flex-direction:column}.spacer{flex:1}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.page-hero{padding:56px 0 24px}.page-hero h1{font-family:var(--font-inter),-apple-system,system-ui,sans-serif;font-size:clamp(40px,5.5vw,56px);font-weight:700;letter-spacing:-.03em;line-height:1.02;margin:0 0 12px}.page-hero p{color:hsl(var(--muted-foreground));font-size:19px;margin:0;max-width:620px}.search-bar{position:sticky;top:52px;z-index:50;padding:14px 0;background:hsl(var(--background)/.92);backdrop-filter:saturate(180%) blur(24px);border-bottom:1px solid hsl(var(--separator));box-shadow:0 4px 12px -6px hsl(0 0% 0%/.08);margin-bottom:24px}.search-field{display:flex;align-items:center;gap:10px;height:44px;background:hsl(var(--surface,var(--muted)));border:1px solid hsl(var(--separator));border-radius:12px;padding:0 14px;color:hsl(var(--foreground));box-shadow:0 1px 2px hsl(0 0% 0%/.04),inset 0 0 0 0 hsl(var(--accent));transition:border-color .18s var(--spring),box-shadow .18s var(--spring),background .18s var(--spring)}.search-field:hover{border-color:hsl(var(--muted-foreground)/.5)}.search-field:focus-within{border-color:hsl(var(--accent));box-shadow:0 0 0 3px hsl(var(--accent)/.18);background:hsl(var(--background))}.dark .search-field,:root[data-theme=dark] .search-field{background:hsl(var(--muted)/.6)}.search-field svg{width:16px;height:16px;color:hsl(var(--muted-foreground));stroke-width:2}.search-field input{flex:1;border:0;background:transparent;outline:none;font:inherit;color:inherit;font-size:15px}.search-field input::-moz-placeholder{color:hsl(var(--muted-foreground))}.search-field input::placeholder{color:hsl(var(--muted-foreground))}.search-clear{color:hsl(var(--muted-foreground));padding:4px;border-radius:999px;display:none}.search-field[data-has-value=true] .search-clear{display:inline-flex}.search-clear svg{width:14px;height:14px}.grouped-list{padding-bottom:40px}.group{margin-bottom:32px}.group__header{padding:8px 16px;font-size:13px;font-weight:400;letter-spacing:.02em;color:hsl(var(--muted-foreground));text-transform:uppercase}.group__list{background:hsl(var(--surface));border-radius:var(--r-2xl);overflow:hidden;border:.5px solid hsl(var(--separator));list-style:none;padding:0;margin:0}.row{padding:0;min-height:60px;position:relative}.row__link{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:16px;padding:12px 16px;min-height:60px;color:inherit;text-decoration:none;transition:background .15s var(--spring);-webkit-tap-highlight-color:transparent}.row+.row:before{content:"";position:absolute;top:0;left:76px;right:0;height:.5px;background:hsl(var(--separator))}.row__link:focus-visible,.row__link:hover{background:hsl(var(--muted)/.3)}.row__link:active{background:hsl(var(--muted)/.5)}.row__num{font-size:15px;font-weight:600;color:hsl(var(--accent));font-variant-numeric:tabular-nums;letter-spacing:-.01em}.row__main{min-width:0}.row__name{font-size:17px;font-weight:600;letter-spacing:-.01em;color:hsl(var(--foreground));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row__caption{font-size:13px;color:hsl(var(--muted-foreground));margin-top:2px}.row__arabic{font-family:var(--font-noto-arabic),"Amiri",serif;font-size:20px;color:hsl(var(--foreground));direction:rtl}.row__chevron{color:hsl(var(--muted-foreground)/.5);margin-left:4px}.row__chevron svg{width:14px;height:14px;stroke-width:2.5}.empty{padding:40px 16px;text-align:center;color:hsl(var(--muted-foreground));font-size:15px;display:none}.empty.is-visible{display:block}@media (max-width:520px){.row__link{grid-template-columns:36px 1fr auto;padding:12px}.row+.row:before{left:64px}.row__arabic{font-size:18px}}