/* filepath: apps/support/components/structure/seo-faq-page-redesign/clientlib-redesign/css/seofaq-redesign.less */

/* ==========================================================================
   1. ROOT PAGE-LEVEL RESET
   ========================================================================== */
html, 
body,
.seo-faq-container--redesign,
.seo-faq-container--redesign #SupportContentWrapper,
.seo-faq-container--redesign .WidgetBox,
.seo-faq-container--redesign .TabletBodyContentSection,
.seo-faq-container--redesign .marquee {
    background: #FFFFFF !important;
    background-color: #FFFFFF !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* 24px left gutter sits extreme left directly under the Verizon logo */
.seo-faq-container--redesign {
    --rd-left-gutter: 24px !important;
    --rd-right-gutter: 24px !important;
    --rd-section-gap: 24px !important;
    --rd-max-page-width: 1232px !important;
}

@media only screen and (min-width: 1025px) {
    .seo-faq-container--redesign {
        max-width: var(--rd-max-page-width) !important;
        width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

/* STRIP DEFAULT AEM GRID COLUMN FLOATS FROM FRAGMENTS */
.seo-faq-container--redesign .marquee > .fragment,
.seo-faq-container--redesign .marquee > .oneDRd_fragment,
.seo-faq-container--redesign .marquee > [class*="aem-GridColumn"],
.seo-faq-container--redesign .marquee > .seo-bottom-container {
    width: 100% !important;
    max-width: var(--rd-max-page-width) !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    float: none !important;
    clear: both !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
}

/* Title wrapper */
.seo-faq-container--redesign .title-bookmark-wrapper {
    padding-left: var(--rd-left-gutter) !important;
    padding-right: var(--rd-right-gutter) !important;
    margin-bottom: var(--rd-section-gap) !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    max-width: var(--rd-max-page-width) !important;
    box-sizing: border-box;
}

.seo-faq-container--redesign .title-bookmark-wrapper *,
.seo-faq-container--redesign .title-wrapper,
.seo-faq-container--redesign .oneDRd_banner_title,
.seo-faq-container--redesign h1 {
    margin-left: 0 !important;
    padding-left: 0 !important;
    box-sizing: border-box !important;
}

.seo-faq-container--redesign .rating_div {
    padding-left: var(--rd-left-gutter) !important;
    padding-right: var(--rd-right-gutter) !important;
    margin-bottom: var(--rd-section-gap) !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important; 
    max-width: var(--rd-max-page-width) !important;
    box-sizing: border-box;
}

/* ==========================================================================
   2. MAIN COLUMN AND SIDEBAR LAYOUT
   ========================================================================== */
.seo-faq-container--redesign .seo-bottom-container--grid {
    padding: 0 !important;
    width: 100% !important;
    max-width: var(--rd-max-page-width) !important;
    background-color: transparent !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
    box-sizing: border-box;
}

.seo-faq-container--redesign .seo-bottom-container--grid .seo-bottom-grid {
    display: grid !important;
    grid-template-columns: 320px 1fr !important;
    column-gap: 24px !important;
    align-items: start !important; /* Top baseline alignment */
    width: 100% !important;
    max-width: var(--rd-max-page-width) !important;
    overflow: visible !important;
    padding-left: var(--rd-left-gutter) !important;
    padding-right: var(--rd-right-gutter) !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
    box-sizing: border-box !important;
}

.seo-faq-container--redesign .seo-bottom-container--grid .seo-sidebar-col,
.seo-faq-container--redesign .seo-bottom-container--grid .seo-main-col {
    min-width: 0;
    padding: 0 !important;
    margin: 0 !important;
}

.seo-faq-container--redesign .seo-bottom-container--grid .seo-main-col {
    background-color: #FFFFFF !important;
    padding: 0 48px 16px 0 !important;
    border-radius: 4px;
    overflow: visible !important;
    box-sizing: border-box;
    width: 100% !important;
    max-width: 100% !important;
    border-right: none !important;
}

.seo-faq-container--redesign .seo-bottom-container--grid .seo-main-col * {
    box-sizing: border-box;
    max-width: 100%;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* SEARCH BAR INSIDE COLUMN 2 STYLING */
.seo-faq-container--redesign .seo-main-col #inPageSearchContainer {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 0 !important;
    margin-bottom: var(--rd-section-gap) !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

/* List formatting overrides */
.seo-faq-container--redesign .seo-bottom-container--grid .seo-main-col ol,
.seo-faq-container--redesign .seo-bottom-container--grid .seo-main-col ul {
    padding-left: 32px !important;
    width: auto !important;
    max-width: 100% !important;
    margin-top: 8px !important;
    margin-bottom: 8px !important;
}
.seo-faq-container--redesign .seo-bottom-container--grid .seo-main-col li {
    width: auto !important;
    max-width: 100% !important;
    padding-left: 4px !important;
    margin-bottom: 8px !important;
    display: list-item !important;
}
.seo-faq-container--redesign .seo-bottom-container--grid .seo-main-col ol li {
    list-style-type: decimal !important;
}
.seo-faq-container--redesign .seo-bottom-container--grid .seo-main-col ul li {
    list-style-type: disc !important;
}
.seo-faq-container--redesign .seo-bottom-container--grid .seo-main-col ul ul li {
    list-style-type: circle !important;
}

.seo-faq-container--redesign .seo-bottom-container--grid .seo-main-col > * {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
}

.seo-faq-container--redesign #promoSummary button,
.seo-faq-container--redesign .covid_faq_section button,
.seo-faq-container--redesign [class*="grayBg"] button {
    width: auto !important;
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
}

.seo-faq-container--redesign .seo-bottom-container--grid .seo-sidebar-col {
    display: flex;
    flex-direction: column;
    overflow: visible !important;
    gap: 8px !important;
}

.seo-faq-container--redesign .seo-bottom-container--grid .seo-sidebar-col > * {
    margin-bottom: 8px !important;
}

.seo-faq-container--redesign .seo-bottom-container--grid .seo-sidebar-col > *:last-child {
    margin-bottom: 0 !important;
}

.seo-faq-container--redesign .seo-bottom-container--grid .tsa_seo_grid1,
.seo-faq-container--redesign .tsa-seo-tab-container,
.seo-faq-container--redesign .tsa-seo-tab-container .cmp-tabs__tabpanel,
.seo-faq-container--redesign .seo-footer-container {
    background-color: #FFFFFF !important;
    width: 100% !important;
}

/* Related links footer */
.seo-faq-container--redesign .seo-footer-container .related-links-container {
    display: block !important;
}

.seo-faq-container--redesign .seo-footer-container .related-links-container .related-container {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 20px !important;
}

.seo-faq-container--redesign .seo-footer-container .related-links-container .related-heading {
    margin-bottom: 0 !important;
}

.seo-faq-container--redesign .seo-footer-container .related-links-container .tsa-related-slide {
    width: 100% !important;
    max-width: none !important;
    float: none !important;
    clear: both !important;
    margin: 0 !important;
    padding: 24px 24px 56px 24px !important;
    box-sizing: border-box !important;
    position: relative !important;
    min-height: 120px !important;
}

@media only screen and (max-width: 767px) {
    .seo-faq-container--redesign .seo-footer-container .related-links-container .related-container {
        grid-template-columns: 1fr !important;
    }
}

.seo-faq-container--redesign .seo-footer-container .related-links-container .tsa-related-slide svg {
    position: absolute !important;
    right: 5px !important;
    bottom: 4px !important;
    width: auto !important;
    margin: 0 !important;
}

.seo-faq-container--redesign > div[data-sly-resource*='breadcrumb'],
.seo-faq-container--redesign > nav,
.seo-faq-container--redesign nav.cmp-breadcrumb,
.seo-faq-container--redesign .cmp-breadcrumb,
.seo-faq-container--redesign .cmp-notification,
.seo-faq-container--redesign .infobox,
.seo-faq-container--redesign .warningBox,
.seo-faq-container--redesign .successBox,
.seo-faq-container--redesign .alertBox,
.seo-faq-container--redesign [class*="notification-banner"],
.seo-faq-container--redesign [class*="alert-banner"] {
    padding-left: var(--rd-left-gutter) !important;
    padding-right: var(--rd-right-gutter) !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: var(--rd-max-page-width) !important;
    box-sizing: border-box !important;
}

.seo-faq-container--redesign > div[data-sly-resource*='breadcrumb'],
.seo-faq-container--redesign > nav,
.seo-faq-container--redesign nav.cmp-breadcrumb,
.seo-faq-container--redesign .cmp-breadcrumb {
    margin-bottom: var(--rd-section-gap) !important;
}

.seo-faq-container--redesign .top-anchor-text {
    display: none !important;
}

.seo-faq-container--redesign .seo-bottom-container--grid .seo-sidebar-col .footer-anchor-text {
    margin-top: 16px !important;
    margin-bottom: 0 !important;
    display: block !important;
    order: 20 !important;
    align-self: flex-start;
    width: 100% !important;
    white-space: nowrap !important;
    overflow: visible !important;
    font-size: 14px !important;
    line-height: 20px !important;
    font-family: "VerizonNHGeTX", "NHaasGroteskDSStd-55Rg", Arial, sans-serif !important;
    position: relative !important;
    z-index: 1;
}

.seo-faq-container--redesign .seo-bottom-container--grid .seo-sidebar-col .footer-anchor-text a,
.seo-faq-container--redesign .seo-bottom-container--grid .seo-sidebar-col .footer-anchor-text * {
    white-space: nowrap !important;
    display: inline !important;
    font-size: 14px !important;
}

/* ==========================================================================
   3. SIDEBAR CARDS & EXACT ALIGNMENT
   ========================================================================== */
.seo-faq-container--redesign .seo-bottom-container--grid .seo-sidebar-col .aem-GridColumn,
.seo-faq-container--redesign .seo-bottom-container--grid .seo-sidebar-col .tsa_seo_signin,
.seo-faq-container--redesign .seo-bottom-container--grid .seo-sidebar-col .tsa_side_pod,
.seo-faq-container--redesign .seo-bottom-container--grid .seo-sidebar-col [class*="promo"],
.seo-faq-container--redesign .seo-bottom-container--grid .seo-sidebar-col .cmp-promo {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
}

.seo-faq-container--redesign .seo-bottom-container--grid .seo-sidebar-col [class*="promo"],
.seo-faq-container--redesign .seo-bottom-container--grid .seo-sidebar-col .cmp-promo,
.seo-faq-container--redesign .seo-bottom-container--grid .seo-sidebar-col .tsa_side_pod,
.seo-faq-container--redesign .seo-bottom-container--grid .seo-sidebar-col .faqpromo_rte {
    border-radius: 16px !important;
    overflow: visible !important;
    box-sizing: border-box !important;
}

.seo-faq-container--redesign .seo-bottom-container--grid .seo-sidebar-col .tsa_side_pod {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    overflow: visible !important;
}

.seo-faq-container--redesign .seo-bottom-container--grid .seo-sidebar-col .tsa_side_pod > *,
.seo-faq-container--redesign .seo-bottom-container--grid .seo-sidebar-col .tsa_side_pod .tsa_seo_signin,
.seo-faq-container--redesign .seo-bottom-container--grid .seo-sidebar-col .tsa_side_pod .ptp-in-tsa {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    float: none !important;
    position: relative !important;
    left: 0 !important;
    transform: none !important;
    box-sizing: border-box !important;
}

.seo-faq-container--redesign .seo-bottom-container--grid .seo-sidebar-col [class*="promo"] > div,
.seo-faq-container--redesign .seo-bottom-container--grid .seo-sidebar-col .tsa_side_pod > div,
.seo-faq-container--redesign .seo-bottom-container--grid .seo-sidebar-col .faqpromo_rte > div {
    border-radius: 16px !important;
}

.seo-faq-container--redesign .seo-bottom-container--grid .seo-sidebar-col [class*="promo"] p,
.seo-faq-container--redesign .seo-bottom-container--grid .seo-sidebar-col [class*="promo"] span,
.seo-faq-container--redesign .seo-bottom-container--grid .seo-sidebar-col .faqpromo_rte p,
.seo-faq-container--redesign .seo-bottom-container--grid .seo-sidebar-col .faqpromo_rte span {
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
}

.seo-faq-container--redesign .seo-bottom-container--grid .seo-sidebar-col .aem-GridColumn > * {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    left: 0 !important;
    float: none !important;
    box-sizing: border-box !important;
}

/* Light Gray Sign-In Card */
.seo-faq-container--redesign .seo-bottom-container--grid .seo-sidebar-col .tsa_seo_signin {
    margin-top: 0 !important;
    margin-bottom: 8px !important;
    background-color: #F5F5F5 !important;
    background: #F5F5F5 !important;
    padding: 12px 16px !important;
    border-radius: 12px !important;
    display: block !important;
    overflow: visible !important;
    box-shadow: none !important;
    border: none !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.seo-faq-container--redesign .seo-bottom-container--grid .seo-sidebar-col .tsa_seo_signin .sign-in-desc,
.seo-faq-container--redesign .seo-bottom-container--grid .seo-sidebar-col .tsa_seo_signin .sign-in-tsa {
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
}

.seo-faq-container--redesign .seo-bottom-container--grid .seo-sidebar-col .tsa_seo_signin .sign-in-desc p {
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
    margin: 0 !important;
    padding: 0 !important;
    word-break: break-word !important;
}

.seo-faq-container--redesign .seo-bottom-container--grid .seo-sidebar-col .tsa_seo_signin *,
.seo-faq-container--redesign .seo-bottom-container--grid .seo-sidebar-col .tsa_seo_signin *::before,
.seo-faq-container--redesign .seo-bottom-container--grid .seo-sidebar-col .tsa_seo_signin *::after {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    width: auto !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    font-family: "VerizonNHGeTX", "NHaasGroteskDSStd-55Rg", Arial, sans-serif !important;
    font-size: 14px !important;
    line-height: 20px !important;
    color: #000000 !important;
    font-weight: 400 !important;
}

.seo-faq-container--redesign .seo-bottom-container--grid .seo-sidebar-col .tsa_seo_signin a {
    font-weight: 700 !important;
    color: #000000 !important;
    text-decoration: underline !important;
    cursor: pointer !important;
}

.seo-faq-container--redesign .seo-bottom-container--grid .seo-sidebar-col > .aem-Grid > .aem-GridColumn {
    position: relative;
    width: 100% !important;
    z-index: 1;
}

.seo-faq-container--redesign .seo-bottom-container--grid .seo-sidebar-col .aem-Grid {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
    gap: 8px !important;
}

.seo-faq-container--redesign .seo-bottom-container--grid .seo-sidebar-col .aem-GridColumn {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 8px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    float: none !important;
    box-sizing: border-box !important;
}

.seo-faq-container--redesign .seo-bottom-container--grid .seo-sidebar-col .aem-GridColumn:last-child {
    margin-bottom: 0 !important;
}

.seo-faq-container--redesign .seo-bottom-container--grid .seo-sidebar-col [class*="aem-GridColumn--"] {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    float: none !important;
    box-sizing: border-box !important;
}

.seo-faq-container--redesign .seo-bottom-container--grid .seo-sidebar-col [class*="offset"] {
    margin-left: 0 !important;
}

/* ==========================================================================
   COLUMN CONTROL & ONE-D BUTTON STACKING OVERRIDE FOR SIDEBAR
   ========================================================================== */
.seo-faq-container--redesign .seo-sidebar-col .columnWrapperOuter,
.seo-faq-container--redesign .seo-sidebar-col .columnWrapperInner,
.seo-faq-container--redesign .seo-sidebar-col .mbl_dis {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    clear: both !important;
    margin: 0 !important;
    padding: 0 !important;
}

.seo-faq-container--redesign .seo-sidebar-col .esupportColumn {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    clear: both !important;
    display: block !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 8px !important;
    box-sizing: border-box !important;
}

.seo-faq-container--redesign .seo-sidebar-col .esupportColumn .columnInner {
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background-color: transparent !important;
    box-sizing: border-box !important;
}

.seo-faq-container--redesign .seo-sidebar-col .oneD-button-container,
.seo-faq-container--redesign .seo-sidebar-col [class*="oneD-button"],
.seo-faq-container--redesign .seo-sidebar-col [class*="button-container"] {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    float: none !important;
    clear: both !important;
    box-sizing: border-box !important;

    a {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        text-decoration: none !important;
        float: none !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }

    button,
    button[class*="Button-1Doval"],
    .Button-1Doval-btn-white,
    .Button-1Doval-btn-black,
    #btn_0,
    #btn_1 {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        height: 42px !important;
        min-height: 42px !important;
        line-height: 40px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 0 !important;
        display: block !important;
        text-align: center !important;
        box-sizing: border-box !important;
        white-space: nowrap !important;
        padding: 0 16px !important;
        border-radius: 999px !important;
        float: none !important;
    }
}

/* ==========================================================================
   INTERNATIONAL TRAVEL POD & PHONE DROPDOWN OVERRIDES
   ========================================================================== */
.seo-faq-container--redesign .travel-phone-dropdown {
    width: 100% !important;
    position: relative !important;
    margin-bottom: 16px !important;
    display: block !important;

    .travel-phone-dropdown__trigger {
        width: 100% !important;
        min-height: 48px !important;
        height: auto !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        padding: 8px 16px !important;
        background: #FFFFFF !important;
        border: 1px solid #000000 !important;
        border-radius: 8px !important;
        box-sizing: border-box !important;
        cursor: pointer !important;

        .travel-phone-dropdown__selected {
            width: auto !important;
            max-width: calc(100% - 24px) !important;
            white-space: nowrap !important;
            overflow: hidden !important;
            text-overflow: ellipsis !important;
            font-size: 16px !important;
            font-weight: 500 !important;
            color: #000000 !important;
            display: inline-block !important;
            text-align: left !important;
        }

        .travel-phone-dropdown__chevron {
            width: 16px !important;
            height: 16px !important;
            flex-shrink: 0 !important;
            display: inline-block !important;
        }
    }

    .travel-phone-dropdown__list {
        list-style: none !important;
        padding: 0 !important;
        margin: 4px 0 0 0 !important;
        background: #F6F6F6 !important;
        border: 1px solid #D8DADA !important;
        border-radius: 8px !important;
        box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;
        position: absolute !important;
        top: 100% !important;
        left: 0 !important;
        width: 100% !important;
        z-index: 999 !important;
        box-sizing: border-box !important;

        li,
        .travel-phone-dropdown__item {
            list-style: none !important;
            list-style-type: none !important;
            display: flex !important;
            align-items: center !important;
            padding: 12px 16px !important;
            font-size: 15px !important;
            color: #000000 !important;
            border-bottom: 1px solid #E5E5E5 !important;
            cursor: pointer !important;
            width: 100% !important;
            box-sizing: border-box !important;

            &::before {
                content: none !important;
                display: none !important;
            }

            &:last-child {
                border-bottom: none !important;
            }

            .travel-phone-dropdown__check {
                width: 16px !important;
                height: 16px !important;
                margin-right: 8px !important;
                display: inline-block !important;
            }
        }
    }
}

.seo-faq-container--redesign .tsa_seo_travel_pod_placeholder,
.seo-faq-container--redesign .tsa_seo_travel_pod {
    .btn_container {
        display: flex !important;
        flex-direction: row !important;
        gap: 8px !important;
        width: 100% !important;
        margin-top: 16px !important;

        .chat_btn {
            flex: 1 1 50% !important;
            width: auto !important;
            min-width: 0 !important;
            height: 40px !important;
            min-height: 40px !important;
            padding: 0 12px !important;
            border-radius: 999px !important;
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            text-align: center !important;
            box-sizing: border-box !important;
            margin: 0 !important;

            p {
                margin: 0 !important;
                padding: 0 !important;
                font-size: 14px !important;
                white-space: nowrap !important;
                overflow: hidden !important;
                text-overflow: ellipsis !important;
            }
        }
    }
}

/* ==========================================================================
   4. ACCORDION & IN-PAGE SEARCH STYLING
   ========================================================================== */
.seo-faq-container--redesign .accordion-container .tabs .tab .tab-label.i-am-accordion {
    padding: 16px 0 !important;
    font-size: 16px !important;
    line-height: 20px !important;
}

.seo-faq-container--redesign .accordion-container .tabs .tab .tab-label.i-am-accordion h2 {
    font-size: 16px !important;
    line-height: 20px !important;
    font-weight: normal !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 90% !important;
    color: #000000 !important;
}

.seo-faq-container--redesign .accordion-container .tabs .tab .tab-label.i-am-accordion h2 a,
.seo-faq-container--redesign .accordion-container .tabs .tab .tab-label.i-am-accordion h2 * {
    color: #000000 !important;
    text-decoration: none !important;
}

/* Restores Accordion Caret Arrows */
.seo-faq-container--redesign .tab-label.i-am-accordion::after,
.seo-faq-container--redesign .accordion-container .tabs .tab .tab-label.i-am-accordion::after {
    content: "" !important;
    display: inline-block !important;
    width: 12px !important;
    height: 12px !important;
    border-right: 1.5px solid #111111 !important;
    border-bottom: 1.5px solid #111111 !important;
    transform: rotate(45deg) !important;
    margin-left: 6px !important;
    padding: 0 !important;
}

@media only screen and (min-width: 1025px) {
    .seo-faq-container--redesign .accordion-container .tabs .tab .tab-label.i-am-accordion {
        padding: 32px 0 !important;
        font-size: 20px !important;
        line-height: 24px !important;
    }

    .seo-faq-container--redesign .accordion-container .tabs .tab .tab-label.i-am-accordion h2 {
        font-size: 20px !important;
        line-height: 24px !important;
    }
}

.seo-faq-container--redesign .tsa-seo-tab-container .tab-bar,
.seo-faq-container--redesign .tsa-seo-tab-container .tab-drop,
.seo-faq-container--redesign .tsa-seo-tab-container .cmp-tabs__tablist {
    display: none !important;
}

.seo-faq-container--redesign .tsa-seo-tab-container .cmp-tabs__tabpanel {
    display: block !important;
    width: 100% !important;
    margin-top: 40px !important;
}

.seo-faq-container--redesign .tsa-seo-tab-container .cmp-tabs__tabpanel:first-child,
.seo-faq-container--redesign .tsa-seo-tab-container .cmp-tabs__tabpanel:first-of-type {
    margin-top: 0 !important;
}

.seo-faq-container--redesign .tsa-seo-tab-container .cmp-tabs__tabpanel::before {
    content: attr(data-tab-title);
    display: block;
    margin: 0 0 24px 0 !important;
    font-size: 32px;
    line-height: 1 !important; /* Fixed line-height prevents vertical font leading offset */
    font-family: "VerizonNHGeDS", "NHaasGroteskDSStd-55Rg", sans-serif;
    font-style: normal;
    font-weight: 700;
    min-height: 0;
    visibility: visible;
}

.seo-faq-container--redesign .marquee > .fragment.oneDRd_fragment:not(.seo-bottom-container) {
    display: flex !important;
    flex-direction: column !important;
}

.seo-faq-container--redesign .marquee > .fragment.oneDRd_fragment:not(.seo-bottom-container) .rating_div {
    order: 1;
}

.seo-faq-container--redesign .marquee > .fragment.oneDRd_fragment:not(.seo-bottom-container) .oneDRd_banner {
    order: 2;
    margin-top: var(--rd-section-gap) !important;
}

.seo-faq-container--redesign .side_pod_div {
    display: none !important;
    height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
}

.seo-faq-container--redesign .oneDRd_banner,
.seo-faq-container--redesign .oneDRd_banner .oneDRd_banner_middle,
.seo-faq-container--redesign .oneDRd_banner .oneDRd_banner_middle .oneDRd_banner_text {
    display: block !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* COLLAPSE UNUSED BANNER FRAGMENT WHEN SEARCH IS DISABLED */
.seo-faq-container--redesign .marquee > .fragment.oneDRd_fragment:not(.seo-bottom-container):has(#inPageSearchContainer[style*="display: none"]),
.seo-faq-container--redesign .marquee > .fragment.oneDRd_fragment:not(.seo-bottom-container):has(#inPageSearchContainer[style*="display:none"]),
.seo-faq-container--redesign .oneDRd_banner:has(#inPageSearchContainer[style*="display: none"]),
.seo-faq-container--redesign .oneDRd_banner:has(#inPageSearchContainer[style*="display:none"]) {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.seo-faq-container--redesign .oneDRd_banner .oneDRd_banner_middle .oneDRd_banner_text > div:first-child,
.seo-faq-container--redesign .oneDRd_banner #returnExchangeWidgetContainer-mobile,
.seo-faq-container--redesign .side_pod_div {
    display: none !important;
    height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
}

.seo-faq-container--redesign #inPageSearchContainer[search-options*="enable" i],
.seo-faq-container--redesign #inPageSearchContainer[search-options*="throttle" i],
.seo-faq-container--redesign #inPageSearchContainer[search-options="true" i],
.seo-faq-container--redesign #inPageSearchContainer[search-options="on" i],
.seo-faq-container--redesign #inPageSearchContainer[search-options="yes" i] {
    display: block !important;
}

.seo-faq-container--redesign #inPageSearchContainer[search-options*="disable" i],
.seo-faq-container--redesign #inPageSearchContainer[search-options="false" i],
.seo-faq-container--redesign #inPageSearchContainer[search-options="off" i],
.seo-faq-container--redesign #inPageSearchContainer[search-options="no" i] {
    display: none !important;
}

.seo-faq-container--redesign #inPageSearchContainer *,
.seo-faq-container--redesign #inPageSearchContainer .inpage-search,
.seo-faq-container--redesign #inPageSearchContainer .optionsWrapper,
.seo-faq-container--redesign #inPageSearchContainer .optionsWrapper-inner,
.seo-faq-container--redesign #inPageSearchContainer .search-input-container,
.seo-faq-container--redesign #inPageSearchContainer .search-input,
.seo-faq-container--redesign #inPageSearchContainer form {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    float: none !important;
    text-align: left !important;
}

.seo-faq-container--redesign #inPageSearchContainer .search-input-container {
    height: 48px !important;
    margin-bottom: 0 !important;
}

.seo-faq-container--redesign #inPageSearchContainer .search-input {
    min-height: 48px !important;
    height: 48px !important;
    padding: 0 18px !important;
    border: 1px solid #747676 !important;
    border-radius: 999px !important;
}

.seo-faq-container--redesign #inPageSearchContainer .inpage-search__input {
    width: 100% !important;
    font-size: 15px !important;
    line-height: 20px !important;
}

.seo-faq-container--redesign #inPageSearchContainer .inpage-search__input::placeholder {
    color: #6f7171;
}

.seo-faq-container--redesign #inPageSearchContainer .search-hints-container {
    left: 0;
    width: 100%;
    max-width: 100%;
}

.seo-faq-container--redesign #inPageSearchContainer #typeAheadBox li,
.seo-faq-container--redesign #inPageSearchContainer .symptomsOptionsList .symptomsOptions,
.seo-faq-container--redesign #inPageSearchContainer .symptomsOptionsList .symptomsOptions-NoResult {
    padding-left: 16px !important;
    padding-right: 16px !important;
}

