.surahs-page{padding:var(--space-12) 0 var(--space-24) 0}.surahs-search{max-width:560px;padding:1rem}.surahs-continue-banner{font-weight:600}.surahs-continue-banner:focus-visible,.surah-card-link:focus-visible .surah-card{outline:2px solid color-mix(in srgb, var(--color-primary) 72%, white 28%);outline-offset:3px}.surahs-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.surah-card-link{min-height:44px;text-decoration:none;display:block}.surah-card{height:100%;transition:transform var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-base);flex-direction:column;display:flex}.surah-card:hover{border-color:color-mix(in srgb, var(--color-primary-light) 40%, transparent)}.surah-card-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;display:flex}.surah-card-num{font-family:var(--font-mono);color:var(--theme-text-muted);font-size:var(--font-size-sm);letter-spacing:.1em}.surah-card-body{justify-content:space-between;align-items:flex-start;gap:var(--space-4);flex:1;display:flex}.surah-card-title-group{flex:1}.surah-en-title{font-family:var(--font-sans);font-size:var(--font-size-lg);color:var(--theme-text);margin:0 0 var(--space-1) 0;transition:color var(--transition-fast);font-weight:600}.surah-card-link:hover .surah-en-title{color:var(--color-primary-light)}.surah-meaning{font-family:var(--font-sans);font-size:var(--font-size-sm);color:var(--theme-text-muted);margin:0}.surah-ar-title{font-size:var(--font-size-2xl);color:var(--theme-text);transition:transform var(--transition-base), color var(--transition-base);line-height:1.2}.surah-card-link:hover .surah-ar-title{color:var(--color-primary-light);transform:scale(1.03)}.surah-card-footer{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid color-mix(in srgb, var(--theme-border) 40%, transparent);font-size:var(--font-size-xs);color:var(--theme-text-muted);text-transform:uppercase;letter-spacing:.05em;justify-content:flex-end;display:flex}.surah-skeleton{background:color-mix(in srgb, var(--theme-bg-elevated) 30%, transparent);border:1px solid color-mix(in srgb, var(--theme-border) 20%, transparent);border-radius:var(--radius-lg);min-height:180px}.no-results{text-align:center;padding:var(--space-12);color:var(--theme-text-muted);grid-column:1/-1}.surahs-juz-heading{z-index:var(--z-index-sticky,20);margin:var(--space-4) 0 0;padding:var(--space-2) 0;font-family:var(--font-heading);letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb, var(--theme-text) 62%, transparent);background:var(--theme-bg);border-bottom:1px solid color-mix(in srgb, var(--theme-border) 45%, transparent);grid-column:1/-1;font-size:.82rem;font-weight:600;position:sticky;top:0}.surahs-juz-heading:first-child{margin-top:0}.surahs-search{align-items:center;gap:var(--space-3);display:flex}.surahs-search .q-input-wrapper{flex:1}.surahs-search-clear{min-height:44px;padding:0 var(--space-3);border-radius:var(--radius-md);color:color-mix(in srgb, var(--theme-text) 74%, transparent);cursor:pointer;background:0 0;border:0;flex:none;font-size:.92rem;font-weight:600}.surahs-search-clear:hover{color:var(--color-primary-light)}.surahs-result-count{margin:var(--space-3) 0 0;color:color-mix(in srgb, var(--theme-text) 70%, transparent);font-size:.92rem}.no-results{justify-items:center;gap:var(--space-4);display:grid}@media (width<=767px){.surahs-page{padding-top:var(--space-10)}.surahs-header{margin-bottom:var(--space-8)}.surahs-grid{gap:var(--space-4);grid-template-columns:1fr}.surahs-search{max-width:none}.surah-card{min-height:168px}.surah-card-body{align-items:center}}.surahs-page{padding-top:var(--space-6)}.surahs-header{margin-bottom:var(--space-5)}.surahs-header .route-title{font-size:clamp(2rem,4vw,3rem)}.surahs-search{margin-top:var(--space-4);max-width:42rem;padding:0}.surahs-grid{gap:0 var(--space-6);grid-template-columns:repeat(2,minmax(0,1fr))}.surah-card{border-bottom:1px solid var(--theme-border);background:0 0;border-radius:0;grid-template-columns:3rem minmax(0,1fr) auto;align-items:center;gap:.75rem;min-height:100px;padding:1rem 0;display:grid}.surah-card-header{display:contents}.surah-card-body{align-items:center;min-width:0}.surah-card-footer{text-transform:none;letter-spacing:0;border:0;margin:0;padding:0}.surah-ar-title{font-size:1.6rem}@media (width<=767px){.surahs-grid{grid-template-columns:1fr}.surah-card{grid-template-columns:2rem minmax(0,1fr) auto;gap:.5rem;min-height:100px}.surah-card-footer{font-size:.75rem}.surah-ar-title{font-size:1.4rem}}.surahs-page .surahs-header{gap:.5rem;margin-bottom:1rem}.surahs-page .surahs-search{margin-block:.5rem 0;padding:0}.surahs-page .route-subtitle{max-width:55ch}
