@import url('https://fonts.googleapis.com/css2?family=Yanone+Kaffeesatz:wght@400&display=swap');

body {
    background-color: #fff;
}

#site-main {
    min-height: calc(100vh - 205px);
}

.responsive-iframe {
    width: 100%;
    height: auto;
}

.col-span-2 {
    grid-column: span 2 / span 2;
}


/* Site Transition */
.fade-me-in.htmx-added {
    opacity: 0;
}

.fade-me-in {
    opacity: 1;
    transition: opacity 4s ease-out;
}

/* Site Progress */

@-webkit-keyframes indeterminate {
    0% {
        left: -35%;
        right: 100%;
    }

    60% {
        left: 100%;
        right: -90%;
    }

    100% {
        left: 100%;
        right: -90%;
    }
}

@keyframes indeterminate {
    0% {
        left: -35%;
        right: 100%;
    }

    60% {
        left: 100%;
        right: -90%;
    }

    100% {
        left: 100%;
        right: -90%;
    }
}

@-webkit-keyframes indeterminate-short {
    0% {
        left: -200%;
        right: 100%;
    }

    60% {
        left: 107%;
        right: -8%;
    }

    100% {
        left: 107%;
        right: -8%;
    }
}

@keyframes indeterminate-short {
    0% {
        left: -200%;
        right: 100%;
    }

    60% {
        left: 107%;
        right: -8%;
    }

    100% {
        left: 107%;
        right: -8%;
    }
}

.site-progress {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999999999;
    height: 4px;
    width: 100%;
    border-radius: 2px;
    background-clip: padding-box;
    overflow: hidden;
    background-color: var(--green-300);
}

.site-progress .site-progress-indeterminate:before {
    content: "";
    position: absolute;
    background-color: inherit;
    top: 0;
    left: 0;
    bottom: 0;
    will-change: left, right;
    -webkit-animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
    animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
}

.site-progress .site-progress-indeterminate:after {
    content: "";
    position: absolute;
    background-color: inherit;
    top: 0;
    left: 0;
    bottom: 0;
    will-change: left, right;
    -webkit-animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
    animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
    -webkit-animation-delay: 1.15s;
    animation-delay: 1.15s;
}

.site-progress {
    display: none;
}

.htmx-request .site-progress {
    display: inline;
}

.htmx-request.site-progress {
    display: inline;
}



.site-brand {
    display: flex;
    justify-content: space-between;
    gap: 4px;
    align-items: start;
    text-decoration: none;
}

img.site-brand-icon {
    max-width: 70px;
    margin-right: 3px;
}

.site-brand-name {
    font-family: 'Yanone Kaffeesatz', sans-serif;
    font-weight: 400;
    color: var(--green-500);
    margin: 0;
    font-size: 44px;
    white-space: nowrap;
    line-height: 1;
}

.site-brand-location {
    color: #2022ae;
    text-transform: capitalize;
}

.site-brand-sologan {
    line-height: 1;
    font-size: 12.5px;
    color: #666;
}

.home-banner-menu-list a {
    color: #1976d2;
    font-weight: 700;
}

.home-banner-menu-list a:hover {
    color: #124d88;
}

.general-site-brand .site-brand-sologan {
    font-size: 19.5px;
}

.home-banner-self-serve a {
    display: block;
    color: #1976d2;
    font-size: 15px;
    margin-bottom: 0 !important;
    margin-top: 5px !important;
    font-weight: 600;
}

.home-banner-self-serve h3 {
    font-weight: 600;
    color: #5a5a5a;
    font-size: 24px;
}

@media (min-width: 768px) {
    .md\:block {
        display: block;
    }
}

@media screen and (min-width: 1224px) {
    .nav-active .site-brand-sologan {
        font-size: 9.2px;
    }

    .nav-active .general-site-brand .site-brand-sologan {
        font-size: 14.1px;
    }

    .nav-active .site-brand-name {
        font-size: 32px;
    }

    .nav-active .site-brand-icon {
        max-width: 50px;
    }
}

@media screen and (min-width: 1025px) {
    .Footer_Legal__FpVsl {
        padding-top: 20px;
        border-top: 0;
        padding-bottom: 15px;
        justify-content: space-between;
    }

    .Footer_Legal__FpVsl>div:last-child {
        flex: none;
    }

    .Footer_Legal__FpVsl>div:first-child {
        width: auto;
        max-width: 100%;
    }
}