.seo-faq-container--redesign .seo-bottom-container--grid .seo-sidebar-col .tsa_seo_genai_pod button,
.seo-faq-container--redesign .seo-bottom-container--grid .seo-sidebar-col .tsa_seo_genai_hotspot button,
.seo-faq-container--redesign .seo-bottom-container--grid .seo-sidebar-col [class*="genai"] button,
.seo-faq-container--redesign .seo-bottom-container--grid .seo-sidebar-col #promoQuestions button,
.seo-faq-container--redesign .seo-bottom-container--grid .seo-sidebar-col .promoQuestionsSection button,
.seo-faq-container--redesign .seo-bottom-container--grid .seo-sidebar-col .tsa_seo_genai_pod .cmp-button,
.seo-faq-container--redesign .seo-bottom-container--grid .seo-sidebar-col .tsa_seo_genai_hotspot .cmp-button {
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 20px !important;
    border: 1px solid #6f7171 !important;
    border-radius: 999px !important;
    background: transparent !important;
    background-color: transparent !important;
    padding: 8px 16px !important;
    text-align: left !important;
    cursor: pointer !important;
    box-shadow: none !important;
    width: 100% !important;
    box-sizing: border-box !important;
    display: block !important;
    margin-bottom: 8px !important;
    color: #000000 !important;
}

