.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}@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-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{--spacing:.25rem}}@layer utilities{.absolute{position:absolute}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.mt-5\!{margin-top:calc(var(--spacing) * 5)!important}.mb-5\!{margin-bottom:calc(var(--spacing) * 5)!important}.block{display:block}.flex{display:flex}.grid{display:grid}.size-52{width:calc(var(--spacing) * 52);height:calc(var(--spacing) * 52)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.items-center{align-items:center}.justify-center{justify-content:center}.text-center{text-align:center}.italic{font-style:italic}.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,)}@media(min-width:48rem){.md\:mt-15\!{margin-top:calc(var(--spacing) * 15)!important}.md\:size-72{width:calc(var(--spacing) * 72);height:calc(var(--spacing) * 72)}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:justify-end{justify-content:flex-end}.md\:text-left{text-align:left}}}@font-face{font-family:Tinos;src:url(/fonts/tinos-latin-400-normal.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Tinos;src:url(/fonts/tinos-latin-400-italic.woff2)format("woff2");font-style:italic;font-weight:400;font-display:swap}@font-face{font-family:Tinos;src:url(/fonts/tinos-latin-700-normal.woff2)format("woff2");font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:Tinos;src:url(/fonts/tinos-latin-700-italic.woff2)format("woff2");font-style:italic;font-weight:700;font-display:swap}@font-face{font-family:Yeseva One;src:url(/fonts/yeseva-one-latin-400-normal.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:AlQalamQuran;src:url(/fonts/hafs.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}:root{--color-background:#f5f1ea;--color-surface:#ffffff80;--color-border:#d7c9b8;--color-accent:#b2967d;--color-secondary:#7d5a44;--color-primary:#4a342a;--shadow-soft:0 18px 40px #4a342a14;--max-width:74rem;--page-padding:clamp(1.25rem, 2vw, 2rem);--radius-large:1.75rem;--radius-medium:1.25rem;--font-body:"Tinos", Georgia, serif;--font-display:"Yeseva One", Georgia, serif;--font-arabic:"AlQalamQuran", serif}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at top,#b2967d29,transparent 34%),linear-gradient(180deg,#fff6,transparent 28%),var(--color-background);min-height:100vh;color:var(--color-primary);font-family:var(--font-body),serif;text-rendering:optimizelegibility;margin:0;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%}.site-shell{padding:clamp(1rem,2vw,1.75rem)}.page{width:min(100%,var(--max-width));margin:0 auto}.page-home{padding-block:clamp(1.5rem,4vw,4rem) clamp(3rem,6vw,5rem)}.page-detail{padding-block:clamp(1.25rem,3vw,2.5rem) calc(clamp(9rem,18vw,10.5rem) + env(safe-area-inset-bottom))}.hero,.detail-card{border-radius:var(--radius-large);box-shadow:var(--shadow-soft);background:linear-gradient(#ffffff9e,#ffffff6b);border:1px solid #d7c9b8e6;position:relative;overflow:hidden}.hero:after,.detail-card:after{content:"";pointer-events:none;background:linear-gradient(140deg,#b2967d1f,#0000 28%),radial-gradient(circle at 100% 100%,#b2967d14,#0000 24%);position:absolute;inset:0}.hero{padding:clamp(1.75rem,4vw,3.5rem)}.hero__eyebrow,.section-heading__kicker,.detail-panel__label,.detail-hero__number,.pager__direction{color:var(--color-secondary);letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:.76rem;font-weight:700}.hero h1,.section-heading h2,.detail-hero__transliteration{font-family:var(--font-display),serif;letter-spacing:-.02em;margin:0;font-weight:600}.hero h1{max-width:17ch;font-size:clamp(3rem,9vw,5.25rem);line-height:.94}.hero__lede{z-index:1;max-width:44rem;font-family:var(--font-body),serif;color:var(--color-secondary);margin:1.25rem 0 0;font-size:clamp(1.5rem,2vw,1.16rem);font-style:italic;line-height:1.2;position:relative}.hero__meta{z-index:1;flex-wrap:wrap;gap:.75rem;margin-top:1.75rem;display:flex;position:relative}.hero__meta span{color:var(--color-secondary);background:#ffffff5c;border:1px solid #b2967d80;border-radius:999px;padding:.55rem .9rem;font-size:.9rem}.index-section{margin-top:clamp(2.5rem,6vw,4rem)}.section-heading{gap:.35rem;margin-bottom:1.25rem;display:grid}.section-heading h2{font-size:clamp(1.9rem,5vw,3rem)}.names-list{gap:.7rem;margin:0;padding:0;list-style:none;display:grid}.name-link{border-radius:var(--radius-medium);background:#ffffff70;border:1px solid #d7c9b8e6;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:1.15rem 1.25rem;transition:transform .18s,border-color .18s,background-color .18s;display:grid}.name-link:hover,.name-link:focus-visible{background:#ffffffa3;border-color:#7d5a4470;outline:none;transform:translateY(-2px)}.name-link__number{min-width:2.4rem;color:var(--color-secondary);font-size:.9rem;font-weight:700}.name-link__content{gap:.05rem;display:grid}.name-link__arabic{font-family:var(--font-arabic),serif;letter-spacing:.02em;text-align:center;font-feature-settings:"liga" 1;direction:rtl;font-size:clamp(2.15rem,6vw,3rem);line-height:1.45}.name-link__transliteration{font-family:var(--font-display),serif;font-size:clamp(1.5rem,4vw,2rem);line-height:1.08}.name-link__translation{color:var(--color-secondary);font-size:1.15rem}.name-link__symbol{color:var(--color-accent);font-size:1rem}.back-link{color:var(--color-secondary);align-items:center;gap:.45rem;margin-bottom:1.25rem;font-size:.92rem;display:inline-flex}.back-link:before{content:"←"}.detail-card{padding:clamp(1.5rem,3vw,2.75rem)}.detail-hero{z-index:1;gap:.5rem;display:grid;position:relative}.detail-hero__arabic{font-family:var(--font-arabic),serif;letter-spacing:.04em;text-align:center;font-feature-settings:"liga" 1;direction:rtl;margin:1.15rem 0 0;font-size:clamp(5.5rem,6vw,4rem);font-weight:400;line-height:1.55}.detail-hero__transliteration{font-size:clamp(2.3rem,6vw,3.8rem);line-height:.95}.detail-hero__translation,.detail-hero__summary,.detail-meta dd{margin:0}.detail-hero__translation{color:var(--color-secondary);font-size:1.15rem}.detail-hero__summary{max-width:48rem;margin-top:.55rem;font-size:1.02rem}.detail-content{z-index:1;gap:1rem;margin-top:1.75rem;display:grid;position:relative}.detail-panel{border-top:1px solid #d7c9b8e6;padding-top:1rem}.detail-panel__label{margin-bottom:.75rem}.detail-prose{color:var(--color-primary)}.detail-prose>:first-child{margin-top:0}.detail-prose>:last-child{margin-bottom:0}.detail-prose p{margin:0}.detail-prose p+p{margin-top:.95rem}.detail-prose strong{font-weight:700}.detail-meta{gap:.85rem;display:grid}.detail-meta div{gap:.15rem;display:grid}.detail-meta dt{color:var(--color-secondary);font-size:.9rem}.pager{left:50%;bottom:max(.85rem,env(safe-area-inset-bottom));z-index:40;width:min(var(--max-width),calc(100% - (2*clamp(1rem,2vw,1.75rem))));border-radius:calc(var(--radius-large) + .1rem);-webkit-backdrop-filter:blur(16px);background:#f5f1ead6;border:1px solid #d7c9b8eb;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;padding:.7rem;display:grid;position:fixed;transform:translate(-50%);box-shadow:0 18px 40px #4a342a1f}.pager__link,.pager__spacer{border-radius:var(--radius-medium);min-width:0;min-height:5.4rem;padding:.95rem 1rem 1rem}.pager__link{background:#ffffff94;border:1px solid #d7c9b8eb;box-shadow:inset 0 1px #ffffff6b}.pager__spacer{background:0 0;border:1px solid #0000}.pager__link{text-align:center;align-content:center;gap:.35rem;transition:transform .18s,background-color .18s,border-color .18s;display:grid}.pager__link:hover,.pager__link:focus-visible{background:#ffffffb8;border-color:#7d5a4470;outline:none;transform:translateY(-2px)}.pager__arabic{min-width:0;font-family:var(--font-arabic),serif;letter-spacing:.03em;text-align:center;font-feature-settings:"liga" 1;direction:rtl;font-size:clamp(1.65rem,5vw,2.2rem);line-height:1.45;display:block}.pager__name{min-width:0;font-family:var(--font-display),serif;overflow-wrap:anywhere;font-size:clamp(1rem,3vw,1.3rem);line-height:1.1;display:block}@media(min-width:48rem){.name-link{padding:1.35rem 1.5rem}.detail-content{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:40rem){.name-link{grid-template-columns:1fr auto}.name-link__number{grid-column:1/-1}.name-link__symbol{align-self:start;margin-top:.45rem}}@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-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}@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media(prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}[data-astro-transition-scope]{animation:none!important}}