@media screen and (min-width: 769px) {
    .Footer_Footer__1FZOP {
        border-radius: 20px 20px 0 0;
        padding: 0;
        margin-top: 0;
    }
}

@media screen and (min-width: 769px) {
    .HomeHeader_Btn__etWvq {
        display: inline-block;
    }
}

ul.check-list {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-bottom: 20px;
}

ul.check-list li {
    display: flex;
    gap: 3px;
    align-items: start;
    font-size: 15px;
    margin-bottom: 5px;
}

ul.check-list li svg {
    margin-top: 3px;
    width: 18px;
    color: var(--green-500);
    height: 15px;
}

/* section.spotlight-section.Spotlight_spotlight-section__1q7qO.Spotlight_spotlight-section--theme-purple-700__DJc_t {
    position: sticky;
    top: 100px;
} */
section.ProductGrid_Component__uWn0Z.theme-white {
    position: relative;
    background-color: #fff;
}

.Faq_Component__OKM4S,
.Faq_Component__OKM4S.theme-light,
.CallToAction_Component__CE70x,
.CallToAction_Component__CE70x.theme-light,
.Integrations_Component__uT55S.illustred-background,
section.ServiceGrid_Component__g5SDr.theme-white {
    position: relative;
}

@media screen and (max-width: 1224px) {
    .Navigation_Nav__31obH .site-brand {
        display: none;
    }
}

.text-green {
    color: var(--green-500) !important;
}

@media screen and (min-width: 769px) {

    .CompanySlider_Block__fUXvF,
    .CompanySlider_CssSlider__5Ye4t {
        animation: CompanySlider_slider__mkHgT 200s linear infinite;
        justify-content: center;
    }
}

.marquee-content {
    display: flex;
    animation: scrolling 10s linear infinite;
}

.marquee-item {
    flex: 0 0 16vw;
    margin: 0 1vw;
    /*   flex: 0 0 20vw; */
    /*   margin: 0 2vw; */
}

.marquee-item img {
    display: block;
    width: 100%;
    /*   padding: 0 20px; */
}

@keyframes scrolling {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translatex(-144vw);
    }
}

.spotlight-section+.RoundedSeparator_Component__RZnix {
    box-shadow: 0px 0px 100px #000000;
    border-radius: var(--height) var(--height) 0 0;
}

.Spotlight_spotlight-section__illustration__XuRIl {
    max-width: 500px;
    margin-right: 0;
    padding-top: 50px;
    padding-bottom: 40px;
}

.t3 {
    font-size: 28px;
}

@media screen and (min-width: 769px) {
    .HomeHeader_Wrapper__THpoH.with-image-cover {
        --vertical-padding: 32px;
        padding-bottom: 0;
    }
}

.speaker-carousel-item {
    transition: all 0.3s ease-in-out 0.2s;
    transform: scale(0.8);
    opacity: 0.8;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
}

.speaker-carousel-item.slick-center {
    transform: scale(1);
    opacity: 1;
}

.speaker-carousel-item-image {
    overflow: hidden;
}

.speaker-carousel-item-content {
    text-align: center;
    padding: 10px;
    color: #000;
}

.speaker-carousel-item-content h3 {
    color: #141212;
    font-weight: 600;
    font-size: 16px;
    text-align: center;
}

.speaker-carousel-item-content p {
    font-size: 14px;
}

.speaker-carousel-item-content p span {
    font-weight: 600;
    color: #5a5a5a;
}

.testimonial-carousel .slick-arrow {
    position: absolute;
    bottom: -40px;
    color: #fff;
}

.testimonial-carousel button.slick-next.slick-arrow {
    left: 50%;
    margin-left: 20px;
}

.testimonial-carousel button.slick-prev.slick-arrow {
    right: 50%;
    margin-right: 20px;
}

.home-join-btn {
    font-size: 25px !important;
    padding: 18px 90px;
    height: auto;
    font-weight: 600;
    line-height: 1;
}

iframe#webWidget {
    z-index: 9999999999 !important;
}

/* Loader styles */
#loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.99);
    z-index: 9999999999;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Spinner styles */
.spinner {
    border: 8px solid #f3f3f3;
    /* Light grey border */
    border-top: 8px solid var(--green-500);
    /* Blue border */
    border-radius: 50%;
    width: 80px;
    height: 80px;
    animation: spin 1s linear infinite;
}

/* Spinner animation */
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