/* ==========================================================================
   5. RESPONSIVE MEDIA QUERIES
   ========================================================================== */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .seo-faq-container--redesign {
        --rd-left-gutter: 16px !important;
        --rd-right-gutter: 16px !important;
        --rd-section-gap: 20px !important;
    }

    .seo-faq-container--redesign #inPageSearchContainer {
        margin-left: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
    }

    .seo-faq-container--redesign .TabletBodyContentSection > .marquee,
    .seo-faq-container--redesign .title-bookmark-wrapper,
    .seo-faq-container--redesign .rating_div,
    .seo-faq-container--redesign .seo-bottom-container--grid .seo-bottom-grid {
        padding-left: var(--rd-left-gutter) !important;
        padding-right: var(--rd-right-gutter) !important;
    }

    .seo-faq-container--redesign > div[data-sly-resource*='breadcrumb'],
    .seo-faq-container--redesign > nav,
    .seo-faq-container--redesign nav.cmp-breadcrumb,
    .seo-faq-container--redesign .cmp-breadcrumb,
    .seo-faq-container--redesign .cmp-notification,
    .seo-faq-container--redesign .infobox,
    .seo-faq-container--redesign .warningBox,
    .seo-faq-container--redesign .successBox,
    .seo-faq-container--redesign .alertBox,
    .seo-faq-container--redesign [class*="notification-banner"],
    .seo-faq-container--redesign [class*="alert-banner"] {
        padding-left: var(--rd-left-gutter) !important;
        padding-right: var(--rd-right-gutter) !important;
    }

    .seo-faq-container--redesign #inPageSearchContainer .search-input-container {
        height: 48px !important;
    }

    .seo-faq-container--redesign #inPageSearchContainer .search-input {
        min-height: 48px !important;
        padding: 0 16px !important;
    }

    .seo-faq-container--redesign .oneDRd_banner .oneDRd_banner_middle .oneDRd_banner_text {
        display: block !important;
        padding-left: var(--rd-left-gutter) !important;
        padding-right: var(--rd-right-gutter) !important;
    }

    .seo-faq-container--redesign .oneDRd_banner .oneDRd_banner_text > *,
    .seo-faq-container--redesign #inPageSearchContainer {
        max-width: 100% !important;
        width: 100% !important;
    }
}

