.header-tools{display:flex;align-items:center;gap:12px;flex-shrink:0}.language-switch{display:flex;align-items:center;direction:ltr;border:1px solid var(--line);border-radius:6px;padding:3px;background:var(--surface)}.language-switch button{font:12px/1.5 Arial,Tahoma,sans-serif;padding:7px 9px;min-height:32px;border-radius:4px}.language-switch button[aria-pressed=true]{background:var(--deep);color:#fff}.site-header{gap:18px}.site-header nav{gap:20px}.translation,.english-sample{direction:ltr;text-align:left}.recovery-input,#copy-khatma-link{direction:ltr;text-align:left;unicode-bidi:plaintext}.timeline,.play-controls{direction:ltr}.verse-ref{unicode-bidi:plaintext}.juz-range{unicode-bidi:plaintext}.site-header nav{min-width:0}
html[lang=ar] body{font-family:Tahoma,Arial,sans-serif;font-size:15px;line-height:1.9}html[lang=ar] button,html[lang=ar] input,html[lang=ar] select,html[lang=ar] textarea{font-family:Tahoma,Arial,sans-serif}html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] .chapter-heading h2,html[lang=ar] .dialog-heading h2{font-family:'Amiri Quran',serif;letter-spacing:0;line-height:1.8}html[lang=ar] h1{font-size:48px;margin:16px 0}html[lang=ar] h1 em,html[lang=ar] h2 em{font-style:normal}html[lang=ar] .eyebrow,html[lang=ar] .art-caption,html[lang=ar] .art-footer,html[lang=ar] .brand,html[lang=ar] .brand small,html[lang=ar] .gateway-num,html[lang=ar] .cover-footer,html[lang=ar] .resource-meta,html[lang=ar] .footer-brand,html[lang=ar] .chapter-actions>span{letter-spacing:0}html[lang=ar] .brand{font-size:23px}html[lang=ar] .brand small{font-size:9px;line-height:1.7}html[lang=ar] .site-header nav a{font-size:13px}html[lang=ar] .eyebrow{font-size:12px}html[lang=ar] .hero p,html[lang=ar] .collection-heading>p,html[lang=ar] .khatma-hero p{font-size:15px;line-height:2}html[lang=ar] .button,html[lang=ar] .text-link,html[lang=ar] .field-label,html[lang=ar] .field-select{font-size:13px}html[lang=ar] .hero-art{margin:26px 36px 26px 0}html[lang=ar] .surah-item,html[lang=ar] .saved-go,html[lang=ar] .site-footer button{text-align:start}html[lang=ar] .surah-panel{padding-inline-end:3px}html[lang=ar] .surah-info strong{font:19px/1.9 'Amiri Quran',serif}html[lang=ar] .surah-info small{font-size:11px;line-height:1.8}html[lang=ar] .surah-name-ar{display:none}html[lang=ar] .juz-card h2>span,html[lang=ar] .progress-total>span>span,html[lang=ar] .prayer-section-jump label>span,html[lang=ar] .gathering-tools summary>span{display:none}html[lang=ar] .book-info h4,html[lang=ar] .dua-card h4,html[lang=ar] .prayer-reading-heading h2,html[lang=ar] #chapter-meaning{display:none}html[lang=ar] .resource-description,html[lang=ar] .dua-card>p,html[lang=ar] dialog p{font-size:14px;line-height:2}html[lang=ar] .resource-author,html[lang=ar] .resource-meta,html[lang=ar] .source-note,html[lang=ar] .small-note{font-size:12px!important;line-height:1.9}html[lang=ar] .chapter-end p,html[lang=ar] .reader-offline-tools p,html[lang=ar] .font-quick>span,html[lang=ar] .font-quick output,html[lang=ar] .reciter-control label{font-size:12px;letter-spacing:0}html[lang=ar] .reader-offline-tools summary,html[lang=ar] .gathering-tools summary{font-size:14px}html[lang=ar] .player-title strong{font-size:14px}html[lang=ar] .player-title span:not(.player-emblem){font-size:11px}html[lang=ar] .reciter-control select{font-size:12px}html[lang=ar] .install-help{border-left:0;border-right:2px solid var(--gold)}html[lang=ar] .verse.active-verse{box-shadow:inset -3px 0 var(--gold)}html[lang=ar] #previous-surah,html[lang=ar] #next-surah{transform:scaleX(-1)}html[lang=ar] .book-cover,html[lang=ar] .prayer-feature-art{direction:rtl}html[lang=ar] .chapter-heading .eyebrow{justify-content:center}html[lang=ar] .chapter-actions>span{font-size:10px}html[lang=ar] .chapter-actions button{font-size:13px}html[lang=ar] .prayer-size{gap:12px}html[lang=ar] .juz-context p,html[lang=ar] .juz-range{font-size:12px;line-height:1.9}html[lang=ar] .form-error,html[lang=ar] .group-notice,html[lang=ar] .organizer-note,html[lang=ar] .khatma-steps p,html[lang=ar] .sync-tools{font-size:13px}html[lang=ar] .footer-brand span{font:17px/1.8 'Amiri Quran',serif}html[lang=ar] .site-footer p,html[lang=ar] .site-footer button{font-size:12px}
@media(max-width:1150px){.site-header{height:auto;min-height:128px;flex-wrap:wrap;padding-block:17px;gap:10px}.site-header nav{order:3;flex-basis:100%;justify-content:space-between}.header-tools{margin-inline-start:auto}}
@media(max-width:780px){html[lang=ar] .hero-art{margin:20px 16px 20px 0}html[lang=ar] h1{font-size:40px}html[lang=ar] .chapter-heading h2{font-size:34px}html[lang=ar] .quran-welcome .eyebrow{font-size:11px}html[lang=ar] .reader-toolbar{height:auto;min-height:40px;gap:8px}html[lang=ar] .view-tabs button{font-size:12px;padding:8px}html[lang=ar] .settings-button{font-size:12px}html[lang=ar] .font-quick{gap:6px}html[lang=ar] .font-quick>span{min-width:44px}html[lang=ar] .player-inner{min-height:135px}html[lang=ar] body[data-section=reader]{padding-bottom:175px}html[lang=ar] body[data-section=reader].audio-has-message{padding-bottom:240px}html[lang=ar] .reciter-control label{font-size:10px}html[lang=ar] .reciter-control select{font-size:12px}}
@media(max-width:520px){.header-tools{gap:6px}.language-switch button{padding:5px 7px;font-size:11px}.site-header nav{overflow-x:auto;justify-content:flex-start;gap:20px}.site-header nav a{flex-shrink:0;white-space:nowrap}.site-header .brand{font-size:14px;gap:6px}.site-header .brand small{font-size:5px;letter-spacing:1px}.brand-mark{font-size:30px}.site-header #theme-toggle{width:32px;height:32px}html[lang=ar] .site-header .brand{font-size:20px}html[lang=ar] .site-header .brand small{font-size:8px}html[lang=ar] .site-header nav a{font-size:13px}.settings-button span:last-child{font-size:10px!important}.settings-button span:last-child:after{content:none!important}html[lang=ar] .settings-button span:last-child{font-size:11px!important}html[lang=ar] .hero h1{font-size:41px;line-height:1.75}html[lang=ar] .hero p{max-width:100%;font-size:14px}html[lang=ar] .hero-art{left:-122px;right:auto;margin:0}html[lang=ar] .hero-actions{gap:15px}html[lang=ar] .button{font-size:12px;padding-inline:13px;gap:14px}html[lang=ar] .reading-quick-tools{gap:10px}html[lang=ar] .font-quick{gap:4px}html[lang=ar] .font-quick>span{font-size:11px;min-width:40px}html[lang=ar] .font-quick output{font-size:10px;min-width:28px}html[lang=ar] .font-quick button{min-width:31px}html[lang=ar] .player-title strong{font-size:12px;max-width:115px}html[lang=ar] .player-title span:not(.player-emblem){font-size:10px}html[lang=ar] .prayer-controls{gap:12px}html[lang=ar] .prayer-size{flex-wrap:wrap}html[lang=ar] .chapter-actions{flex-wrap:wrap}html[lang=ar] .dialog-heading h2{font-size:27px}html[lang=ar] .small-note{font-size:12px!important}}
/* Keep every destination visible on phones in both languages. */
@media(max-width:520px){.site-header nav{flex-wrap:wrap;justify-content:center;gap:2px 18px;overflow:visible}.site-header nav a{padding:8px 0}.site-header{padding-bottom:14px}.site-header nav a:last-child span{display:inline}.site-header .brand small{white-space:nowrap}}