/* Reflow by available space, including enlarged text and tablet split-screen. */
@media screen {
.home-strip{grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:24px}
.home-strip>div{min-width:0;padding:0!important;border:0!important}
.home-strip strong,.home-strip span{overflow-wrap:anywhere;word-break:normal;hyphens:none}
.home-header,.home-header nav,.home-hero>*,.home-grid>*,.home-start>*,.home-trust>*,.q-topline>*,.grid>*,.stats>*,.rail>*{min-width:0}
.home-header nav{gap:12px 20px}.home-header nav a{min-height:44px;display:inline-flex;align-items:center}
.home-hero h1{overflow-wrap:break-word}.home-reading .home-arabic,.q-reader-title,.q-arabic,.arabic{max-width:100%}
.q-translations,.q-translation,.q-verse-actions,.nav-actions,.nav-prompts{min-width:0}
.q-surah-card{overflow-wrap:anywhere}.q-surah-card>span{min-width:0}
.q-surah-arabic{flex-shrink:1;overflow-wrap:normal}
.nav-chat-top button,.more-title button{min-height:44px}
.actions>button,.actions>a{max-width:100%;white-space:normal;word-break:normal;overflow-wrap:break-word}
body.home-page .page-guide{justify-content:flex-start;margin:16px 0 0;flex-wrap:wrap}
.home-header+.page-guide{padding:0}
@media(min-width:701px) and (max-width:1050px){.home-hero{grid-template-columns:minmax(0,1fr);gap:32px;padding-block:42px}.home-reading{max-width:720px;width:100%;justify-self:center}.home-hero h1{max-width:850px}.home-start{gap:28px;padding:30px}.q-surah-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr))}}
@media(max-width:700px){.home-strip{grid-template-columns:minmax(0,1fr);gap:0;padding:10px 22px}.home-strip>div{padding:17px 0!important}.home-strip>div+div{border-top:1px solid var(--line)!important}.home-strip strong{font-size:1.3rem;line-height:1.4}.home-strip span{display:block;margin-top:5px;font-size:.9rem}.home-header{padding-block:18px;gap:14px}.home-header nav{width:100%;gap:8px 16px}.home-header nav .home-enter{padding:8px 14px}.home-hero{padding-top:32px}.home-hero h1{font-size:clamp(2.15rem,1.2rem + 4.8vw,3.25rem);line-height:1.15;letter-spacing:-.035em}.home-hero .home-kicker{margin-bottom:18px;max-width:100%;white-space:normal}.home-lead{font-size:1rem;line-height:1.75}.home-section h2{font-size:clamp(1.75rem,1.15rem + 3vw,2.3rem)}.home-reading-bottom{display:block}.home-reading-bottom a{display:block;margin-top:12px;min-height:44px}.home-start h2{font-size:2rem}}
@media(max-width:600px){.home-logo>span:last-child{max-width:220px}.home-logo{gap:10px}.home-header nav a{font-size:.84rem}.home-header nav .home-enter{font-size:.84rem}.page-guide{justify-content:flex-start;flex-wrap:wrap}.page-guide>span{flex:1 1 150px}.page-guide button{flex:0 1 auto;min-height:44px}.home-grid,.grid,.stats,.rail{grid-template-columns:minmax(0,1fr)}.q-directory-tools{grid-template-columns:minmax(0,1fr)}.q-directory-tools>div{max-width:none}.q-controls,.q-search-form{grid-template-columns:minmax(0,1fr)}.q-controls>*,.q-search-form>*{grid-column:1/-1}.q-ayah .verse-top{flex-wrap:wrap;align-items:flex-start}.q-verse-actions{flex-wrap:wrap;justify-content:flex-end}.settings-row{align-items:flex-start}.settings-row>div{min-width:0}.appearance-options button{flex:1 1 100px}.toolbar>div{flex:1 1 150px;min-width:0}.q-saved .actions{display:flex;flex-wrap:wrap}.q-saved .actions>*{flex:1 1 140px}.mobile-nav a>span,.mobile-nav button>span{overflow-wrap:normal;word-break:normal}.home-buttons a{flex:1 1 220px}}
@media(max-width:350px){body.home-page main{padding-inline:16px}.home-header nav{display:grid;grid-template-columns:1fr 1fr;gap:8px}.home-header nav .home-enter{grid-column:1/-1;justify-content:center}.q-verse-actions{width:100%}.mobile-nav a,.mobile-nav button,.large .mobile-nav a,.large .mobile-nav button{font-size:.64rem}.q-pagination{display:grid;grid-template-columns:1fr}.home-hero h1{font-size:2.1rem}}
@media(max-height:550px) and (min-width:901px){.sidebar{padding-block:16px}.sidebar nav a{min-height:44px}.sidebar-foot{margin-top:24px}}
@media(pointer:coarse){.q-save,.play,.q-text-button,.back{min-height:44px}}
}