@media only screen and (max-width: 767px) {
    .seo-faq-container--redesign {
        --rd-left-gutter: 12px !important;
        --rd-right-gutter: 12px !important;
        --rd-section-gap: 16px !important;
    }

    .seo-faq-container--redesign #inPageSearchContainer {
        display: none !important;
    }

    .seo-faq-container--redesign .TabletBodyContentSection > .marquee,
    .seo-faq-container--redesign .title-bookmark-wrapper,
    .seo-faq-container--redesign .rating_div,
    .seo-faq-container--redesign .seo-bottom-container--grid .seo-bottom-grid {
        padding-left: var(--rd-left-gutter) !important;
        padding-right: var(--rd-right-gutter) !important;
    }

    .seo-faq-container--redesign > div[data-sly-resource*='breadcrumb'],
    .seo-faq-container--redesign > nav,
    .seo-faq-container--redesign nav.cmp-breadcrumb,
    .seo-faq-container--redesign .cmp-breadcrumb,
    .seo-faq-container--redesign .cmp-notification,
    .seo-faq-container--redesign .infobox,
    .seo-faq-container--redesign .warningBox,
    .seo-faq-container--redesign .successBox,
    .seo-faq-container--redesign .alertBox,
    .seo-faq-container--redesign [class*="notification-banner"],
    .seo-faq-container--redesign [class*="alert-banner"] {
        padding-left: var(--rd-left-gutter) !important;
        padding-right: var(--rd-right-gutter) !important;
    }

    .seo-faq-container--redesign #inPageSearchContainer .search-input-container {
        height: 44px !important;
        margin-bottom: 0 !important;
    }

    .seo-faq-container--redesign #inPageSearchContainer .search-input {
        min-height: 44px !important;
        height: 44px !important;
        padding: 0 16px !important;
    }

    .seo-faq-container--redesign #inPageSearchContainer .inpage-search.searchBoxModal .search-hints-container {
        padding-left: 16px !important;
        padding-right: 16px !important;
        margin-top: 16px !important;
    }

    .seo-faq-container--redesign #inPageSearchContainer .inpage-search.searchBoxModal .search-input-container {
        padding: 0 !important;
        margin-top: 16px !important;
    }

    .seo-faq-container--redesign #inPageSearchContainer .inpage-search.searchBoxModal .search-input {
        padding: 0 8px !important;
    }

    .seo-faq-container--redesign .oneDRd_banner .oneDRd_banner_middle .oneDRd_banner_text {
        display: block !important;
        padding-left: var(--rd-left-gutter) !important;
        padding-right: var(--rd-right-gutter) !important;
    }

    .seo-faq-container--redesign .tsa-seo-tab-container .cmp-tabs__tabpanel::before {
        font-size: 28px;
        line-height: 32px;
    }

    .seo-faq-container--redesign .seo-bottom-container--grid .seo-sidebar-col > .aem-Grid > .aem-GridColumn,
    .seo-faq-container--redesign .seo-bottom-container--grid .seo-main-col > .aem-Grid > .aem-GridColumn {
        position: static;
    }
}

