.card-grid{gap:var(--s5);grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));margin:0;padding:0;list-style:none;display:grid}.card{align-content:start;gap:var(--s3);height:100%;padding:var(--s3);border:1px solid var(--rule);border-radius:var(--radius);background:var(--raise);color:inherit;transition:border-color var(--dur);text-decoration:none;display:grid}.card:hover{border-color:var(--accent)}.card .print{box-shadow:none;padding:0}.card__body{gap:var(--s2);padding:0 var(--s1) var(--s1);display:grid}.card__kind{font:var(--t-label);color:var(--accent-ink)}.card h3{font:var(--t-h3);color:var(--head);transition:color var(--dur)}.card:hover h3{color:var(--accent-ink)}.card .print{overflow:hidden}.card .print img{transition:transform .6s}.card:hover .print img{transform:scale(1.04)}@media (prefers-reduced-motion:reduce){.card .print img{transition:none}.card:hover .print img{transform:none}}.card__surahs{font:var(--t-meta);color:var(--ink3)}@container page (max-width:560px){.card-grid{gap:var(--s3);grid-template-columns:repeat(2,minmax(0,1fr))}.card{padding:var(--s2)}.card h3{font-size:15px}}