.website-bar{display:flex;justify-content:space-between;gap:16px;padding:18px 0;border-bottom:1px solid var(--line);font-size:12px;direction:ltr}.website-bar a,.reader-footer a{color:var(--ink);text-decoration:none}.website-bar a:hover,.reader-footer a:hover{text-decoration:underline}.reader-footer{font-size:12px;color:var(--muted);padding:35px 0 10px;text-align:center}a:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
body{padding-top:0}#app{width:100%;max-width:none;border:0;padding-inline:clamp(20px,5vw,48px)}.nav{width:100%;left:0;transform:none}.website-bar{flex-wrap:wrap}
@media(min-width:900px){
 #app{padding:0 64px 40px 168px;min-height:100dvh}
 .nav{top:0;bottom:0;left:0;width:104px;padding:28px 10px;display:flex;flex-direction:column;justify-content:center;gap:12px;border-top:0;border-right:1px solid var(--line)}
 .nav button{flex:0;min-height:80px;align-content:center;padding:12px 4px}.nav-label{min-height:0}
 .collections,#results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px}.collection{min-width:0}.collection .label{min-width:0}
 .search{max-width:800px}.intro{margin-top:28px}.intro h1{font-size:54px}.feature{padding:36px;margin-block:32px}.feature h2{font-size:40px}.feature p{max-width:460px}.feature .moon{right:40px;top:-12px;font-size:200px}
 #app>article,.reader-head,.count,.track,.tap,.reader-actions{width:100%;max-width:900px;margin-inline:auto}#app>article .arabic{font-size:calc(var(--arabic) + 2px)}.tap{display:block}
 #app>.reader-head+.mini{max-width:900px;margin-inline:auto}#app>button[data-action=reset],#app>button[data-action=resetCollection]{display:block;margin-inline:auto}#app>button[data-action=reset]~p.mini{max-width:900px;margin-inline:auto}
 .settings-row{max-width:1000px}.reminder-row{max-width:1000px}
 html[dir=rtl] #app{padding:0 168px 40px 64px}html[dir=rtl] .nav{left:auto;right:0;border-right:0;border-left:1px solid var(--line)}
}
@media(min-width:1280px){.collections,#results{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 40px}}
@media(max-width:899px){.nav{width:100%;max-width:none}#app{padding-bottom:calc(var(--nav-height,104px) + 20px)}.brand{min-width:0}.tagline{letter-spacing:1px}.reader-head span{overflow-wrap:anywhere}}