@media only screen and (min-width: 1025px) {
    .seo-faq-container--redesign {
        --rd-left-gutter: 24px;
        --rd-right-gutter: 24px;
    }

    .seo-faq-container--redesign .rating_div {
        margin-bottom: 10px !important;
    }

    .seo-faq-container--redesign .tsa-seo-tab-container .cmp-tabs__tabpanel {
        padding-top: 0 !important;
    }

    .seo-faq-container--redesign .seo-bottom-container--grid {
        margin-top: 0 !important;
        padding-top: 0 !important;
        display: block !important;
    }

    .seo-faq-container--redesign .seo-bottom-container--grid .seo-bottom-grid {
        display: grid !important;
        grid-template-columns: 320px 1fr !important;
        column-gap: 24px !important;
        align-items: start !important;
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-top: 0 !important;
        padding-top: 0 !important;
        box-sizing: border-box !important;
    }

    .seo-faq-container--redesign .seo-bottom-container--grid .seo-sidebar-col {
        width: 320px !important;
        max-width: 320px !important;
        min-width: 320px !important;
        flex-shrink: 0 !important;
    }

    /* GRID FLEX LAYOUT FOR COLUMN 2 (SEO-MAIN-COL) TO FORCE FLUSH TOP BASELINE */
    .seo-faq-container--redesign .seo-bottom-container--grid .seo-main-col {
        width: auto !important;
        max-width: 100% !important;
        min-width: 0 !important;
        flex-grow: 1 !important;
        padding-top: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-start !important;
    }

    /* ABSOLUTE BASELINE ANCHOR FOR SEARCH PILL AND ABOUT HEADING */
    .seo-faq-container--redesign .seo-main-col > *:first-child,
    .seo-faq-container--redesign .seo-main-col .tsa_seo_grid1 > *:first-child,
    .seo-faq-container--redesign .seo-main-col .tsa-seo-tab-container .cmp-tabs__tabpanel:first-child::before,
    .seo-faq-container--redesign .seo-main-col .tsa-seo-tab-container .cmp-tabs__tabpanel:first-of-type::before,
    .seo-faq-container--redesign .seo-main-col #inPageSearchContainer {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    .seo-faq-container--redesign .seo-bottom-container--grid .tsa_side_pod,
    .seo-faq-container--redesign .seo-bottom-container--grid .tsa_seo_signin,
    .seo-faq-container--redesign .seo-bottom-container--grid .return-exchange-widget-container,
    .seo-faq-container--redesign .seo-bottom-container--grid .ptp-in-tsa,
    .seo-faq-container--redesign .seo-bottom-container--grid .tsa_seo_genai_pod,
    .seo-faq-container--redesign .seo-bottom-container--grid .tsa_seo_travel_pod,
    .seo-faq-container--redesign .seo-bottom-container--grid .tsa_seo_ewt_pod,
    .seo-faq-container--redesign .seo-bottom-container--grid .tsa_seo_travel_ewt_pod,
    .seo-faq-container--redesign .seo-bottom-container--grid .tsa_seo_genai_hotspot {
        width: 100% !important;
        max-width: 100%;
    }

    .seo-faq-container--redesign .seo-bottom-container--grid .seo-sidebar-col .tsa_seo_genai_pod button,
    .seo-faq-container--redesign .seo-bottom-container--grid .seo-sidebar-col .tsa_seo_genai_hotspot button,
    .seo-faq-container--redesign .seo-bottom-container--grid .seo-sidebar-col [class*="genai"] button,
    .seo-faq-container--redesign .seo-bottom-container--grid .seo-sidebar-col .tsa_seo_genai_pod .cmp-button,
    .seo-faq-container--redesign .seo-bottom-container--grid .seo-sidebar-col .tsa_seo_genai_hotspot .cmp-button {
        font-weight: 400 !important;
        font-size: 14px !important;
        line-height: 20px !important;
        border: 1px solid #6f7171 !important;
        border-radius: 999px !important;
        background: transparent !important;
        background-color: transparent !important;
        padding: 8px 16px !important;
        text-align: left !important;
        cursor: pointer !important;
        box-shadow: none !important;
        width: 100% !important;
        box-sizing: border-box !important;
        display: block !important;
        margin-bottom: 8px !important;
    }

    .seo-faq-container--redesign #inPageSearchContainer .search-input-container {
        height: 44px !important;
        margin-bottom: 0 !important;
    }

    .seo-faq-container--redesign #inPageSearchContainer .search-input {
        padding: 0 8px 0 16px !important;
    }
}

.seo-faq-container--redesign .seo-bottom-container--grid .seo-sidebar-col,
.seo-faq-container--redesign .seo-bottom-container--grid .seo-sidebar-col > .aem-Grid,
.seo-faq-container--redesign .seo-bottom-container--grid .seo-sidebar-col > .aem-Grid > .aem-GridColumn,
.seo-faq-container--redesign .seo-bottom-container--grid .seo-sidebar-col .parsys {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

/* ==========================================================================
   6. BREADCRUMB & RATINGS
   ========================================================================== */
.seo-faq-container--redesign > div[data-sly-resource*='breadcrumb'],
.seo-faq-container--redesign > nav,
.seo-faq-container--redesign nav.cmp-breadcrumb,
.seo-faq-container--redesign .cmp-breadcrumb {
    display: block !important;
    visibility: visible !important;
    position: relative !important;
    z-index: 10 !important;
    overflow: visible !important;
    width: 100% !important;
}

.seo-faq-container--redesign .marquee,
.seo-faq-container--redesign .marquee .fragment {
    display: block !important;
    overflow: visible !important;
}

.seo-faq-container--redesign .marquee .rating_div,
.seo-faq-container--redesign .fragment .rating_div,
.seo-faq-container--redesign .rating_div {
    display: block !important;
    visibility: visible !important;
    position: relative !important;
    z-index: 5 !important;
    overflow: visible !important;
    width: 100% !important;
}

.seo-faq-container--redesign .marquee,
.seo-faq-container--redesign .seo-bottom-container--grid {
    overflow: visible !important;
}

/* ==========================================================================
   7. PAGE TITLE & BREADCRUMB CLEANUP
   ========================================================================== */
.seo-faq-container--redesign .title-wrapper::after {
    content: "";
    display: none !important;
}

.seo-faq-container--redesign > div[data-sly-resource*='breadcrumb'],
.seo-faq-container--redesign nav,
.seo-faq-container--redesign .cmp-breadcrumb {
    display: block !important;
    visibility: visible !important;
    height: auto !important;
    margin-bottom: var(--rd-section-gap) !important;
    font-size: 12px !important;
}

.seo-faq-container--redesign .right-arrow {
    display: none !important;
}

.seo-faq-container--redesign .cmp-breadcrumb__item {
    display: inline-block !important;
}

.seo-faq-container--redesign .cmp-breadcrumb__list,
.seo-faq-container--redesign .cmp-breadcrumb ul,
.seo-faq-container--redesign .cmp-breadcrumb ol,
.seo-faq-container--redesign .breadstyle {
    margin: 0 !important;
    padding-left: 0 !important;
    list-style: none !important;
}

.seo-faq-container--redesign .cmp-breadcrumb__item,
.seo-faq-container--redesign .breadstyle li {
    margin-left: 0 !important;
    padding-left: 0 !important;
}

.seo-faq-container--redesign .breadstyle li:not(:last-of-type)::after {
    content: " / " !important;
    display: inline !important;
    margin: 0 4px !important;
}

/* ==========================================================================
   8. FIGMA PARITY POLISH
   ========================================================================== */
@media only screen and (min-width: 1025px) {
    .seo-faq-container--redesign .oneDRd_banner_title.device_title.title-wrapper {
        font-size: 48px !important;
        line-height: 52px !important;
        letter-spacing: -0.01em;
    }

    .seo-faq-container--redesign #inPageSearchContainer .search-input {
        min-height: 44px !important;
        height: 44px !important;
        border-radius: 999px !important;
    }

    .seo-faq-container--redesign .seo-bottom-container--grid .seo-sidebar-col .tsa_side_pod,
    .seo-faq-container--redesign .seo-bottom-container--grid .seo-sidebar-col .faqpromo_rte,
    .seo-faq-container--redesign .seo-bottom-container--grid .seo-sidebar-col [class*="promo"] {
        margin-bottom: 8px !important;
    }

    .seo-faq-container--redesign .seo-bottom-container--grid .seo-sidebar-col .faqpromo_rte {
        background: #F7F3E8 !important;
        border-radius: 14px !important;
        padding: 20px 14px !important;
    }

    .seo-faq-container--redesign .seo-bottom-container--grid .seo-sidebar-col .faqpromo_rte > div {
        background: #FFFFFF !important;
        border-radius: 12px !important;
        padding: 16px !important;
    }

    .seo-faq-container--redesign .seo-bottom-container--grid .seo-sidebar-col .faqpromo_rte button,
    .seo-faq-container--redesign .seo-bottom-container--grid .seo-sidebar-col .faqpromo_rte .cmp-button {
        min-height: 34px !important;
        border-radius: 999px !important;
        font-size: 14px !important;
    }
}

