@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;
}

.glossary-chevron {
    transition: transform 0.3s ease;
}

.glossary-item[open] .glossary-chevron {
    transform: rotate(180deg);
}

.headline-icon-stack__icon-wrap {
    width: 3rem;
    height: 3rem;
}

/* faq v23 — card top ribbon (BS gradient parity) */
.faq-tile__ribbon {
  height: 0.25rem;
  background-image: linear-gradient(
    90deg,
    var(--bs-primary) 0%,
    var(--bs-info) 50%,
    var(--bs-danger) 100%
  );
}

/* subscribe v29 — newspaper masthead: geometry shared by both CSS frameworks, no colors */
.mailing-masthead__section--py-4xl {
    padding-top: 6rem;
    padding-bottom: 6rem;
}

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

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

.mailing-masthead__rule {
    height: 1px;
}

.mailing-masthead__title {
    font-size: 1.875rem;
    font-weight: 900;
    letter-spacing: 0.025em;
}

.mailing-masthead__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 2rem;
    align-items: start;
}

/* newspaper body copy set in two columns */
.mailing-masthead__columns {
    column-count: 2;
    column-gap: 2rem;
}

.mailing-masthead__label {
    font-size: 0.75rem;
    letter-spacing: 0.025em;
}

.mailing-masthead__stack {
    gap: 0.75rem;
}

.mailing-masthead__input,
.mailing-masthead__cta {
    padding: 0.75rem 1rem;
}

.mailing-masthead__cta {
    padding-inline: 1.5rem;
}

.mailing-masthead__thanks-title {
    font-size: 1.125rem;
}

@media (min-width: 768px) {
    .mailing-masthead__grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .mailing-masthead__columns {
        grid-column: span 2 / span 2;
    }

    .mailing-masthead__title {
        font-size: 3rem;
    }
}

