.nxb-simple-pods {
    --nxb-simple-pods-gap: 1.5rem;
    --nxb-simple-pods-border: #d9dde3;
    --nxb-simple-pods-surface: #fff;
    --nxb-simple-pods-text: #252525;
    --nxb-simple-pods-muted: #555;
    --nxb-simple-pods-accent: #e86513;
    width: min(100%, 90rem);
    margin-inline: auto;
    container: nxb-simple-pods / inline-size;
}

.nxb-simple-pods__grid {
    display: grid;
    grid-template-columns: repeat(var(--nxb-simple-pods-columns, 3), minmax(0, 1fr));
    gap: var(--nxb-simple-pods-gap);
    align-items: stretch;
}

.nxb-simple-pods__card {
    display: flex;
    min-width: 0;
    height: 100%;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid var(--nxb-simple-pods-border);
    border-radius: .75rem;
    background: var(--nxb-simple-pods-surface);
    color: var(--nxb-simple-pods-text);
    box-shadow: 0 .35rem 1rem rgba(15, 23, 42, .08);
}

.nxb-simple-pods__media {
    aspect-ratio: 4 / 3;
    overflow: hidden;
    background: #eef0f3;
}

.nxb-simple-pods__image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.nxb-simple-pods__content {
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: flex-start;
    padding: 1.25rem;
}

.nxb-simple-pods__card--no-media .nxb-simple-pods__content {
    min-height: 100%;
}

.nxb-simple-pods__heading {
    margin: 0;
    color: inherit;
    font-size: clamp(1.25rem, 2vw, 1.6rem);
    line-height: 1.2;
}

.nxb-simple-pods__text {
    margin: .75rem 0 0;
    color: var(--nxb-simple-pods-muted);
    line-height: 1.6;
}

.nxb-simple-pods__text > :first-child { margin-top: 0; }
.nxb-simple-pods__text > :last-child { margin-bottom: 0; }
.nxb-simple-pods__text p,
.nxb-simple-pods__text ul,
.nxb-simple-pods__text ol { margin: 0 0 .85rem; }
.nxb-simple-pods__text li + li { margin-top: .25rem; }
.nxb-simple-pods__text a { color: inherit; text-underline-offset: .15em; }

.nxb-simple-pods__link {
    display: inline-flex;
    min-height: 2.75rem;
    align-items: center;
    justify-content: center;
    margin-top: auto;
    padding: .7rem 1.1rem;
    border: 2px solid var(--nxb-simple-pods-accent);
    border-radius: .35rem;
    background: var(--nxb-simple-pods-accent);
    color: #fff;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none;
}

.nxb-simple-pods__text + .nxb-simple-pods__link {
    margin-top: 1.25rem;
}

.nxb-simple-pods__link:hover {
    filter: brightness(.92);
}

.nxb-simple-pods__link:focus-visible {
    outline: 3px solid #252525;
    outline-offset: 3px;
}