a.footer-btn {
    background: #00c1ff;
    display: flex;
    justify-content: center;
    gap: 0;
    justify-items: center;
    align-items: center;
    color: #fff;
    font-weight: 600;
    max-width: 300px;
    padding: 7px;
    border-radius: 30px;
    margin-left: auto;
    margin-right: auto;
    transition: all 0.15s ease-in-out;
}

a.footer-btn:hover {
    background: #04b0ea;
}

a.footer-btn svg {
    color: #fff;
    fill: #fff;
    width: 38px;
}

/* ================================= */
.blue-theme .Navigation_TopHeader__E0Fcw {
    background: #ea0a8e;
}

.blue-theme .site-brand-name {
    color: #ea0a8e;
}

.menu-link_MenuLink__MYgrE:before {
    background-color: #00c1ff;
}

.menu-link_MenuLink__MYgrE .menu-link_Link__w8ROP,
.menu-link_MenuLink__MYgrE a {
    color: #1976d2 !important;
}

.menu-link_MenuLink__MYgrE:hover .menu-link_Link__w8ROP,
.menu-link_MenuLink__MYgrE.current-menu a {
    color: #87888a !important;
}

.menu-link_MenuLink__MYgrE.regular .menu-link_Link__w8ROP,
.Navigation_TopHeader__E0Fcw .menu-link_MenuLink__MYgrE:hover .menu-link_Link__w8ROP .Navigation_TopHeader__E0Fcw .menu-link_Link__w8ROP.current-menu a {
    color: #fff !important;
}

.Navigation_Menu__Fish5>li.current-menu>a {
    font-weight: 600;
}

.Navigation_Menu__Fish5>li.current-menu>a svg {
    rotate: 90deg;
}

/* ================================= */
.menu-link_MenuLink__MYgrE:before {
    display: none;
}

.btn--magenta {
    background: #ea0a8e;
    color: #fff;
}

.btn--magenta:hover {
    background: #d40980;
    color: #fff;
}

div#loader-2 {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #fff;
    top: 0;
    left: 0;
    z-index: 999999999999;
}

.spinner-2 {
    background-image: url('https://cbta2.org/ws/images/logo-animate.svg');
    width: 100px;
    height: 100px;
    top: 50%;
    position: relative;
    left: 50%;
    margin-top: -50px;
    margin-left: -50px;
}

a.menu-link_Link__w8ROP.is-link {
    white-space: nowrap;
    padding-left: 10px;
    padding-right: 10px;
}


.testimonial-box-wrapper {
    max-width: 756px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

.testimonial-box {
    display: inline-flex;
    align-items: stretch;
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    background-color: #fff7ed;
    margin-top: 20px;
    margin-bottom: 20px;
    width: 100%;
}

.testimonial-box img {
    width: 126px;
    height: 126px;
    border-radius: 50%;
    object-fit: cover;
    margin-right: 12px;
    background-color: #ccc;
}

.testimonial-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: 0;
    margin-top: -7px;
    padding-left: 16px;
}

.testimonial-stars {
    color: #f5c518;
    font-size: 28px;
    margin-bottom: 7px;
}

.testimonial-quote {
    font-size: 14px;
    color: #333;
    margin-bottom: 8px;
    font-style: italic;
    position: relative;
    padding-left: 0px;
    font-weight: bold;
}

.testimonial-quote:before {
    width: 16px;
    height: 23px;
    background-image: url('https://cbta2.org/ws/images/quotation.png');
    content: "";
    display: inline-block;
    z-index: 99;
    background-size: 100%;
    margin-bottom: -8px;
}

.testimonial-name {
    font-size: 14px;
    color: #000;

    padding-left: 0;
}

@media screen and (min-width: 1224px) {
    .lang-selector_LinkGroup__myCjP {
        right: 0;
    }
}

@media screen and (min-width: 1224px) {
    .menu-link_MenuLink__MYgrE.menu-link_MenuLink__MYgrE.current-menu:before {
        content: "";
    }

    .menu-link_MenuLink__MYgrE.current-menu a {
        color: var(--green-500);
    }
}

