/* Product-specific presentation. Shared site and other app styles stay intact. */
.iquranholder .iquranholder-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(220px, 280px);
    align-items: center;
    gap: 3rem;
}

.iquranholder .iquranholder-name {
    display: inline-block;
    font-size: 1.2rem;
}

.iquranholder .iquranholder-features {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem 3rem;
    margin-top: 2.5rem;
}

.iquranholder .w4-subnav [aria-current="page"] {
    font-weight: 700;
    text-decoration-thickness: 2px;
}

.iquranholder .iquranholder-section {
    margin-top: 2rem;
}

.iquranholder .iquranholder-questions {
    margin-top: 1.5rem;
}

.iquranholder .iquranholder-questions details {
    border-bottom: 1px solid var(--border);
    padding: 1rem 0;
}

.iquranholder .iquranholder-questions summary {
    cursor: pointer;
    font-weight: 650;
}

.iquranholder .iquranholder-questions details[open] summary {
    margin-bottom: 0.75rem;
}

.iquranholder .iquranholder-questions p:last-child {
    margin-bottom: 0;
}

@media (max-width: 760px) {
    .iquranholder .iquranholder-hero,
    .iquranholder .iquranholder-features {
        grid-template-columns: minmax(0, 1fr);
        gap: 1.5rem;
    }

    .iquranholder .iquranholder-hero figure {
        width: min(100%, 260px);
        margin: 0 auto;
    }
}

@media print {
    .iquranholder .iquranholder-hero,
    .iquranholder .iquranholder-features {
        display: block;
    }
}