@media only screen and (max-width: 767px) {
    .seo-faq-container--redesign {
        --rd-left-gutter: 12px !important;
        --rd-right-gutter: 12px !important;
        --rd-section-gap: 14px !important;
    }

    .seo-faq-container--redesign .title-bookmark-wrapper {
        margin-bottom: 8px !important;
    }

    .seo-faq-container--redesign .oneDRd_banner_title.device_title.title-wrapper {
        width: calc(100% - 36px) !important;
        font-size: 48px !important;
        line-height: 52px !important;
    }

    .seo-faq-container--redesign .bookmark-wrapper {
        width: 36px !important;
        margin-top: 6px !important;
    }

    .seo-faq-container--redesign .seo-bottom-container--grid .seo-bottom-grid {
        display: block !important;
    }

    .seo-faq-container--redesign .seo-bottom-container--grid .seo-sidebar-col,
    .seo-faq-container--redesign .seo-bottom-container--grid .seo-main-col {
        width: 100% !important;
        max-width: 100% !important;
    }

    .seo-faq-container--redesign .seo-bottom-container--grid .seo-main-col {
        margin-top: 10px !important;
        padding-top: 0 !important;
        padding: 0 !important;
    }

    .seo-faq-container--redesign .seo-bottom-container--grid .seo-bottom-grid,
    .seo-faq-container--redesign .oneDRd_banner .oneDRd_banner_middle .oneDRd_banner_text {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .seo-faq-container--redesign .seo-bottom-container--grid .seo-main-col,
    .seo-faq-container--redesign .tsa-seo-tab-container,
    .seo-faq-container--redesign .tsa-seo-tab-container .cmp-tabs,
    .seo-faq-container--redesign .tsa-seo-tab-container .cmp-tabs__tabpanel,
    .seo-faq-container--redesign .accordion-container {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .seo-faq-container--redesign .tsa-seo-tab-container,
    .seo-faq-container--redesign .tsa-seo-tab-container .cmp-tabs,
    .seo-faq-container--redesign .tsa-seo-tab-container .cmp-tabs__tabpanel,
    .seo-faq-container--redesign .accordion-container,
    .seo-faq-container--redesign .accordion-container .tabs,
    .seo-faq-container--redesign .accordion-container .tabs .tab {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
    }

    .seo-faq-container--redesign .seo-bottom-container--grid .seo-sidebar-col .faqpromo_rte {
        border-radius: 14px !important;
        margin-bottom: 10px !important;
    }

    .seo-faq-container--redesign .seo-bottom-container--grid .seo-sidebar-col .faqpromo_rte button,
    .seo-faq-container--redesign .seo-bottom-container--grid .seo-sidebar-col .faqpromo_rte .cmp-button {
        min-height: 34px !important;
        border-radius: 999px !important;
        font-size: 13px !important;
    }

    .seo-faq-container--redesign .tsa-seo-tab-container .cmp-tabs__tabpanel::before {
        margin: 16px 0 12px 0 !important;
        font-size: 28px !important;
        line-height: 36px !important;
        font-weight: 700 !important;
    }

    .seo-faq-container--redesign .accordion-container {
        margin-bottom: 24px !important;
    }

    .seo-faq-container--redesign .accordion-container .tabs .tab:last-child {
        margin-bottom: 8px !important;
    }

    .seo-faq-container--redesign .footer-anchor-text {
        margin-top: 8px !important;
        margin-bottom: 14px !important;
    }

    .seo-faq-container--redesign .seo-bottom-container--grid .seo-sidebar-col .aem-GridColumn:has(.tsa_seo_signin) {
        order: -1 !important;
    }
    .seo-faq-container--redesign .seo-bottom-container--grid .seo-sidebar-col .aem-GridColumn:has(.tsa_seo_genai_pod),
    .seo-faq-container--redesign .seo-bottom-container--grid .seo-sidebar-col .aem-GridColumn:has(.tsa_seo_genai_hotspot),
    .seo-faq-container--redesign .seo-bottom-container--grid .seo-sidebar-col .aem-GridColumn:has([class*="genai"]) {
        order: 1 !important;
    }
    .seo-faq-container--redesign .seo-bottom-container--grid .seo-sidebar-col .tsa_side_pod,
    .seo-faq-container--redesign .seo-bottom-container--grid .seo-sidebar-col .aem-GridColumn:has(.tsa_seo_signin, .tsa_seo_genai_pod) {
        display: flex !important;
        flex-direction: column !important;
    }
    .seo-faq-container--redesign .seo-bottom-container--grid .seo-sidebar-col .tsa_seo_signin {
        order: -1 !important;
    }
    .seo-faq-container--redesign .seo-bottom-container--grid .seo-sidebar-col .tsa_seo_genai_pod,
    .seo-faq-container--redesign .seo-bottom-container--grid .seo-sidebar-col .tsa_seo_genai_hotspot,
    .seo-faq-container--redesign .seo-bottom-container--grid .seo-sidebar-col [class*="genai"]:not(button) {
        order: 1 !important;
    }

    .seo-faq-container--redesign .seo-bottom-container--grid .seo-sidebar-col .tsa_seo_signin .sign-in-desc,
    .seo-faq-container--redesign .seo-bottom-container--grid .seo-sidebar-col .tsa_seo_signin .sign-in-tsa {
        display: block !important;
        width: 100% !important;
        word-wrap: break-word !important;
        word-break: break-word !important;
        white-space: normal !important;
        line-height: 1.4 !important;
    }

    .seo-faq-container--redesign .seo-bottom-container--grid .seo-sidebar-col .tsa_seo_signin .sign-in-desc p,
    .seo-faq-container--redesign .seo-bottom-container--grid .seo-sidebar-col .tsa_seo_signin .sign-in-tsa p {
        display: block !important;
        width: 100% !important;
        margin-bottom: 6px !important;
        line-height: 1.4 !important;
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
    }

    .seo-faq-container--redesign .tab-label.i-am-accordion {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        padding: 24px 0 !important;
        font-size: 16px !important;
        line-height: 24px !important;
        font-weight: normal !important;
        overflow: visible !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    .seo-faq-container--redesign .tab-label.i-am-accordion h2 {
        width: 90% !important;
        font-weight: normal !important;
        font-size: 16px !important;
        line-height: 24px !important;
        margin-bottom: 0 !important;
        margin-top: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        overflow: visible !important;
        word-break: break-word !important;
    }

    .seo-faq-container--redesign .tab-label.i-am-accordion::after {
        content: "" !important;
        display: inline-block !important;
        width: 12px !important;
        height: 12px !important;
        border-right: 1px solid #111 !important;
        border-bottom: 1px solid #111 !important;
        transform: rotate(45deg) !important;
        float: none !important;
        flex-shrink: 0 !important;
        margin-right: 2px !important;
        margin-left: 6px !important;
        padding: 0 !important;
    }

    .seo-faq-container--redesign .accordion-container .tabs .tab {
        border-top: 0 !important;
        border-bottom: 1px solid #E5E5E5 !important;
    }

    .seo-faq-container--redesign .seo-footer-container .related-links-container .tsa-related-slide {
        width: 100% !important;
        float: none !important;
        margin-right: 0 !important;
        margin-bottom: 12px !important;
        display: block !important;
        padding: 24px 24px 56px 24px !important;
        position: relative !important;
    }

    .seo-faq-container--redesign .seo-footer-container .related-links-container .tsa-related-slide p,
    .seo-faq-container--redesign .seo-footer-container .related-links-container .tsa-related-slide span {
        width: 100% !important;
        word-wrap: break-word !important;
        word-break: break-word !important;
        display: block !important;
    }

    .seo-faq-container--redesign .seo-bottom-container--grid .seo-sidebar-col [class*="promo"] p,
    .seo-faq-container--redesign .seo-bottom-container--grid .seo-sidebar-col [class*="promo"] span,
    .seo-faq-container--redesign .seo-bottom-container--grid .seo-sidebar-col .faqpromo_rte p,
    .seo-faq-container--redesign .seo-bottom-container--grid .seo-sidebar-col .faqpromo_rte span {
        word-wrap: break-word !important;
        word-break: break-word !important;
        white-space: normal !important;
        overflow-wrap: break-word !important;
        display: block !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .seo-faq-container--redesign .seo-bottom-container--grid {
        margin-top: 0 !important;
    }

    .seo-faq-container--redesign .seo-bottom-container--grid .seo-bottom-grid {
        display: block !important;
    }

    .seo-faq-container--redesign .seo-bottom-container--grid .seo-sidebar-col,
    .seo-faq-container--redesign .seo-bottom-container--grid .seo-main-col {
        width: 100% !important;
        max-width: 100% !important;
    }

    .seo-faq-container--redesign .seo-bottom-container--grid .seo-sidebar-col {
        margin-bottom: 10px !important;
    }

    .seo-faq-container--redesign .seo-bottom-container--grid .seo-main-col {
        margin-top: 0 !important;
        border-radius: 0 !important;
    }

    .seo-faq-container--redesign .seo-bottom-container--grid .seo-bottom-grid,
    .seo-faq-container--redesign .oneDRd_banner .oneDRd_banner_middle .oneDRd_banner_text {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .seo-faq-container--redesign .seo-bottom-container--grid .seo-main-col,
    .seo-faq-container--redesign .tsa-seo-tab-container,
    .seo-faq-container--redesign .tsa-seo-tab-container .cmp-tabs,
    .seo-faq-container--redesign .tsa-seo-tab-container .cmp-tabs__tabpanel,
    .seo-faq-container--redesign .accordion-container {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .seo-faq-container--redesign .tsa-seo-tab-container,
    .seo-faq-container--redesign .tsa-seo-tab-container .cmp-tabs,
    .seo-faq-container--redesign .tsa-seo-tab-container .cmp-tabs__tabpanel,
    .seo-faq-container--redesign .accordion-container,
    .seo-faq-container--redesign .accordion-container .tabs,
    .seo-faq-container--redesign .accordion-container .tabs .tab {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }

    .seo-faq-container--redesign #inPageSearchContainer {
        grid-column: auto !important;
        margin-bottom: 14px !important;
    }

    .seo-faq-container--redesign #inPageSearchContainer .search-input {
        border-radius: 999px !important;
    }

    .seo-faq-container--redesign .seo-bottom-container--grid .seo-sidebar-col .faqpromo_rte,
    .seo-faq-container--redesign .seo-bottom-container--grid .seo-sidebar-col .tsa_seo_signin {
        width: 100% !important;
        max-width: 100% !important;
    }

    .seo-faq-container--redesign .oneDRd_banner_title.device_title.title-wrapper {
        font-size: 48px !important;
        line-height: 52px !important;
    }

    .seo-faq-container--redesign .rating_div {
        margin-bottom: 12px !important;
    }

    .seo-faq-container--redesign .seo-bottom-container--grid .seo-sidebar-col .tsa_seo_signin {
        border-radius: 10px !important;
        padding: 10px 14px !important;
        margin-bottom: 12px !important;
    }

    .seo-faq-container--redesign .seo-bottom-container--grid .seo-sidebar-col .faqpromo_rte {
        border-radius: 12px !important;
    }

    .seo-faq-container--redesign .seo-bottom-container--grid .seo-sidebar-col .faqpromo_rte > div {
        border-radius: 10px !important;
        padding: 14px !important;
    }

    .seo-faq-container--redesign .tsa-seo-tab-container .cmp-tabs__tabpanel::before {
        margin: 16px 0 12px 0 !important;
        font-size: 32px !important;
        line-height: 36px !important;
    }

    .seo-faq-container--redesign .accordion-container .tabs .tab .tab-label.i-am-accordion,
    .seo-faq-container--redesign .tab-label.i-am-accordion {
        padding: 16px 0 !important;
        font-size: 16px !important;
        line-height: 24px !important;
    }

    .seo-faq-container--redesign .accordion-container .tabs .tab .tab-label.i-am-accordion h2,
    .seo-faq-container--redesign .tab-label.i-am-accordion h2 {
        font-size: 16px !important;
        line-height: 24px !important;
    }

    .seo-faq-container--redesign .accordion-container .tabs .tab .tab-label.i-am-accordion::after,
    .seo-faq-container--redesign .tab-label.i-am-accordion::after {
        width: 12px !important;
        height: 12px !important;
        border-right: 1px solid #111 !important;
        border-bottom: 1px solid #111 !important;
        margin-right: 2px !important;
        margin-left: 6px !important;
    }

    .seo-faq-container--redesign .accordion-container .tabs .tab {
        border-top: 0 !important;
        border-bottom: 1px solid #E5E5E5 !important;
    }
}

/* ==========================================================================
   9. MOBILE CONTENT VISIBILITY FIX
   ========================================================================== */
@media only screen and (max-width: 1024px) {
    .seo-faq-container--redesign .title-bookmark-wrapper,
    .seo-faq-container--redesign .rating_div,
    .seo-faq-container--redesign .seo-bottom-container--grid,
    .seo-faq-container--redesign .seo-bottom-container--grid .seo-bottom-grid,
    .seo-faq-container--redesign .seo-bottom-container--grid .seo-main-col,
    .seo-faq-container--redesign .seo-bottom-container--grid .tsa_seo_grid1,
    .seo-faq-container--redesign .tsa-seo-tab-container,
    .seo-faq-container--redesign .tsa-seo-tab-container .cmp-tabs,
    .seo-faq-container--redesign .tsa-seo-tab-container .cmp-tabs__tabpanel,
    .seo-faq-container--redesign .seo-footer-container {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        max-height: none !important;
        height: auto !important;
        overflow: visible !important;
    }

    .seo-faq-container--redesign .seo-bottom-container--grid .seo-main-col {
        min-height: 1px !important;
    }
}

/* ==========================================================================
   10. ACCORDION FOCUS REMOVAL
   ========================================================================== */
.seo-faq-container--redesign .accordion-container .toggle-accordion,
.seo-faq-container--redesign .accordion-container .expand-all,
.seo-faq-container--redesign .accordion-container .expandAll,
.seo-faq-container--redesign .accordion-container [class*="expand-all"],
.seo-faq-container--redesign .accordion-container [class*="expandAll"] {
    display: none !important;
}

.seo-faq-container--redesign .accordion-container:focus,
.seo-faq-container--redesign .accordion-container:focus-visible,
.seo-faq-container--redesign .accordion-container:hover,
.seo-faq-container--redesign .tsa-seo-tab-container:focus,
.seo-faq-container--redesign .tsa-seo-tab-container:focus-visible,
.seo-faq-container--redesign .tsa-seo-tab-container .cmp-tabs__tabpanel:focus,
.seo-faq-container--redesign .tsa-seo-tab-container .cmp-tabs__tabpanel:focus-visible,
.seo-faq-container--redesign .tsa-seo-tab-container .cmp-tabs:focus,
.seo-faq-container--redesign .seo-main-col:focus,
.seo-faq-container--redesign .seo-main-col:focus-visible,
.seo-faq-container--redesign .seo-bottom-container--grid:focus,
.seo-faq-container--redesign .seo-bottom-container--grid:focus-visible {
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}

.seo-faq-container--redesign .accordion-container .tabs .tab .tab-label.i-am-accordion:focus,
.seo-faq-container--redesign .accordion-container .tabs .tab .tab-label.i-am-accordion:focus-visible,
.seo-faq-container--redesign .accordion-container .tabs .tab .tab-label.i-am-accordion a:focus,
.seo-faq-container--redesign .accordion-container .tabs .tab .tab-label.i-am-accordion a:focus-visible,
.seo-faq-container--redesign .accordion-container .tabs .tab .tab-label.i-am-accordion h2:focus,
.seo-faq-container--redesign .accordion-container .tabs .tab .tab-label.i-am-accordion h2 a:focus,
.seo-faq-container--redesign .accordion-container .tabs .tab .tab-label.i-am-accordion h2 a:focus-visible {
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}

/* ==========================================================================
   11. SUGGESTED QUESTION PILLS
   ========================================================================== */
.seo-faq-container--redesign .seo-bottom-container--grid .seo-sidebar-col #promoQuestions button,
.seo-faq-container--redesign .seo-bottom-container--grid .seo-sidebar-col .promoQuestionsSection button,
.seo-faq-container--redesign .seo-bottom-container--grid .seo-sidebar-col [class*="promoQuestion"] button {
    font-weight: 400 !important;
    border: 1px solid #6f7171 !important;
    border-radius: 999px !important;
    background: transparent !important;
    background-color: transparent !important;
    color: #000000 !important;
    padding: 8px 16px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    text-align: left !important;
    cursor: pointer !important;
    box-shadow: none !important;
    display: block !important;
    margin-bottom: 8px !important;
    font-size: 14px !important;
    line-height: 20px !important;
}

.seo-faq-container--redesign .seo-bottom-container--grid .seo-sidebar-col #promoQuestions button ~ button ~ button,
.seo-faq-container--redesign .seo-bottom-container--grid .seo-sidebar-col .promoQuestionsSection button ~ button ~ button {
    display: none !important;
}

.seo-faq-container--redesign .seo-bottom-container--grid .seo-sidebar-col button ~ a,
.seo-faq-container--redesign .seo-bottom-container--grid .seo-sidebar-col .cmp-button ~ a,
.seo-faq-container--redesign .seo-bottom-container--grid .seo-sidebar-col [class*="suggested"],
.seo-faq-container--redesign .seo-bottom-container--grid .seo-sidebar-col [class*="suggest"],
.seo-faq-container--redesign .seo-bottom-container--grid .seo-sidebar-col .full-summary-link-container,
.seo-faq-container--redesign .seo-bottom-container--grid .seo-sidebar-col [class*="full-summary"],
.seo-faq-container--redesign .seo-bottom-container--grid .seo-sidebar-col [class*="fullSummary"] {
    display: none !important;
}

.seo-faq-container--redesign .seo-bottom-container--grid .seo-sidebar-col hr,
.seo-faq-container--redesign .seo-bottom-container--grid .seo-sidebar-col [class*="separator"],
.seo-faq-container--redesign .seo-bottom-container--grid .seo-sidebar-col [class*="divider"],
.seo-faq-container--redesign .seo-bottom-container--grid .seo-sidebar-col [class*="rule"] {
    display: none !important;
    border: none !important;
    height: 0 !important;
    margin: 0 !important;
}

/* ==========================================================================
   12. MDOT SEARCH SAFETY OVERRIDE
   ========================================================================== */
@media only screen and (max-width: 767px) {
    .seo-faq-container--redesign #inPageSearchContainer,
    .seo-faq-container--redesign #inPageSearchContainer[search-options*="enable" i],
    .seo-faq-container--redesign #inPageSearchContainer[search-options*="throttle" i],
    .seo-faq-container--redesign #inPageSearchContainer[search-options="true" i],
    .seo-faq-container--redesign #inPageSearchContainer[search-options="on" i],
    .seo-faq-container--redesign #inPageSearchContainer[search-options="yes" i] {
        display: block !important;
        height: auto !important;
        min-height: 0 !important;
        overflow: visible !important;
        margin: 4px 0 10px 0 !important;
        padding: 0 !important;
    }

    .seo-faq-container--redesign .marquee > .fragment.oneDRd_fragment:not(.seo-bottom-container) .rating_div {
        position: static !important;
        margin-bottom: 16px !important;
    }

    .seo-faq-container--redesign .marquee > .fragment.oneDRd_fragment:not(.seo-bottom-container) .oneDRd_banner {
        margin-top: 0 !important;
        clear: both !important;
    }

    .seo-faq-container--redesign .cmp-tabs__tabpanel #inPageSearchContainer .inpage-search:not(.searchBoxModal) .search-input-container,
    .seo-faq-container--redesign .seo-main-col #inPageSearchContainer .inpage-search:not(.searchBoxModal) .search-input-container {
        height: auto !important;
        margin: 0 !important;
        display: flex !important;
        justify-content: center !important;
        padding: 0 !important;
    }

    .seo-faq-container--redesign .cmp-tabs__tabpanel #inPageSearchContainer .inpage-search:not(.searchBoxModal) .search-input,
    .seo-faq-container--redesign .seo-main-col #inPageSearchContainer .inpage-search:not(.searchBoxModal) .search-input {
        min-height: 34px !important;
        height: 34px !important;
        width: 172px !important;
        max-width: 172px !important;
        padding: 0 12px !important;
        border-radius: 999px !important;
        box-shadow: none !important;
        display: flex !important;
        align-items: center !important;
    }

    .seo-faq-container--redesign .cmp-tabs__tabpanel #inPageSearchContainer .inpage-search:not(.searchBoxModal) .inpage-search__input,
    .seo-faq-container--redesign .seo-main-col #inPageSearchContainer .inpage-search:not(.searchBoxModal) .inpage-search__input {
        width: 100% !important;
        min-width: 0 !important;
        flex: 1 1 auto !important;
        font-size: 11px;
        line-height: 16px;
        letter-spacing: 0 !important;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

    .seo-faq-container--redesign .cmp-tabs__tabpanel #inPageSearchContainer .inpage-search:not(.searchBoxModal) .glassicon-search,
    .seo-faq-container--redesign .seo-main-col #inPageSearchContainer .inpage-search:not(.searchBoxModal) .glassicon-search {
        width: 14px !important;
        flex: 0 0 14px !important;
        margin-right: 6px !important;
    }

    .seo-faq-container--redesign .cmp-tabs__tabpanel #inPageSearchContainer.rd-mdot-inline-search {
        margin: -6px 0 10px 0 !important;
    }
}

