/* CSS for Support/Examples page */

.examples-grid-wrapper {
    max-width: 1250px;
}

.examples-layout {
    max-width: 1700px;
}

@media (max-width: 767.98px) and (min-width: 421px) {
    .examples-grid-wrapper {
        max-width: 520px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 420px) {
    .examples-grid-wrapper {
        max-width: none;
        margin-left: 0;
        margin-right: 0;
    }
}

.example-categories-sticky {
    top: 6rem;
}

@media (max-width: 767.98px) {
    .example-categories-sticky {
        position: static;
        top: auto;
    }
}

.example-card-link {
    height: 250px;
}

.example-card {
    max-width: 420px;
}

.examples-search {
    max-width: 420px;
}

.example-card-featured {
    background-color: #d9d9d9;
    box-shadow: 0 0.75rem 1.5rem rgba(237, 132, 34, 0.18);
}

.example-featured-badge {
    letter-spacing: 0.02em;
}