@font-face{font-family:Noto Arabic;src:url("/fonts/noto-sans-arabic.ttf")format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Noto Arabic;src:url("/fonts/noto-sans-arabic-bold.ttf")format("truetype");font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:IBM Plex Arabic;src:url("/fonts/ibm-plex-arabic-400.ttf")format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:IBM Plex Arabic;src:url("/fonts/ibm-plex-arabic-500.ttf")format("truetype");font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:IBM Plex Arabic;src:url("/fonts/ibm-plex-arabic-600.ttf")format("truetype");font-style:normal;font-weight:600 900;font-display:swap}html:lang(ar){--sans:"IBM Plex Arabic", sans-serif;--serif:"IBM Plex Arabic", sans-serif}html:lang(ur){--sans:"Noto Arabic", sans-serif;--serif:"Noto Arabic", sans-serif}:lang(ar){font-family:IBM Plex Arabic,sans-serif}:lang(ur){font-family:Noto Arabic,sans-serif}.site-locale:lang(ar){line-height:1.8}:lang(ar) :is(h1,h2,h3){font-weight:500;line-height:1.4}:lang(ar) .hero-panorama h1{line-height:1.4}:lang(ar) .prose p{line-height:1.95}:lang(ar) :is(.eyebrow,.main-nav,.button){font-weight:500}.brand,.brand span{font-family:DM Sans,Arial,sans-serif}.localized-lines{white-space:pre-line}.language-picker{flex-shrink:0;position:relative}.language-trigger{min-height:44px;color:var(--ink);background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:9px;padding:8px 11px;font-size:12px;line-height:1.5;display:flex}.language-trigger:hover,.language-trigger[aria-expanded=true]{border-color:var(--line);background:#ffffff08}.language-trigger>svg{color:var(--muted)}.language-chevron{color:var(--muted);display:flex;transform:rotate(90deg)}.language-code{letter-spacing:.04em;font-family:DM Sans,sans-serif;font-size:11px;display:none}.language-popover{inset-inline-end:0;background:#142130;border:1px solid #ffffff1c;border-radius:12px;width:240px;max-width:calc(100vw - 36px);padding:8px;position:absolute;top:calc(100% + 10px);box-shadow:0 16px 48px #0006}.language-menu-label{border-bottom:1px solid var(--line);color:var(--muted);margin-bottom:4px;padding:8px 12px 11px;font-size:11px}.language-option{text-align:left;border-radius:6px;align-items:center;gap:10px;min-height:46px;padding:9px 12px;font-family:DM Sans,sans-serif;font-size:13px;line-height:1.6;display:flex}.language-option>span:first-child{text-align:inherit;flex:1}[dir=rtl] .language-option{text-align:right}.language-option:hover,.language-option:focus-visible{background:#ffffff09}.language-option[aria-current=page]{color:var(--gold);background:#e2c3920c}.language-option:focus-visible{outline-offset:-2px}.language-check-space{width:16px}.language-links{flex-wrap:wrap;align-items:center;gap:7px 13px;display:flex}.language-links a[aria-current=page]{color:var(--gold);text-underline-offset:5px;text-decoration:underline}.header-actions,.main-nav,.location-name,.date-controls{min-width:0}.footer-bottom{flex-wrap:wrap;gap:20px}.screenshot-language{margin-top:12px;font-size:11px}.story-tabs button{text-align:start}.hero-panorama .prayer-date,.city-intro .prayer-date{text-align:end}.prayer-meta>span{overflow-wrap:anywhere}.directory-grid>a,.directory-grid>a>div,.footer-top>div,.city-preview{min-width:0}.prose p,.prose a{overflow-wrap:anywhere}.site-locale[dir=rtl]{line-height:1.95}[dir=rtl] :is(h1,h2,h3,.eyebrow,.story-preview-label,.article-meta,.prayer-time small){letter-spacing:0}[dir=rtl] :is(h1,h2,h3){font-style:normal;line-height:1.65}[dir=rtl] em{font-style:normal}[dir=rtl] .hero-panorama h1{font-size:clamp(42px,5.4vw,70px);line-height:1.65}[dir=rtl] .hero-panorama .next-prayer h2{font-size:42px}[dir=rtl] .main-nav,[dir=rtl] .story-tab-number,[dir=rtl] .calculation summary>span{margin-left:0;margin-right:auto}[dir=rtl] .prayer-time{border-right:0;border-left:1px solid var(--line)}[dir=rtl] .prayer-time:last-child{border-left:0}[dir=rtl] .hero-panorama .prayer-time:nth-child(3){border-right:0}[dir=rtl] .prayer-time small{font-size:9px;left:9px;right:auto}[dir=rtl] :is(.button,.text-link,.hero-app-link,.article-link)>svg,[dir=rtl] :is(.city-preview-heading,.city-links,.city-more)>a>svg{transform:scaleX(-1)}[dir=rtl] :is(.date-controls,.month-heading) .previous svg{transform:none}[dir=rtl] .date-controls .icon-button:not(.previous) svg,[dir=rtl] .month-heading .icon-button:not(.previous) svg{transform:rotate(180deg)}[dir=rtl] .search-results{text-align:right}[dir=rtl] .city-search input{text-align:start}[dir=rtl] .reading-layout aside{border-right:0}[dir=rtl] :is(.table-scroll th,.table-scroll td){text-align:start}[dir=rtl] .table-scroll :is(th,td)[dir=ltr]{text-align:end}@media (width<=1100px) and (width>=761px){.main-nav .button{display:none}.header-inner{gap:20px}.main-nav{gap:18px}}@media (width<=760px){.language-current{display:none}.language-code{display:inline}.language-trigger{gap:7px;padding-inline:8px}.header-actions{gap:4px;margin-inline-start:auto}.header-inner{gap:8px}.motion-toggle{display:none}.hero-panorama .prayer-date,.city-intro .prayer-date,.hero-panorama .location-hint{text-align:start}.calculation summary{flex-wrap:wrap;gap:7px}.calculation summary>span{flex-basis:100%}.location-name>span{display:none}.location-name{flex:1}.location-name strong{overflow-wrap:anywhere}.prayer-top{gap:8px}.date-controls{gap:0;font-size:10px}.footer-bottom{flex-direction:column;align-items:flex-start}[dir=rtl] .hero-panorama h1{font-size:38px;line-height:1.65}[dir=rtl] .hero-panorama .next-prayer h2{font-size:32px}[dir=rtl] .hero-panorama .prayer-time:nth-child(3){border-left:0}[dir=rtl] .prayer-compact .calculation summary>span{padding-left:0;padding-right:20px}[dir=rtl] .story-panel{min-height:195px}[dir=rtl] .story-tabs button{font-size:12px}[dir=rtl] .hero-panorama .prayer-time small{font-size:8px}[dir=rtl] .prayer-meta{flex-wrap:wrap;gap:10px}}@media (width<=360px){.brand{gap:7px;font-size:15px}.brand img{width:30px;height:30px}.language-trigger{padding-inline:6px}.language-chevron{display:none}.header-actions .menu-toggle{min-width:32px}.hero-panorama .prayer-time>div{flex-wrap:wrap}}[dir=rtl]:lang(ar) :is(h1,h2,h3),[dir=rtl]:lang(ar) .hero-panorama h1{line-height:1.4}