/* Hanuun Quran */

.hanuun-quran-title {
    display:flex;
    align-items:baseline;
    gap:12px;
}

.hanuun-quran-number {
    flex:0 0 auto;
    min-width:2.5em;
    color:#64748b;
    font-size:.86em;
    font-weight:800;
    font-variant-numeric:tabular-nums;
    letter-spacing:.02em;
}

.hanuun-quran-track[data-surah="001"] {
    border-top:0;
}

@media (max-width:700px) {
    .hanuun-quran-title {
        gap:9px;
    }

    .hanuun-quran-number {
        min-width:2.35em;
    }
}

/* ===== HANUUN QURAN RECITER LANDING ===== */

.hanuun-quran-reciter-section {
    max-width:1120px;
    margin:0 auto;
}

.hanuun-quran-reciter-grid {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;
}

.hanuun-quran-reciter-card {
    position:relative;
    display:flex;
    flex-direction:column;
    min-height:190px;
    padding:24px;
    border:1px solid rgba(15,23,42,.08);
    border-radius:22px;
    background:#fff;
    box-shadow:0 12px 34px rgba(15,23,42,.05);
    color:#0f172a;
    text-decoration:none;
    transition:
        transform .18s ease,
        border-color .18s ease,
        box-shadow .18s ease;
}

.hanuun-quran-reciter-card:hover {
    transform:translateY(-2px);
    border-color:rgba(18,59,100,.20);
    box-shadow:0 18px 42px rgba(15,23,42,.08);
}

.hanuun-quran-reciter-kicker {
    margin-bottom:10px;
    color:#64748b;
    font-size:11px;
    font-weight:800;
    letter-spacing:.09em;
    text-transform:uppercase;
}

.hanuun-quran-reciter-card h2 {
    margin:0;
    color:#123b64;
    font-size:21px;
    line-height:1.28;
    letter-spacing:-.02em;
}

.hanuun-quran-riwaayah {
    align-self:flex-start;
    margin-top:12px;
    padding:5px 9px;
    border-radius:999px;
    background:#eef5fb;
    color:#123b64;
    font-size:11px;
    font-weight:800;
}

.hanuun-quran-reciter-meta {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-top:auto;
    padding-top:24px;
    color:#64748b;
    font-size:13px;
    font-weight:700;
}

.hanuun-quran-reciter-open {
    display:grid;
    place-items:center;
    width:34px;
    height:34px;
    border-radius:50%;
    background:#f4f7fa;
    color:#123b64;
    font-size:17px;
}

@media (max-width:760px) {

    .hanuun-quran-reciter-grid {
        grid-template-columns:1fr;
        gap:12px;
    }

    .hanuun-quran-reciter-card {
        min-height:160px;
        padding:20px;
        border-radius:19px;
    }

    .hanuun-quran-reciter-card h2 {
        font-size:19px;
    }

    .hanuun-quran-reciter-meta {
        padding-top:18px;
    }
}