/* A brief introduction to access and team structure before the feature tour. */
.access-rules-section {
    padding-block: 32px 40px;
}

.access-rules-section .container-content {
    gap: 28px;
}

.access-rules-section .access-overview__header {
    display: grid;
    gap: 12px;
    max-width: 700px;
}

.access-rules-section .access-overview__title {
    margin: 0;
    color: #19364b;
    font-size: clamp(28px, 2.6vw, 36px);
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -.025em;
}

.access-rules-section .access-overview__lede {
    margin: 0;
    color: #586b78;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.5;
}

.access-rules-section .access-cards {
    gap: 24px;
}

.access-rules-section .access-card {
    border: 1px solid #dfe5e7;
    border-radius: 14px;
    box-shadow: 0 12px 28px -22px rgb(28 49 65 / 24%);
}

.access-rules-section .access-card:hover {
    transform: none;
    box-shadow: 0 12px 28px -22px rgb(28 49 65 / 24%);
}

.access-rules-section .access-card__img_container {
    height: 180px;
    padding: 28px;
}

.access-rules-section .access-card__title {
    align-self: flex-start;
    margin: 0;
    color: #35566c;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.access-rules-section .access-card__img {
    top: 56px;
    right: 24px;
    height: 148px;
    max-width: 240px;
}

.access-rules-section .access-card__content {
    margin: 40px 28px 26px;
}

.access-rules-section .access-card__desc {
    margin: 0;
    color: #536674;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    opacity: 1;
}

@media (max-width: 900px) {
    .access-rules-section {
        padding-block: 24px 28px;
    }

    .access-rules-section .container-content {
        gap: 24px;
    }

    .access-rules-section .access-overview__lede {
        font-size: 16px;
    }

    .access-rules-section .access-cards {
        gap: 18px;
    }

    .access-rules-section .access-card__img_container {
        height: 164px;
        padding: 22px;
    }

    .access-rules-section .access-card__img {
        top: 52px;
        right: 18px;
        height: 126px;
        max-width: 210px;
    }

    .access-rules-section .access-card__content {
        margin: 30px 22px 24px;
    }
}