[data-rr-success-stories-list] .post-image {
    position: relative;
    background: #111;
}

[data-rr-success-stories-list] .post-image > img {
    display: block;
    width: 100%;
    height: auto;
    opacity: 1;
    transition: opacity 320ms ease;
}

[data-rr-success-stories-list] .post-image > img.rr-story-image-ready {
    animation: rr-story-image-ready 320ms ease;
}

@keyframes rr-story-image-ready {
    from { opacity: 0.75; }
    to { opacity: 1; }
}

.rr-story-pager {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 12px;
    margin: 36px auto 56px;
    text-align: center;
}

.rr-story-pager-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    gap: 10px;
    min-width: 254px;
    padding: 14px 24px;
    border: 1px solid rgba(131, 255, 189, 0.28);
    border-radius: var(--amblog-card-radius-sm, 10px);
    background: var(--rr-accent-gradient, #2bd180);
    color: #002b14;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.03em;
    line-height: 1;
    text-decoration: none;
    box-shadow: 0 0 0 1px rgba(0, 230, 118, 0.24),
        0 6px 18px rgba(0, 200, 83, 0.32),
        0 16px 36px rgba(0, 230, 118, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.24);
    transition: transform 0.25s ease, box-shadow 0.25s ease,
        background 0.25s ease, opacity 0.25s ease;
}

.rr-story-pager-button:hover,
.rr-story-pager-button:focus-visible {
    background: var(--rr-accent-gradient-hover, #3dffb0);
    color: #001f0f;
    text-decoration: none;
    transform: translateY(-2px);
    box-shadow: 0 0 0 1px rgba(105, 255, 156, 0.42),
        0 10px 24px rgba(0, 230, 118, 0.46),
        0 18px 44px rgba(0, 230, 118, 0.24),
        inset 0 1px 0 rgba(255, 255, 255, 0.3);
}

.rr-story-pager-button:focus-visible {
    outline: 2px solid #fff;
    outline-offset: 3px;
}

.rr-story-pager-button[aria-disabled="true"] {
    cursor: progress;
    pointer-events: none;
}

.rr-story-pager-button.is-loading::before {
    width: 15px;
    height: 15px;
    border: 2px solid rgba(0, 43, 20, 0.25);
    border-top-color: #002b14;
    border-radius: 50%;
    content: '';
    animation: rr-story-spinner 0.7s linear infinite;
}

.rr-story-pager-status {
    min-height: 1.25em;
    color: var(--text-color, #b2b2b2);
    font-size: 14px;
}

.amblog-container-list .amblog-post-container.rr-story-enter {
    animation: rr-story-enter 0.46s ease both;
    animation-delay: calc(var(--rr-story-index, 0) * 45ms);
}

@keyframes rr-story-spinner {
    to { transform: rotate(360deg); }
}

@keyframes rr-story-enter {
    from { opacity: 0; transform: translateY(16px); }
    to { opacity: 1; transform: translateY(0); }
}

@media (min-width: 1024px) {
    body.amblog-index-index .page-main > .columns > .sidebar-additional {
        position: sticky;
        top: 196px;
        align-self: start;
        max-height: calc(100vh - 208px);
        overflow-y: auto;
        overscroll-behavior: contain;
        scrollbar-color: #434343 transparent;
        scrollbar-width: thin;
    }
}

@media (max-width: 767px) {
    .rr-story-pager {
        margin: 28px 16px 44px;
    }

    .rr-story-pager-button {
        width: 100%;
        max-width: 360px;
    }
}

@media (prefers-reduced-motion: reduce) {
    [data-rr-success-stories-list] .post-image > img {
        transition: none;
        animation: none;
    }

    .rr-story-pager-button {
        transition: none;
    }

    .rr-story-pager-button.is-loading::before,
    .amblog-container-list .amblog-post-container.rr-story-enter {
        animation: none;
    }
}

.rr-story-image-loader {position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:8px;pointer-events:none;}
.rr-story-image-loader > span {width:9px;height:9px;border-radius:50%;background:#2bd180;box-shadow:0 0 10px rgba(43,209,128,.3);animation:rr-story-dot 1s ease-in-out infinite;}
.rr-story-image-loader > span:nth-child(2) {animation-delay:.15s;}
.rr-story-image-loader > span:nth-child(3) {animation-delay:.3s;}
@keyframes rr-story-dot {0%,70%,100% {opacity:.35;transform:translateY(0);}35% {opacity:1;transform:translateY(-5px);}}
@media (prefers-reduced-motion:reduce) {.rr-story-image-loader > span {animation:none;}}