.home-hero{text-align:center;padding-block:3rem 2rem}.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-carousel{align-items:center;gap:.5rem;display:flex}.app-info-track{scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;touch-action:pan-x;scrollbar-width:none;gap:1rem;padding-block-end:.25rem;display:flex;overflow-x:auto}.app-info-track::-webkit-scrollbar{display:none}.app-info-arrow{border:1px solid var(--color-gold);background:var(--color-bg-elevated);width:2.1rem;height:2.1rem;color:var(--color-gold);cursor:pointer;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.3rem;line-height:1;display:inline-flex}.app-info-arrow:hover{background:var(--color-gold-soft)}.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;margin:auto;padding:1.75rem 1.75rem 2rem;line-height:1.65;position:fixed;inset:0;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 (max-width:30rem){.app-info-dialog{max-height:88vh;padding:1.25rem 1.25rem 1.5rem;font-size:.88rem;line-height:1.5}.app-info-dialog h2{margin-block-end:.6rem;padding-block-end:.4rem;font-size:1.05rem}.app-info-dialog p{margin-block-end:.6rem}.app-info-dialog ul{gap:.3rem}}@media (max-width:30rem) and (max-height:700px){.app-info-dialog{max-height:92vh;padding:1rem 1.1rem 1.25rem;font-size:.8rem;line-height:1.38}.app-info-dialog h2{margin-block-end:.5rem;padding-block-end:.35rem;font-size:.95rem}.app-info-dialog p{margin-block-end:.45rem}.app-info-dialog ul{gap:.2rem}}@media (min-width:60rem){.app-info-arrow{display:none}.app-info-track{grid-template-columns:repeat(3,1fr);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}