@font-face{font-family:Naskh;src:url('/assets/naskh.ttf') format('truetype');font-display:swap}
@font-face{font-family:ArabicSans;src:url('/assets/sans.ttf') format('truetype');font-display:swap}
body{font-family:ArabicSans,Tahoma,sans-serif!important}h1,h2,button,.eyebrow,.num{font-family:ArabicSans,Tahoma,sans-serif}h1{font-weight:600;letter-spacing:-1px}h2{font-weight:600}.reading{font-family:Naskh,serif;line-height:2.15}.reading blockquote{font-size:1.3em}.verse{font-family:Naskh,serif!important;font-size:1.45em!important}.brand{font-family:Naskh,serif!important;font-size:30px!important;position:relative;padding-right:76px;min-height:65px;line-height:1.4}.brand:before{content:'';position:absolute;right:0;top:0;width:62px;height:62px;background:url('/assets/logo.svg') center/contain no-repeat}.brand .small{font-family:ArabicSans,sans-serif;font-size:11px;margin-top:7px}section{box-shadow:0 3px 18px #123e3503}.intro{font-family:Naskh,serif;font-size:24px!important}.reading textarea{font-family:Naskh,serif;font-size:22px}.reading button{font-size:15px}
@media(max-width:750px){.brand{font-size:25px!important;padding-right:59px}.brand:before{width:49px;height:49px}.brand .small{font-size:10px}h1{font-size:36px!important}.intro{font-size:22px!important}}
 .ayah-number{display:inline-flex;align-items:center;justify-content:center;min-width:1.6em;height:1.6em;border:1px solid #b89b57;border-radius:50%;font-size:.6em;vertical-align:middle;margin-inline:5px;line-height:1}.verse-reference{text-align:center;font-family:ArabicSans,Tahoma,sans-serif;font-size:13px;color:#7b6839;margin-top:-8px!important}
.header-actions{display:flex;align-items:center;gap:20px}.language-switch{color:#f3e7c8;border:1px solid #7c805b;border-radius:8px;padding:5px 13px;font:14px Arial,sans-serif;text-decoration:none;white-space:nowrap}.language-switch:hover{background:#295347}.language-switch:focus-visible{outline:2px solid #e9d8a6;outline-offset:4px}@media(max-width:500px){.header-actions>.small{display:none}}