.qcc-card{position:relative;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.09);border-radius:14px;padding:13px 15px;display:grid;grid-template-columns:44px 1fr auto;grid-gap:13px;gap:13px;align-items:center;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}.qcc-card:hover{border-color:rgba(95,208,197,.42);transform:translateY(-2px);box-shadow:0 14px 32px rgba(0,0,0,.38)}.qcc-num{width:40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:#f3e6c4;background:radial-gradient(circle at 50% 32%,rgba(227,179,65,.3),rgba(227,179,65,.05));border:1px solid rgba(227,179,65,.45);box-shadow:inset 0 1px 0 rgba(255,255,255,.16)}.qcc-card:hover .qcc-num{border-color:rgba(227,179,65,.7)}.qcc-ar{font-size:21px;margin:0 0 2px;color:#f4eede;font-family:Amiri,Scheherazade New,Noto Naskh Arabic,Times New Roman,serif;line-height:1.2}.qcc-meta{font-size:13px;margin:0;color:#aebccb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qcc-meta .qcc-en{color:#8fa0b3}.qcc-meta .qcc-verses{color:#74859a}.qcc-link{text-decoration:none;color:inherit;min-width:0;display:block}.qcc-link:focus-visible{outline:2px solid rgba(95,208,197,.6);outline-offset:3px;border-radius:6px}