/* ==========================================================================
   13. TOOLTIP STYLES & INTERACTION REPAIR
   ========================================================================== */

/* Universal geometry for tooltip icon trigger */
.seo-faq-container--redesign .rdAemTooltip,
.seo-faq-container--redesign .aemTooltip,
.seo-faq-container--redesign .aemtooltip {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 16px !important;
    min-width: 16px !important;
    max-width: 16px !important;
    height: 16px !important;
    min-height: 16px !important;
    max-height: 16px !important;
    line-height: 16px !important;
    padding: 0 !important;
    margin: 0 2px !important;
    overflow: visible !important;
    vertical-align: middle !important;
    position: relative !important;
    pointer-events: auto !important;
    cursor: pointer !important;
    background-image: none !important;
    background: transparent !important;
    z-index: 100 !important;
}

/* Clean circular icon symbol */
.seo-faq-container--redesign .rdAemTooltip::before {
    content: 'i' !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 16px !important;
    height: 16px !important;
    border: 1.5px solid #6f6f6f !important;
    border-radius: 50% !important;
    color: #1f1f1f !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    background: #ffffff !important;
    box-sizing: border-box !important;
}

/* Suppress duplicate trigger elements inside tooltip trigger */
.seo-faq-container--redesign .rdAemTooltip > button,
.seo-faq-container--redesign .rdAemTooltip > *:not(.aemTooltip_container) {
    display: none !important;
}

