/* Responsive Quran reader v1.4: natural breakpoint switching, no user-agent sniffing. */
*,*::before,*::after{box-sizing:border-box}
html{scroll-padding-top:100px}
.nav-wrap{max-width:1720px;padding:10px clamp(18px,2.2vw,42px);gap:clamp(8px,.75vw,17px);min-height:72px}
.nav-wrap .brand{font-size:clamp(1.12rem,1.38vw,1.4rem);margin-right:auto}
.nav-wrap nav{gap:clamp(8px,.85vw,17px);flex-wrap:nowrap;min-width:0}
.nav-wrap nav a{white-space:nowrap;font-size:clamp(.74rem,.78vw,.9rem)}
.header-search-form{flex:0 1 375px;max-width:375px;min-width:205px;box-shadow:0 4px 15px rgba(8,79,55,.06);background:var(--paper);border:1.5px solid color-mix(in srgb,var(--main) 30%,var(--border))}
.header-search-form input{font-size:.91rem;min-height:40px}
.header-search-form button{min-width:38px;height:38px}
.reader-menu-toggle{display:none;align-items:center;gap:7px;justify-content:center;border:1px solid var(--border);border-radius:11px;background:var(--paper);color:var(--main);padding:8px 11px;font-weight:760}
.reader-layout{max-width:1600px;width:calc(100% - clamp(24px,5.3vw,100px));margin-inline:auto;padding:clamp(19px,2.1vw,34px) clamp(8px,1.4vw,26px) 70px}
.reader-layout .page-head h1{font-size:clamp(1.5rem,2.4vw,2.75rem)}
.reader-layout .page-head{margin-top:5px;margin-bottom:18px}
.reader-layout .page-head p{max-width:85ch}
.reader-layout .verse-list,.reader-layout .pro-batch{gap:16px}
.reader-layout .verse.all-translations,.reader-layout .reading-panel{padding:clamp(19px,1.6vw,34px) clamp(20px,2.1vw,40px)}
.reader-layout .inline-translations{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(20px,2.4vw,45px);align-items:start}
.reader-layout .inline-translation{display:grid;grid-template-columns:minmax(118px,165px) minmax(0,1fr);align-items:start;gap:clamp(14px,1.3vw,24px);padding:15px 14px;border-top:1px solid var(--border);min-width:0}
.reader-layout .inline-label{padding:2px 4px 2px 0;line-height:1.55;overflow-wrap:anywhere}
.reader-layout .inline-text{min-width:0;line-height:1.85;overflow-wrap:anywhere}
.reader-layout .pro-controls{padding:22px 25px}.reader-layout .pro-choice{padding:13px 15px}
.reader-layout .arabic{padding:18px 6px 24px;line-height:2.45}
.reader-layout .verse-actions{gap:7px;flex-wrap:wrap;justify-content:flex-end}
.reader-layout .dash-actions{gap:18px}
.reader-layout .wbw-widget{margin-block:0 23px}
.reader-admin{max-width:780px;margin:40px auto;padding:24px;background:var(--paper);border:1px solid var(--border);border-radius:17px;color:var(--text)}
.reader-admin h1{font-size:2rem;margin:10px 0}.reader-admin label{display:grid;gap:6px;font-weight:700;margin:16px 0}.reader-admin input,.reader-admin select{padding:12px;width:100%;border:1px solid var(--border);border-radius:10px;background:var(--paper);color:var(--text)}.reader-admin button{margin-top:12px}
body.dark .reader-admin{background:var(--paper)}
@media(min-width:1700px){.reader-layout{max-width:1660px}.reader-layout .inline-translation{grid-template-columns:minmax(140px,180px) minmax(0,1fr);font-size:1.015rem}.reader-layout .inline-text{font-size:1.02rem}}
@media(max-width:1330px){
.nav-wrap{display:grid;grid-template-columns:auto minmax(150px,1fr) auto auto;column-gap:13px;row-gap:8px;position:relative;min-height:68px}
.nav-wrap .brand{grid-column:1;grid-row:1;margin:0}
.nav-wrap .header-search-form{grid-column:2;grid-row:1;width:100%;max-width:none;min-width:0;flex:none;order:0}
.nav-wrap .theme-toggle{grid-column:3;grid-row:1}
.reader-menu-toggle{display:inline-flex;grid-column:4;grid-row:1}
.nav-wrap nav{display:none;position:absolute;top:calc(100% + 1px);left:16px;right:16px;z-index:42;background:var(--paper);padding:16px;border:1px solid var(--border);border-radius:14px;box-shadow:0 18px 40px #0002;gap:6px}
.nav-wrap nav.reader-nav-open{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.nav-wrap nav a{padding:12px;border-radius:9px;background:var(--subtle);font-size:.9rem}
.nav-wrap nav a.active:after{bottom:0}
.reader-layout{width:calc(100% - 26px);padding-inline:10px}
}
@media(max-width:960px){
.reader-layout .inline-translations{grid-template-columns:1fr;gap:0}
.reader-layout .inline-translation{grid-template-columns:minmax(115px,175px) minmax(0,1fr);gap:20px;padding:13px 12px}
.reader-layout .verse.all-translations{padding:20px 22px}
.reader-layout .pro-controls{padding:16px}
.reader-layout .compare-grid{grid-template-columns:1fr}
}
@media(max-width:720px){
html{scroll-padding-top:116px}
.nav-wrap{grid-template-columns:minmax(0,1fr) auto auto;grid-template-rows:auto auto;gap:8px;padding:8px 12px}
.nav-wrap .brand{grid-column:1;grid-row:1;font-size:1.22rem;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.nav-wrap .theme-toggle{grid-column:2;grid-row:1;order:initial}
.reader-menu-toggle{grid-column:3;grid-row:1;padding:7px 10px;min-height:38px}
.nav-wrap .header-search-form{grid-column:1 / -1;grid-row:2;order:initial;width:100%;max-width:none;min-width:0;margin:0}
.nav-wrap .header-search-form input{min-height:37px;padding:8px 5px;font-size:16px}
.nav-wrap nav.reader-nav-open{grid-template-columns:repeat(2,minmax(0,1fr));max-height:min(70vh,470px);overflow:auto;gap:7px}
.reader-layout{width:100%;padding:15px 12px 55px}
.reader-layout .page-head{gap:9px;flex-wrap:wrap}.reader-layout .page-head h1{font-size:clamp(1.3rem,5vw,1.75rem)}
.reader-layout .page-head p{font-size:.86rem;line-height:1.55}
.reader-layout .verse.all-translations,.reader-layout .reading-panel{padding:15px 14px;border-radius:14px}
.reader-layout .inline-translations{grid-template-columns:1fr}
.reader-layout .inline-translation{grid-template-columns:minmax(0,1fr);gap:2px;padding:12px 8px}
.reader-layout .inline-label{font-size:.79rem;font-weight:820;padding:0}
.reader-layout .inline-text{font-size:.94rem;line-height:1.7}
.reader-layout .verse-top{align-items:flex-start;gap:12px;flex-wrap:wrap}
.reader-layout .verse-actions{justify-content:flex-start;width:100%;gap:6px}
.reader-layout .verse-actions .action-link,.reader-layout .verse-actions button{min-height:35px}
.reader-layout .arabic{font-size:clamp(1.85rem,6.5vw,2.6rem);padding:8px 2px 17px;line-height:2.2}
.reader-layout .pro-choices{grid-template-columns:repeat(2,minmax(0,1fr))}
.reader-layout .pro-options{gap:10px}.reader-layout .pro-count{margin:0}
.reader-layout .toolbar{margin-bottom:10px;gap:8px}.reader-layout .toolbar label{min-width:100px}
.reader-layout .dash-actions{grid-template-columns:1fr}.reader-layout .dash-search{gap:5px}
.reader-layout .compare-card{padding:16px}.reader-layout .page-head .pro-heading-links{flex-wrap:wrap}
.reader-admin{margin:12px;padding:15px}
}
@media print{.reader-menu-toggle,.wbw-widget:not([open]){display:none!important}.reader-layout{max-width:none;width:100%;padding:0}.reader-layout .inline-translations{grid-template-columns:1fr 1fr}}