/* /css/client-support-policy.css */

.support-policy-page {
    max-width: 940px;
    margin: 0 auto;
    padding: 64px 22px 80px;
}

.support-policy-card {
    overflow: hidden;
}

.support-policy-hours {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-top: 18px;
}

.support-policy-hours div {
    display: grid;
    gap: 6px;
    padding: 16px;
    border: 1px solid rgba(59, 130, 246, 0.14);
    border-radius: 18px;
    background:
        radial-gradient(circle at top right, rgba(59, 130, 246, 0.12), transparent 42%),
        #f8fbff;
}

.support-policy-hours strong {
    color: var(--text-dark);
    font-size: 14px;
}

.support-policy-hours span {
    color: var(--text-muted);
    font-size: 14px;
    line-height: 1.45;
}

.support-policy-cta {
    margin-top: 8px;
}

@media (min-width: 1024px) {
    .support-policy-page {
        padding: 80px 40px 90px;
    }

    .support-policy-page .page-title {
        font-size: 42px;
    }
}

@media (max-width: 760px) {
    .support-policy-page {
        padding: 52px 18px 70px;
    }

    .support-policy-hours {
        grid-template-columns: 1fr;
    }
}