.seo-faq-container--redesign .rdAemTooltip:hover::before,
.seo-faq-container--redesign .rdAemTooltip:focus::before,
.seo-faq-container--redesign .rdAemTooltip[aria-expanded='true']::before {
    border-color: #000000 !important;
    color: #000000 !important;
}

.seo-faq-container--redesign .seo-main-col [tooltip] {
    display: inline !important;
    white-space: normal !important;
    overflow: visible !important;
}

/* Container positioning without blocking pointer interactions */
.seo-faq-container--redesign .aemTooltip_container {
    pointer-events: auto !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 0 !important;
    height: 0 !important;
    overflow: visible !important;
    z-index: 9999 !important;
}

.seo-faq-container--redesign .aemTooltip_container,
.seo-faq-container--redesign .aemTooltip_container * {
    max-width: none !important;
}

/* Desktop & Tablet Popup Styling */
.seo-faq-container--redesign .aemTooltip_container .aemTooltip_ttMsg {
    pointer-events: auto !important;
    cursor: default;
    color: #222222 !important;
    position: absolute !important;
    font: normal 12px/1.45 Arial, Helvetica, sans-serif !important;
    width: 280px !important;                   /* Increased desktop popup width */
    max-width: 280px !important;
    min-height: 40px;
    z-index: 9999 !important;
    text-align: left;
    padding: 12px 16px !important;
    border: 1px solid #dbdbdb !important;
    background-color: #ffffff !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2) !important;
    opacity: 1 !important;
    left: 24px !important;
    top: -20px !important;
    white-space: normal !important;
    box-sizing: border-box !important;
    border-radius: 8px !important;
}

/* SUPPRESS PSEUDO-ELEMENT ICONS ON ALL DESCENDANTS INSIDE POPUP MESSAGES */
.seo-faq-container--redesign .aemTooltip_ttMsg *::before,
.seo-faq-container--redesign .aemTooltip_ttMsg *::after {
    content: none !important;
    display: none !important;
    background-image: none !important;
}

/* HIDES ALL NESTED TOOLTIP TRIGGER NODES INSIDE POPUP MESSAGES */
.seo-faq-container--redesign .aemTooltip_ttMsg .rdAemTooltip,
.seo-faq-container--redesign .aemTooltip_ttMsg .aemTooltip,
.seo-faq-container--redesign .aemTooltip_ttMsg .aemtooltip,
.seo-faq-container--redesign .aemTooltip_ttMsg [id="aemtooltip"],
.seo-faq-container--redesign .aemTooltip_ttMsg button,
.seo-faq-container--redesign .aemTooltip_ttMsg svg {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    width: 0 !important;
    pointer-events: none !important;
}

/* Display tooltip popup when active, clicked, or hovered */
.seo-faq-container--redesign .rdAemTooltip:hover .aemTooltip_container,
.seo-faq-container--redesign .rdAemTooltip:focus .aemTooltip_container,
.seo-faq-container--redesign .rdAemTooltip[aria-expanded="true"] .aemTooltip_container,
.seo-faq-container--redesign .aemTooltip_container.active,
.seo-faq-container--redesign .aemTooltip_container.open {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* MOBILE (MDOT) RESPONSIVE TOOLTIP - POSITION BELOW ICON */
@media only screen and (max-width: 767px) {
    /* Maximum specificity to override inline styles set by JavaScript */
    .seo-faq-container--redesign .aemTooltip_container .aemTooltip_ttMsg {
        width: calc(100vw - 48px) !important;
        max-width: 300px !important;
        left: 50% !important;
        right: auto !important;
        top: 55% !important;
        transform: translate(-50%, -50%) !important;
        position: absolute !important;
        z-index: 99999 !important;
    }
    
    /* Additional override for active/open states */
    .seo-faq-container--redesign .aemTooltip_container.active .aemTooltip_ttMsg,
    .seo-faq-container--redesign .aemTooltip_container.open .aemTooltip_ttMsg,
    .seo-faq-container--redesign .rdAemTooltip:hover .aemTooltip_container .aemTooltip_ttMsg,
    .seo-faq-container--redesign .rdAemTooltip:focus .aemTooltip_container .aemTooltip_ttMsg {
        width: calc(100vw - 48px) !important;
        max-width: 300px !important;
        left: 50% !important;
        top: 55% !important;
        transform: translate(-50%, -50%) !important;
        position: absolute !important;
        z-index: 99999 !important;
    }
}

.seo-faq-container--redesign .aemTooltip_container .aemTooltip_ttMsg * {
    width: auto !important;
    max-width: none !important;
    padding-left: initial !important;
    padding-right: initial !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    white-space: normal !important;
}

.seo-faq-container--redesign .aemTooltip_container .aemTooltip_ttMsg ul,
.seo-faq-container--redesign .aemTooltip_container .aemTooltip_ttMsg ol {
    padding-left: 18px !important;
    margin: 8px 0 !important;
}

.seo-faq-container--redesign .aemTooltip_container .aemTooltip_ttMsg li {
    display: list-item !important;
    margin-bottom: 6px !important;
}

/* Hide pointer/arrow graphic artifacts */
.seo-faq-container--redesign .aemTooltip_ttPointer,
.seo-faq-container--redesign .aemTooltip_ttPointerRight,
.seo-faq-container--redesign [class*="ttPointer"],
.seo-faq-container--redesign [class*="pointer"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    width: 0 !important;
    background: none !important;
}

/* Keep container unclipped for popups */
.seo-faq-container--redesign .filterContainer,
.seo-faq-container--redesign .text-unfold,
.seo-faq-container--redesign .tab-content,
.seo-faq-container--redesign .tab.both,
.seo-faq-container--redesign .tabs,
.seo-faq-container--redesign .accordion-container,
.seo-faq-container--redesign .cmp-accordion,
.seo-faq-container--redesign .cmp-accordion__panel {
    overflow: visible !important;
}