.romptn-toc-summary-cr.pattern-form-article-bottom {
    padding: 22px 0;
    border-radius: 12px;
    background: var(--romptn-cta-color-primary-soft);
    display: flex;
    flex-direction: column;
    gap: var(--romptn-cta-space-md);
}

.romptn-toc-summary-cr.pattern-form-article-bottom .romptn-toc-summary-cr__eyebrow {
    font-size: var(--romptn-cta-font-sm);
    font-weight: 700;
    color: var(--romptn-cta-color-accent);
    padding: 0 20px;
    text-align: center;
}

.romptn-toc-summary-cr.pattern-form-article-bottom .romptn-toc-summary-cr__form-container {
    padding: 0 20px 24px;
    display: flex;
    flex-direction: column;
    gap: var(--romptn-cta-space-sm);
}

.romptn-toc-summary-cr.pattern-form-article-bottom .romptn-modal-form__submit {
    width: 50%;
    min-width: 180px;
    margin: 0 auto var(--romptn-cta-space-sm);
    display: block;
}

.romptn-toc-summary-cr.pattern-form-article-bottom .romptn-modal-form__submit-note {
    font-size: calc(var(--romptn-cta-font-xs) - 1px);
    color: color-mix(in srgb, var(--romptn-cta-color-text-muted), transparent 30%);
}


.romptn-toc-summary-cr .romptn-toc-summary-cr__lead-container{
    padding: 0 20px; 
    display: flex;
    flex-direction: column;
    gap: var(--romptn-cta-space-sm);
}

.romptn-toc-summary-cr .romptn-toc-summary-cr__lead-text{
    font-size: var(--romptn-cta-font-sm);
    color: var(--romptn-cta-color-text);
}

.romptn-toc-summary-cr .romptn-toc-summary-cr__lead-text span{
    font-weight: bold;
    background: linear-gradient(transparent 60%, #FFD700 60%);
}

.romptn-toc-summary-cr .romptn-toc-summary-cr__present-images-label{
    font-size: var(--romptn-cta-font-sm);
    color: var(--romptn-cta-color-text);
    font-weight: bold;
    padding-left:20px; 
}

.romptn-toc-summary-cr__present-images-container {
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.romptn-toc-summary-cr__present-images{
    display: flex;
    gap: var(--romptn-cta-space-md);
    overflow-x: auto;
    padding: 12px 20px;
}

.romptn-toc-summary-cr__present-images::-webkit-scrollbar {
    display: none;
}

.romptn-toc-summary-cr__present-image {
    flex: 0 0 auto;
    width: 160px;
    max-width: 60vw;
    height: auto;
    border-radius: 8px;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12);
    scroll-snap-align: start;
}

/* .romptn-toc-summary-cr__present-image:first-child {
    padding-left: 20px;
} */


.romptn-toc-summary-cr__cta-container{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 8px;
    padding-top: var(--romptn-cta-space-md);
}

.romptn-toc-summary-cr .romptn-toc-summary-cr__cta-label{
    font-size: var(--romptn-cta-font-sm);
    color: var(--romptn-cta-color-accent);
    font-weight: bold;
}

.romptn-toc-summary-cr .romptn-toc-summary-cr__cta-button {
    align-self: center;
    padding: calc(var(--romptn-cta-space-md)*1.25) calc(var(--romptn-cta-space-xl)*3.5);
    background: linear-gradient(#FF9500 0%, #FF6B35 100%);
    color: #ffffff;
    text-decoration: none;
    border-radius: 999px;
    font-size: var(--romptn-cta-font-md);
    font-weight: bold;
    border:none;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
    transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
    cursor: pointer;
}

.romptn-toc-summary-cr .romptn-toc-summary-cr__cta-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.16);
    filter: brightness(1.02);
}