@media screen and (max-width: 991px) {
    .Footer_Legal__FpVsl {
        display: block !important;
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

@media screen and (max-width: 767px) {
    .site-brand-name {
        font-size: 20px;
        margin-top: 3px;
    }

    img.site-brand-icon {
        max-width: 38px;
    }

    .Navigation_Logo__9V6H6.Navigation_Mobile__c_HVm {
        width: auto;
    }

    .site-brand-sologan {
        font-size: 6px;
    }

    .general-site-brand .site-brand-sologan {
        font-size: 8.8px;
    }

    .home-join-btn {
        font-size: 22px !important;
        padding: 16px 20px;
        text-align: center;
    }

    .Navigation_MobileCta__sfM0j {
        position: absolute;
        font-size: 14px;
        top: 10px;
    }

    .Navigation_TopHeader__E0Fcw {
        height: 34px;
    }

    .Navigation_HeaderLinks__Bos91>li>button,
    .Navigation_HeaderLinks__Bos91>li>a {
        font-size: 12px;
    }

    .lang-selector_SubLink__nQHnM {
        font-size: 14px;
        line-height: 14px;
    }

    body {
        padding-top: 86px;
    }

    .Navigation_Logo__9V6H6.Navigation_Mobile__c_HVm {
        top: 10px;
    }

    .Navigation_Hmbg__mJJ6n {
        top: 10px;
    }

    .Navigation_Navigation__3rwa1 {
        min-height: 86px;
        border-bottom: 1px solid #f2f2f2;
    }

    .Navigation_Nav__31obH {
        padding: 40px var(--site-margins) 32px;
    }

}

@media screen and (max-width: 379px) {
    .Navigation_MobileCta__sfM0j {
        position: fixed !important;
        right: 10px;
        top: 95px !important;
    }
}

/* ---- Mobile menu button: borderless, captioned, colour-cycling -------------
   Box stays exactly 36x32. The border is dropped, the bar stack is lifted so
   the caption sits tight beneath it, and bars + caption alternate between
   black and hyperlink blue on a 1-second beat. */

.Navigation_Hmbg__mJJ6n {
    border: none;
    border-radius: 0;
    padding: 0;
    background: none;
}

.Navigation_Hmbg__mJJ6n span {
    top: 8px;
    animation: wla-hmbg-bar 2s infinite;
}

.Navigation_Hmbg__mJJ6n::after {
    content: "Menu";
    position: absolute;
    left: 50%;
    bottom: 2px;
    transform: translateX(-50%);
    font-size: 11px;
    line-height: 11px;
    font-weight: 600;
    letter-spacing: -0.2px;
    white-space: nowrap;
    animation: wla-hmbg-label 2s infinite;
}

@keyframes wla-hmbg-bar {
    0%, 49.99% { background-color: #000000; }
    50%, 100%  { background-color: #0000ee; }
}

@keyframes wla-hmbg-label {
    0%, 49.99% { color: #000000; }
    50%, 100%  { color: #0000ee; }
}

@media (prefers-reduced-motion: reduce) {
    .Navigation_Hmbg__mJJ6n span,
    .Navigation_Hmbg__mJJ6n::after { animation: none; }
    .Navigation_Hmbg__mJJ6n span   { background-color: #000000; }
    .Navigation_Hmbg__mJJ6n::after { color: #000000; }
}


/* ---- Chat launcher: icon only ---------------------------------------------
   The widget bundle hard-codes the "Questions" label and a 180px min-width in
   its JSX, so neither is reachable through __CHAT_WIDGET_CONFIG__. Collapsing
   it here keeps the bundle untouched. The label stays in the DOM, visually
   hidden, so screen readers still announce the button. */

#chat-widget-container button[style*="min-width"] {
    min-width: 44px !important;
    width: 44px;
    height: 44px;
    padding: 0 !important;
    gap: 0 !important;
}

#chat-widget-container button[style*="min-width"] > span {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
}


/* questions.html: photo beside the mission copy, and inside the first FAQ answer.
   The mission photo fills the height of the copy next to it, so chapters whose
   text runs long or short stay level without per-chapter tuning. */
.wla-mission-row { display:flex; align-items:stretch; gap:36px; text-align:left; }
.wla-mission-copy { flex:1 1 auto; min-width:0; }
.wla-mission-photo { width:300px; flex:0 0 300px; position:relative; overflow:hidden;
                     border-radius:.5rem; min-height:340px; }
.wla-mission-photo img { position:absolute; inset:0; width:100%; height:100%;
                         object-fit:cover; object-position:center 70%; }
.wla-faq-photo { float:left; width:320px; height:auto; border-radius:.5rem;
                 margin:4px 26px 12px 0; }
@media (max-width:820px) {
    .wla-mission-row { display:block; }
    .wla-mission-photo { width:100%; max-width:340px; margin:22px auto 0;
                         aspect-ratio:300/420; min-height:0; }
    .wla-faq-photo { float:none; width:100%; max-width:340px; display:block;
                     margin:0 auto 18px; }
}


/* team-development.html: video hero in place of the flat colour band */
.wla-video-hero { position:relative; overflow:hidden; text-align:center; }
.wla-video-hero > video { position:absolute; inset:0; width:100%; height:100%;
                          object-fit:cover; z-index:0; }
.wla-video-hero-scrim { position:absolute; inset:0; z-index:1;
    background:linear-gradient(135deg, rgba(10,10,15,.70) 0%, rgba(99,102,241,.20) 30%,
               rgba(139,92,246,.20) 70%, rgba(10,10,15,.80) 100%); }
.wla-video-hero-body { position:relative; z-index:2; }
@media (prefers-reduced-motion: reduce) { .wla-video-hero > video { display:none; }
    .wla-video-hero { background:#1e1b4b; } }

/* team-development.html: member badge under the left intro card */
.wla-team-badge { margin-top:1.75rem; text-align:center; }
.wla-team-badge img { width:100%; max-width:300px; height:auto; display:inline-block; }
.wla-td-actions { margin-top:1.6rem; }
.wla-td-actions .btn { display:inline-block; }
.wla-td-mail { display:block; margin-top:.9rem; font-size:1rem; color:#4f46e5;
               text-decoration:underline; }


/* team-development.html: the "ten reasons" block beneath the two intro cards */
.wla-t10 { background:linear-gradient(180deg,#f7f7fb 0%,#ffffff 100%);
           border-top:1px solid #ecebf3; margin-top:3rem; padding:3.5rem 0 3rem; }
.wla-t10-inner { max-width:1224px; margin:0 auto; padding:0 20px; }
.wla-t10-eyebrow { text-transform:uppercase; letter-spacing:.14em; font-size:.78rem;
                   font-weight:700; color:#00a070; margin:0 0 .6rem; }
.wla-t10 h2 { font-size:clamp(1.6rem,2.6vw,2.3rem); font-weight:800; line-height:1.2;
              color:#1e1b4b; margin:0 0 .7rem; max-width:24ch; }
.wla-t10-deck { font-size:1.05rem; color:#55526b; margin:0 0 2.2rem; max-width:62ch; }

.wla-t10-leadgrid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px;
                    margin-bottom:20px; }
.wla-t10-lead { background:linear-gradient(145deg,#312e81 0%,#4c1d95 55%,#6d28d9 100%);
                color:#fff; border-radius:16px; padding:26px 24px 24px;
                box-shadow:0 10px 30px rgba(49,46,129,.18); position:relative; }
.wla-t10-lead h3 { font-size:1.18rem; font-weight:700; margin:.5rem 0 .55rem;
                   line-height:1.25; }
.wla-t10-lead p { font-size:.97rem; line-height:1.55; color:#ded9f7; margin:0; }
.wla-t10-lead .wla-t10-num { color:#f9a8d4; }

.wla-t10-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:14px 20px;
                margin-bottom:2.4rem; }
.wla-t10-item { display:flex; gap:14px; background:#fff; border:1px solid #ecebf3;
                border-radius:12px; padding:16px 18px;
                box-shadow:0 1px 2px rgba(17,17,40,.04); }
.wla-t10-item h4 { font-size:1rem; font-weight:700; color:#1e1b4b; margin:0 0 .25rem; }
.wla-t10-item p { font-size:.93rem; line-height:1.5; color:#55526b; margin:0; }
.wla-t10-item .wla-t10-num { color:#ea0a8e; }
.wla-t10-num { font-size:.82rem; font-weight:800; letter-spacing:.06em;
               font-variant-numeric:tabular-nums; flex:0 0 auto; }

.wla-t10-stats { display:grid; gap:18px;
                 grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
                 padding:22px 0 26px; border-top:1px solid #ecebf3;
                 border-bottom:1px solid #ecebf3; margin-bottom:2.4rem; }
.wla-t10-stat { text-align:left; }
.wla-t10-fig { display:block; font-size:2.1rem; font-weight:800; line-height:1;
               color:#00a070; font-variant-numeric:tabular-nums; }
.wla-t10-lab { display:block; font-size:.95rem; font-weight:700; color:#1e1b4b;
               margin-top:.4rem; }
.wla-t10-sub { display:block; font-size:.86rem; color:#6b6880; margin-top:.15rem;
               line-height:1.4; }

.wla-t10-figure { display:grid; grid-template-columns:minmax(220px,1fr) minmax(380px,1.5fr);
                  gap:28px; align-items:center; margin:0; }
.wla-t10-figure figcaption h3 { font-size:1.15rem; font-weight:700; color:#1e1b4b;
                                margin:0 0 .45rem; line-height:1.3; }
.wla-t10-figure figcaption p { font-size:.93rem; color:#55526b; margin:0; }
.wla-t10-chartwrap { min-width:0; }
.wla-t10-chart { width:100%; height:auto; display:block; overflow:visible; }
.wla-t10-grid-line, .wla-t10-grid { stroke:#e7e6ef; stroke-width:1; }
.wla-t10-axis { stroke:#c9c7d6; stroke-width:1; }
.wla-t10-tick { fill:#8b8899; font-size:11px; text-anchor:middle;
                font-variant-numeric:tabular-nums; }
.wla-t10-cat { fill:#3f3d56; font-size:13px; text-anchor:end; }
.wla-t10-val { fill:#1e1b4b; font-size:13px; font-weight:700;
               font-variant-numeric:tabular-nums; }
.wla-t10-fill { fill:#ea0a8e; transition:fill .15s ease; }
.wla-t10-bar:hover .wla-t10-fill { fill:#c40776; }

.wla-t10-hero { margin-top:1.1rem !important; display:flex; align-items:baseline; gap:.6rem;
                flex-wrap:wrap; }
.wla-t10-hero strong { font-size:2.4rem; font-weight:800; color:#ea0a8e; line-height:1;
                       font-variant-numeric:tabular-nums; }
.wla-t10-hero span { font-size:.9rem; color:#6b6880; max-width:22ch; line-height:1.4; }

@media (max-width:1000px) {
    .wla-t10-leadgrid { grid-template-columns:1fr; }
    .wla-t10-grid { grid-template-columns:1fr; }
    .wla-t10-stats { grid-template-columns:repeat(2,1fr); }
    .wla-t10-figure { grid-template-columns:1fr; gap:18px; align-items:start; }
}
@media (max-width:560px) {
    .wla-t10-stats { grid-template-columns:1fr; }
}


/* womensleadershipnc only for now: each photo on the opposite side */
.wla-mission-row--flip { flex-direction:row-reverse; }

/* when no figure follows, the stat row is the end of the section */
.wla-t10-stats:last-child { border-bottom:none; margin-bottom:0; padding-bottom:0; }

.wla-faq-photo--right { float:right; margin:4px 0 12px 26px; }
@media (max-width:820px) {
    .wla-faq-photo--right { float:none; margin:0 auto 18px; }
}

/* Story pages on phones: share bar and newsletter box stack instead of
   sitting side by side, so the row no longer runs off the screen. */
@media (max-width: 767px) {
    .story-share-and-subscribe { flex-direction: column; align-items: center; gap: 14px; padding: 0 12px; }
    .story-share-and-subscribe > div { width: 100%; max-width: 440px; min-width: 0; }
    .story-share-and-subscribe .story-share-container { justify-content: center; flex-wrap: wrap; gap: 6px; }
    .story-share-and-subscribe form.weekly-subscribe-form { flex-direction: column; align-items: stretch; gap: 8px; }
    .story-share-and-subscribe .weekly-subscribe-form-title { text-align: center; }
    .story-share-and-subscribe .weekly-subscribe-form-inner { width: 100%; }
    .story-share-and-subscribe .weekly-subscribe-form-fields { flex: 1 1 auto; min-width: 0; }
    .story-share-and-subscribe .weekly-subscribe-form-field-group,
    .story-share-and-subscribe .weekly-subscribe-form-field-wrapper { flex: 1 1 0; min-width: 0; }
    .story-share-and-subscribe .weekly-subscribe-form-field-wrapper input { width: 100%; min-width: 0; box-sizing: border-box; }
    .story-share-and-subscribe .weekly-subscribe-form button { flex-shrink: 0; }
    .story-share-and-subscribe .weekly-subscribe-form-success-alert { justify-content: center; }
}

/* News list: same photo width on every story card, whatever the headline length */
article.post.custom-style-list > .post-thumbnail { flex: 0 0 40%; }
article.post.custom-style-list > header.entry-header { flex: 1 1 0; min-width: 0; }
@media only screen and (max-width: 767px) {
    article.post.custom-style-list > .post-thumbnail { flex: none; width: 100%; }
}

/* Story pages: each article carries its infographic twice; show only the first */
.post-content .autoseo-infographic-container ~ .autoseo-infographic-container { display: none; }