.home-hero{text-align:center;padding-block:3rem 2rem}.home-bismillah{font-family:var(--font-arabic);direction:rtl;font-size:clamp(2rem,1.4rem + 2.5vw,3.2rem);line-height:2}.home-title{color:var(--color-gold);margin:.5rem 0 0;font-size:clamp(1.4rem,1.2rem + .8vw,1.8rem)}.section-heading{color:var(--color-text-muted);align-items:center;gap:.5rem;font-size:1rem;display:inline-flex}.section-heading:before{content:"";background:var(--color-gold);width:1.1rem;height:2px;display:inline-block}.legend-toggle-checkbox{opacity:0;pointer-events:none;position:absolute}.legend-toggle-label{cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid var(--color-gold);background:var(--color-gold-soft);width:100%;color:var(--color-text);border-radius:.6rem;padding:.85rem 1rem;font-size:1.05rem;font-weight:600}.legend-toggle-label:after{content:"▾";color:var(--color-gold);margin-inline-start:auto;font-size:1.2rem;transition:transform .15s;display:inline-block}.legend-toggle-checkbox:checked~.legend-toggle-label:after{transform:rotate(180deg)}.legend-section .legend-grid{display:none}.legend-toggle-checkbox:checked~.legend-grid{display:grid}@media (min-width:48rem){.legend-toggle-label{pointer-events:none;width:auto;color:var(--color-text-muted);background:0 0;border:none;padding:0;font-size:1rem;font-weight:400}.legend-toggle-label:after{display:none}.legend-section .legend-grid{display:grid}}.home-lede{max-width:42rem;color:var(--color-text-muted);margin-inline:auto;font-size:1.1rem;line-height:1.7}.dev-status-banner{border:1px solid var(--color-gold);background:var(--color-gold-soft);max-width:34rem;color:var(--color-text);border-radius:.5rem;margin:1.5rem auto 0;padding:.75rem 1.1rem;font-size:.9rem;line-height:1.5}.app-info{padding-block:2rem}.app-info-track{scroll-snap-type:x mandatory;scrollbar-width:thin;gap:1rem;margin-inline:clamp(-1rem,-4vw,0px);padding-block-end:.5rem;padding-inline:clamp(0px,4vw,1rem);display:flex;overflow-x:auto}.app-info-card{scroll-snap-align:start;border:1px solid var(--color-border);background:var(--color-bg-elevated);font-family:var(--font-latin);color:var(--color-text);cursor:pointer;text-align:start;border-radius:.75rem;flex:0 0 min(85%,22rem);justify-content:space-between;align-items:center;gap:.6rem;padding:1.1rem 1.3rem;font-size:1.1rem;font-weight:600;display:flex}.app-info-card:hover{border-color:var(--color-gold)}.app-info-card-chevron{color:var(--color-gold);flex-shrink:0;font-size:1.4rem}.app-info-dialog{background:var(--color-bg-elevated);max-width:min(34rem,90vw);max-height:80vh;color:var(--color-text);border:none;border-radius:.75rem;padding:1.75rem 1.75rem 2rem;line-height:1.65;position:relative;overflow-y:auto}.app-info-dialog::backdrop{background:#14120e80}.app-info-dialog h2{border-bottom:2px solid var(--color-gold);margin:0 1.5rem 1rem 0;padding-block-end:.6rem;font-size:1.25rem}.app-info-dialog p{margin-block:0 .85rem}.app-info-dialog ul{gap:.4rem;margin:0 0 .5rem;padding-inline-start:1.2rem;display:grid}.app-info-dialog a{color:var(--color-accent);text-decoration:underline}.app-info-full-link{text-align:center;margin-block-start:.9rem}.app-info-full-link a{color:var(--color-accent);font-size:.9rem;text-decoration:none}.app-info-full-link a:hover{text-decoration:underline}@media (min-width:60rem){.app-info-track{grid-template-columns:repeat(3,1fr);margin-inline:0;padding-inline:0;display:grid;overflow-x:visible}.app-info-card{flex:unset}}.legend-grid{grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:.6rem;padding-block:1.5rem 2.5rem;display:grid}.demo-cta{background:var(--color-accent);color:#fff;border-radius:.4rem;margin-block:1rem 2.5rem;padding:.7rem 1.4rem;font-weight:600;text-decoration:none;display:inline-block}.surah-search{border:1px solid var(--color-border);background:var(--color-bg-elevated);width:100%;color:var(--color-text);font-family:var(--font-latin);border-radius:.6rem;margin-block:.5rem 1rem;padding:.7rem 1rem;font-size:1rem;display:block}.surah-search:focus{border-color:var(--color-gold);outline:none}.surah-search::placeholder{color:var(--color-text-muted)}.surah-grid{grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:.7rem;padding-block:.5rem 3rem;display:grid}.surah-card{border:1px solid var(--color-border);background:var(--color-bg-elevated);color:var(--color-text);border-radius:.6rem;flex-direction:column;gap:.3rem;padding:.85rem .9rem;text-decoration:none;transition:border-color .15s,box-shadow .15s;display:flex}.surah-card:hover{border-color:var(--color-gold);box-shadow:0 2px 10px #0000000f}.surah-card.is-unavailable{opacity:.4;cursor:default;pointer-events:none}.surah-card-number{background:var(--color-gold-soft);width:1.5rem;height:1.5rem;color:var(--color-gold);font-variant-numeric:tabular-nums;border-radius:999px;justify-content:center;align-items:center;font-size:.7rem;font-weight:700;display:inline-flex}.surah-card-arabic{font-family:var(--font-arabic);text-align:right;color:var(--color-gold);direction:rtl;font-size:1.9rem;line-height:1.4}.surah-card-name{font-size:.9rem;font-weight:600}.surah-card-meta{color:var(--color-text-muted);align-items:center;gap:.4rem;font-size:.78rem;display:flex}.surah-card-meta svg{flex-shrink:0;width:1.15rem;height:1.15rem}