.mushaf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));gap:1rem;margin:0;padding:0;list-style:none}.mushaf-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border-subtle);border-radius:var(--lux-radius);background-color:var(--surface);transition:border-color .12s ease-out}.mushaf-card:hover{border-color:var(--border-strong)}.mushaf-card__open{display:block;flex:none;padding:.6rem .6rem 0;text-decoration:none}.mushaf-card__open:hover .mushaf-preview{box-shadow:0 0 0 1px var(--border-strong)}.mushaf-card__title{display:block;flex:1 1 auto;padding:.6rem;text-decoration:none}.mushaf-card__title:hover .mushaf-card__name{text-decoration:underline}.mushaf-card__open:focus-visible,.mushaf-card__title:focus-visible{border-radius:calc(var(--lux-radius) - .125rem);outline-offset:-2px}.mushaf-preview{position:relative;display:flex;overflow:hidden;align-items:center;justify-content:center;aspect-ratio:476.04/718.08;width:100%;border-radius:calc(var(--lux-radius) - .125rem);background-color:var(--surface-sunken);--mushaf-column:100%;pointer-events:none;user-select:none}.mushaf-preview .mushaf-page{border-radius:0}.mushaf-preview__wait{color:var(--fg-subtle);font-size:.7rem}.mushaf-card__lines{display:flex;overflow:hidden;flex-direction:column;gap:.1rem;min-width:0}.mushaf-card__name{overflow:hidden;color:var(--fg);font-size:.8125rem;font-weight:600;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.mushaf-card__meta{color:var(--fg-subtle);font-size:.7rem;line-height:1.35}.mushaf-card__foot{display:flex;flex:none;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.25rem .5rem;padding:.2rem .35rem .2rem .6rem;border-top:1px solid var(--border-subtle)}.mushaf-card__page{overflow:hidden;color:var(--fg-subtle);font-size:.6875rem;font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap}.mushaf-card__actions{display:flex;flex:none;align-items:center;gap:.15rem}