@container nxb-simple-pods (max-width: 63.99rem) {
    .nxb-simple-pods--columns-3 .nxb-simple-pods__grid,
    .nxb-simple-pods--columns-4 .nxb-simple-pods__grid,
    .nxb-simple-pods--columns-5 .nxb-simple-pods__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@container nxb-simple-pods (max-width: 37.49rem) {
    .nxb-simple-pods__grid {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (prefers-reduced-motion: reduce) {
    .nxb-simple-pods__link {
        transition: none;
    }
}

@container nxb-simple-pods (max-width: 37.49rem) {
    .nxb-simple-pods--columns-5 .nxb-simple-pods__grid { grid-template-columns: minmax(0, 1fr); }
}

.nxb-simple-pods .nxb-simple-pods__card { position: relative; background: var(--nxb-card-background, transparent); color: var(--nxb-card-text, inherit); }
.nxb-simple-pods .nxb-simple-pods__heading { color: var(--nxb-card-heading, inherit); }
.nxb-simple-pods .nxb-simple-pods__text { min-width: 0; width: 100%; color: inherit; line-height: 1.5; margin-top: 10px; }
.nxb-simple-pods .nxb-simple-pods__media { aspect-ratio: var(--nxb-card-image-aspect, 4 / 3); }
.nxb-simple-pods .nxb-simple-pods__media--original { aspect-ratio: auto; }
.nxb-simple-pods__media--original .nxb-simple-pods__image { height: auto; }
.nxb-simple-pods__card--boxed .nxb-simple-pods__content { padding: 30px; }
.nxb-simple-pods__card--text-overlay .nxb-simple-pods__content { position: absolute; inset: 0; justify-content: var(--nxb-card-overlay-alignment, center); background: transparent; }
.nxb-simple-pods__card--text-overlay .nxb-simple-pods__media { background: var(--nxb-card-background, #000); }
.nxb-simple-pods__card--text-overlay .nxb-simple-pods__image { opacity: var(--nxb-card-image-opacity, 1); transition: opacity .3s ease; }
.nxb-simple-pods__card--text-overlay:is(:hover, :focus-within) .nxb-simple-pods__image { opacity: var(--nxb-card-image-hover-opacity, var(--nxb-card-image-opacity, 1)); }
.nxb-simple-pods__card--text-overlay :is(.nxb-simple-pods__heading, .nxb-eyebrow) { align-self: stretch; text-align: var(--nxb-heading-align, left); }
.nxb-simple-pods__card--text-overlay .nxb-eyebrow { margin: 0; color: var(--nxb-card-heading, #fff); }
.nxb-simple-pods__card--text-overlay .nxb-eyebrow + .nxb-simple-pods__heading { margin-top: 5px; }
.nxb-simple-pods__card-link { position: absolute; inset: 0; z-index: 1; }
.nxb-simple-pods__card-link:focus-visible { outline: 3px solid var(--site-primary); outline-offset: -3px; }
@media (prefers-reduced-motion: reduce) { .nxb-simple-pods__card--text-overlay .nxb-simple-pods__image { transition: none; } }
.nxb-simple-pods__card--text-left { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); }
.nxb-simple-pods__card--text-right { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); }
.nxb-simple-pods__card--text-left .nxb-simple-pods__media { order: 2; }
.nxb-simple-pods--carousel { position: relative; padding-bottom: 58px; }
.nxb-simple-pods__grid.slick-initialized { display: block; margin-inline: -12px; }
.nxb-simple-pods__grid .slick-track { display: flex; }
.nxb-simple-pods__grid .slick-slide { height: auto; margin-inline: 15px; padding: 0; }
.nxb-simple-pods__grid .nxb-simple-pods__card.slick-slide { display: flex; height: auto; }
.nxb-simple-pods__grid .nxb-simple-pods__media { flex: 0 0 auto; width: 100%; }
.nxb-simple-pods__grid .nxb-simple-pods__card--text-left.slick-slide, .nxb-simple-pods__grid .nxb-simple-pods__card--text-right.slick-slide { display: grid; }
.nxb-simple-pods__arrow { position: absolute; top: 50%; transform: translateY(-50%); z-index: 2; width: 40px; height: 40px; padding: 0; border: 0; background: #fff; color: #111; display: grid; place-items: center; cursor: pointer; }
.nxb-simple-pods__arrow > span { display: block; width: 8px; height: 8px; border-top: 2px solid currentColor; border-right: 2px solid currentColor; }
.nxb-simple-pods__arrow--previous { left: 15px; }
.nxb-simple-pods__arrow--next { right: 15px; }
.nxb-simple-pods__arrow--previous > span { transform: translateX(2px) rotate(-135deg); }
.nxb-simple-pods__arrow--next > span { transform: translateX(-2px) rotate(45deg); }
.nxb-simple-pods--carousel .slick-dots { position: absolute; bottom: -58px; left: 0; right: 0; display: flex !important; align-items: center; justify-content: center; height: 38px; gap: 0; padding: 0; margin: 0; list-style: none; }
.nxb-simple-pods--carousel .slick-dots li { margin: 0; }
.nxb-simple-pods--carousel .slick-dots button { position: relative; width: 24px; height: 38px; padding: 0; border: 0; background: transparent; color: transparent; font-size: 0; cursor: pointer; }
.nxb-simple-pods--carousel .slick-dots button::before { content: ''; width: 12px; height: 12px; border-radius: 50%; background: #858585; position: absolute; left: 6px; top: 13px; }
.nxb-simple-pods--carousel .slick-dots .slick-active button::before { width:16px; height:16px; left:4px; top:11px; background: #fff; }
.nxb-simple-pods__pause { position: absolute; right: 0; bottom: 0; height: 38px; width: 44px; padding: 0; border: 0; background: transparent; color: #fff; cursor: pointer; }
@media (max-width: 767px) {
    .nxb-simple-pods__card--text-left, .nxb-simple-pods__card--text-right, .nxb-simple-pods__grid .nxb-simple-pods__card--text-left.slick-slide, .nxb-simple-pods__grid .nxb-simple-pods__card--text-right.slick-slide { display: flex; }
    .nxb-simple-pods__card--text-left .nxb-simple-pods__media { order: 0; }
}