@keyframes driftLeftRight {
    0% { transform: translateX(-15%); }
    50% { transform: translateX(15%); }
    100% { transform: translateX(-15%); }
}

@keyframes driftRightLeft {
    0% { transform: translateX(15%); }
    50% { transform: translateX(-15%); }
    100% { transform: translateX(15%); }
}

.intro-drift-strip-a {
    width: 33%;
    height: 6rem;
    animation: driftLeftRight 14s ease-in-out infinite;
}

.intro-drift-strip-b {
    width: 50%;
    height: 4rem;
    animation: driftRightLeft 18s ease-in-out infinite;
}

.intro-drift-strip-c {
    width: 25%;
    height: 5rem;
    animation: driftLeftRight 12s ease-in-out infinite;
    animation-delay: 3s;
}

.intro-drift-container {
    max-width: 80rem;
}

.intro-drift-textbox {
    max-width: 48rem;
}

.content-disclaimer-logo__mark {
    width: 5rem;
    height: 5rem;
}

.content-disclaimer-logo__mark--small {
    width: 3rem;
    height: 3rem;
}

.content-disclaimer-logo__mark--large {
    width: 6rem;
    height: 6rem;
}

.content-disclaimer-logo__mark svg {
    display: block;
    width: 100%;
    height: 100%;
}

.tips-compact__thumb {
    width: 3rem;
    height: 3rem;
}

.tips-compact__thumb--xs {
    width: 1.5rem;
    height: 1.5rem;
}

.tips-compact__min-shrink {
    min-width: 0;
}


.topics-support__entry--shift:hover { transform: scale(1.05); transition: transform .2s ease; }

/* subscribe v16 — geometry shared by both CSS frameworks (Bootstrap has no utilities for it) */
.mailing-counter__section--py-4xl {
    padding-top: 6rem;
    padding-bottom: 6rem;
}

.mxw-3xl {
    max-width: 48rem !important;
}

.mxw-xl {
    max-width: 36rem !important;
}

/* decorative background blobs — fixed sizing, placement and blur */
.mailing-counter__blob {
    width: 16rem;
    height: 16rem;
    filter: blur(64px);
}

.mailing-counter__blob--a {
    top: -4rem;
    inset-inline-start: -4rem;
    width: 18rem;
    height: 18rem;
}

.mailing-counter__blob--b {
    bottom: -5rem;
    inset-inline-end: -2.5rem;
    width: 22rem;
    height: 22rem;
}

.mailing-counter__blob--c {
    top: 33.333333%;
    inset-inline-end: 25%;
    width: 12rem;
    height: 12rem;
}

.mailing-counter__title {
    font-size: 1.5rem;
    margin-bottom: 2rem;
}

.mailing-counter__subtitle {
    margin-bottom: 2.5rem;
}

.mailing-counter__row {
    flex-direction: column;
    gap: 1rem;
}

.mailing-counter__input {
    width: 100%;
    max-width: 20rem;
    padding: 0.75rem 1rem;
}

.mailing-counter__cta {
    padding: 0.75rem 2rem;
}

.mailing-counter__cta--hover {
    transition: transform 0.2s ease;
}

.mailing-counter__cta--hover:hover {
    transform: scale(1.05);
}

.mailing-counter__panel {
    padding: 2rem;
}

.mailing-counter__panel-title {
    font-size: 1.5rem;
}

@media (min-width: 640px) {
    .mailing-counter__row {
        flex-direction: row;
    }

    .mailing-counter__input {
        width: auto;
        flex: 1 1 0%;
    }
}

@media (min-width: 768px) {
    .mailing-counter__title {
        font-size: 3rem;
    }

    .mailing-counter__panel-title {
        font-size: 1.875rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .mailing-counter__cta--hover:hover {
        transform: none;
    }
}