/*
Theme Name:   The Work State
Theme URI:    https://theworkstate.com
Description:  The Work State Child Theme
Author:       The Work State Team
Author URI:   https://theworkstate.com
Template:     hello-elementor
Version:      1.0.0
Text Domain:  the-work-state
*/

:root {
    --tws-font: "Inter", "Inter-fallback", sans-serif;
    --tws-primary: #1b263b;
    --tws-white: #ffffff;
    --space-2xs: 0.25rem;
    --space-xs: 0.5rem;
    --space-sm: 0.75rem;
    --space-md: 1rem;
    --space-lg: 1.5rem;
    --space-xl: 2rem;
    --space-2xl: 3rem;
    --space-3xl: 4rem;
    --tws-text-xl: clamp(1.25rem, 2dvw + 1rem, 1.5rem);
    --tws-text-2xl: clamp(1.75rem, 3dvw + 1rem, 2.5rem);
    --tws-text-3xl: clamp(2.25rem, 5dvw + 1rem, 3rem);
    --tws-lh-h1: 1.15;
    --tws-lh-h2: 1.25;
    --tws-lh-h3: 1.35;
    --tws-lh-body: 1.6;
	--e-global-typography-primary-font-family: var(--tws-font);
    --e-global-typography-secondary-font-family: var(--tws-font);
    --e-global-typography-text-font-family: var(--tws-font);
    --e-global-typography-accent-font-family: var(--tws-font);
}

@font-face {
    font-family: "Inter-fallback";
    src: local("Arial");
    size-adjust: 104%;
    ascent-override: 90%;
    descent-override: 22%;
}

*, ::after, ::before {
    box-sizing: border-box;
}

@keyframes pulse-green {
    0%, 100% { opacity: 0.6; }
    50% { opacity: 1; }
}

@keyframes twsBadgePop {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.4); }
}

@keyframes tws-pulse {
    0% { box-shadow: 0 0 0 0 rgb(16 185 129 / 0.4); }
    70% { box-shadow: 0 0 0 0.5rem rgb(16 185 129 / 0); }
    100% { box-shadow: 0 0 0 0 rgb(16 185 129 / 0); }
}

@keyframes tws-marquee-scroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(calc(-100% - clamp(2.5rem, 5dvw, 4rem))); }
}

@keyframes twsFadeIn {
    from { opacity: 0; transform: translateY(-0.25rem); }
    to { opacity: 1; transform: translateY(0); }
}

:is(:root, #tws-root) {
    scroll-padding-block-start: 7.5rem;
    
    @media (width <= 1024px) {
        scroll-padding-block-end: 6rem; 
    }
    
    @media (width <= 767px) {
        scroll-padding-block-start: 10rem;
    }
}

:is(:root, #tws-root),
:is(:root, #tws-root) :is(body, #tws-body) {
    padding: 0;
    margin: 0;
    inline-size: 100%;
    position: relative;
    overflow-x: clip;
}

:is(:root, #tws-root) :is(body, #tws-body) {
    font-family: var(--tws-font);
    color: #475569;
    background-color: var(--tws-white);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    & :where(h1, h2, h3, h4, h5, h6, p, a, span, li, button, input, select, textarea, .elementor-heading-title, .tws-text-base) {
        font-family: inherit;
    }

    & :is(.tws-main-font-h1, .tws-main-font-h1 h1) {
        font-family: var(--tws-font);
        font-size: clamp(2rem, 3dvw + 1rem, 2.5rem); 
        line-height: var(--tws-lh-h1);
        font-weight: 800;
        color: var(--tws-primary);
        text-wrap: balance;
        letter-spacing: -0.02em;
        margin-block-end: 0;
    }

    & :is(.tws-main-font-h2, .tws-main-font-h2 h2) {
        font-family: var(--tws-font);
        font-size: clamp(1.5rem, 2.5dvw + 0.5rem, 2rem);
        line-height: var(--tws-lh-h2);
        font-weight: 700;
        color: var(--tws-primary);
        text-wrap: balance;
        letter-spacing: -0.01em;
        margin-block-end: 0;
    }

    & :is(.tws-main-font-h3, .tws-main-font-h3 h3) {
        font-family: var(--tws-font);
        font-size: clamp(1rem, 2dvw + 0.5rem, 1.5rem);
        line-height: 1.3;
        font-weight: 600;
        color: var(--tws-primary);
        text-wrap: balance;
        margin-block-end: 0;
    }

    & :is(.tws-main-font-h4, .tws-main-font-h4 h4) {
        font-family: var(--tws-font);
        font-size: clamp(1rem, 1dvw + 0.5rem, 1.5rem);
        line-height: 1.4;
        font-weight: 600;
        color: var(--tws-primary);
        text-wrap: pretty;
        margin-block-end: 0;
    }

    & :is(.tws-text-base, .tws-text-base p) {
        font-family: var(--tws-font);
        font-size: 1rem; 
        line-height: var(--tws-lh-body); 
        font-weight: 400;
        color: #475569;
        max-inline-size: 65ch;
        margin-block-end: 0;
        text-wrap: pretty;
    }

    & :is(.blog-hero-title, .related-blog-post-title, h1, h2, h3) {
        text-wrap: balance;
    }

    & :is(.elementor-text-editor, .job_description) {
        text-wrap: pretty;
    }

    & .job_description {
        max-inline-size: 65ch;
    }
	
	& .article-blog-body {
        max-inline-size: 65ch;
    }

    & :is(.wp-element-button, .wp-block-button__link) {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding-inline: clamp(1rem, 2dvw, 1.5rem);
        block-size: clamp(2.5rem, 4dvw, 3rem);
        font-family: var(--tws-font);
        font-weight: 600;
        line-height: 1;
        text-decoration: none;
    }

    & .tws-search-main-bar {
        & .elementor-search-form {
            background-color: var(--tws-white);
            border: 0.0625rem solid #cbd5e1;
            border-radius: 0.375rem;
            block-size: clamp(2.5rem, 4dvw, 3rem);
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 0;
            margin: 0;
            overflow: hidden;
            box-shadow: none;
        }

        & :is(.e-search-input, .e-search-input-wrapper, .e-search-submit) {
            border: none;
            block-size: 100%;
            display: flex;
            margin: 0;
        }

        & .e-search-input-wrapper {
            flex-grow: 1;
            inline-size: auto;
            padding: 0;
            align-items: center;
        }

        & .e-search-input {
            --e-search-input-padding-block-start: 0;
            --e-search-input-padding-block-end: 0;
            background-color: transparent;
            inline-size: 100%;
            padding-inline: clamp(0.5rem, 1dvw, 0.75rem);
            color: #1e293b;
            outline: 0;
            box-shadow: none;
            -webkit-appearance: none;
            align-items: center;

            &::placeholder {
                color: #64748b;
                opacity: 1;
            }
        }

        & .e-search-submit {
            background: transparent;
            inline-size: clamp(2.5rem, 4dvw, 3rem);
            align-items: center;
            justify-content: center;
            color: #64748b;
            padding: 0;
            cursor: pointer;

            & svg {
                inline-size: clamp(0.875rem, 1.5dvw, 1rem);
                block-size: clamp(0.875rem, 1.5dvw, 1rem);
                fill: none;
                stroke: currentColor;
                stroke-width: 0.125rem;
            }
        }
    }
	
	& .tws-marquee-wrapper {
        display: flex;
        overflow: hidden;
        inline-size: 100%;
        padding-block: clamp(1rem, 2dvw, 1.5rem);
        -webkit-mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
        mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);

        &:hover .tws-marquee-group {
            animation-play-state: paused;
        }

        & .tws-marquee-track {
            display: flex;
            align-items: center;
            gap: clamp(2.5rem, 5dvw, 4rem);
            inline-size: max-content;
        }

        & .tws-marquee-group {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: clamp(2.5rem, 5dvw, 4rem);
            flex-shrink: 0;
            inline-size: max-content;
            animation: tws-marquee-scroll 45s linear infinite;
            will-change: transform;
        }

        & .tws-marquee-logo {
            display: block;
            max-block-size: clamp(1.5rem, 2.5dvw, 2rem);
            inline-size: auto;
            object-fit: contain;
            filter: grayscale(100%);
            opacity: 0.4;
            mix-blend-mode: multiply;
            transition: filter 0.3s ease, opacity 0.3s ease, transform 0.3s ease;
            transform: translateZ(0);

            &:hover {
                filter: grayscale(0%);
                opacity: 1;
                transform: scale(1.05) translateZ(0);
                cursor: pointer;
            }
        }

        @media (prefers-reduced-motion: reduce) {
            & .tws-marquee-group {
                animation: none !important;
            }
        }
    }

    & .tws-badges-group-card {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        inline-size: 100%;
        gap: 0.5rem;
        margin: 0;
        padding: 0;
        list-style: none;

        & li:empty {
            display: none;
        }
    }

    & :is(.job-tag-base, .related-job-card .job-badge-text .elementor-post-info__terms-list-item, .tag-remote-badge) {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 0.75rem;
        font-weight: 600;
        text-transform: uppercase;
        line-height: 1;
        padding-block: 0.5rem;
        padding-inline: 0.75rem;
        border-radius: 3rem;
        letter-spacing: 0.05em;
        text-decoration: none;
        cursor: pointer;
        transition: transform 0.2s ease, filter 0.2s ease, box-shadow 0.2s ease;
        vertical-align: middle;
        white-space: nowrap;
        max-inline-size: 100%;
        overflow: hidden;
        text-overflow: ellipsis;

        &:hover {
            filter: brightness(0.95);
            transform: translateY(-0.125rem);
            box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 0.05);
        }
    }

    & .single_job_remote_check {
        opacity: 0;
        transition: opacity 0.3s ease;
        
        &.ready {
            opacity: 1;
        }
    }

    & :is(.type-full-time, .tws-badge-fulltime) {
        background-color: rgb(16 185 129 / 0.12);
        color: #065f46;
        border: 0.0625rem solid rgb(16 185 129 / 0.25);
    }

    & .type-part-time {
        background-color: #eff6ff;
        color: #1e40af;
        border: 0.0625rem solid #bfdbfe;
    }

    & :is(.type-contract, .type-freelance) {
        background-color: #eef2ff;
        color: #3730a3;
        border: 0.0625rem solid #c7d2fe;
    }

    & .type-internship {
        background-color: #fffbeb;
        color: #92400e;
        border: 0.0625rem solid #fde68a;
    }

    & .type-temporary {
        background-color: #fef2f2;
        color: #991b1b;
        border: 0.0625rem solid #fecaca;
    }

    & .type-volunteer {
        background-color: #f8fafc;
        color: #334155;
        border: 0.0625rem solid #e2e8f0;
    }

    & :is(.type-remote, .tag-remote-badge) {
        background-color: rgb(124 58 237 / 0.12);
        color: #5b21b6;
        border: 0.0625rem solid rgb(124 58 237 / 0.25);
    }

    & :is(.job-tag-base:not([class*="type-"]):not(.tag-remote-badge):not(.tws-badge-fulltime), .related-job-card .job-badge-text .elementor-post-info__terms-list-item) {
        background-color: #f1f5f9;
        color: #475569;
        border: 0.0625rem solid #e2e8f0;
    }

    @media (width >= 768px) {
        & .elementor-nav-menu--main {
            & :is(.elementor-item img, .elementor-item svg, .sub-arrow) {
                display: none;
            }

            & .elementor-item {
                text-transform: uppercase;
                letter-spacing: 0.03em;
                color: #475569;
                padding-block: 0.5rem;
                padding-inline: 1rem;
                background: none;
                border-radius: 0.375rem;
                transition: 0.2s ease-in-out;
                display: flex;
                align-items: center;
                gap: 0.5rem;

                &:is(.elementor-item-active, :hover) {
                    color: #0f172a;
                    background-color: #f1f5f9;
                }
            }

            & .menu-item-has-children > a.elementor-item::after {
                content: '\25BE';
                font-family: sans-serif;
                color: #64748b;
                position: static;
                border: none;
                inline-size: auto;
                margin: 0;
                block-size: auto;
                opacity: 1;
                transform: none;
            }

            & .menu-item-has-children:hover > a.elementor-item::after {
                color: var(--tws-primary);
            }
        }
    }

    & :is(.main-job-cards, .related-job-card) {
        background: var(--tws-white);
        margin-block-end: var(--space-md);
        cursor: pointer;
        padding: var(--space-lg);
        border: 0.0625rem solid #e2e8f0;
        border-inline-start: 0.25rem solid #cbd5e1;
        box-shadow: 0 0.25rem 0.375rem -0.0625rem rgb(0 0 0 / 0.05);
        border-radius: 0.75rem;
        transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 0.3s, border-color 0.3s;
    }

    & .related-job-card {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        gap: var(--space-md);
        border-radius: 0.375rem;
        box-shadow: 0 0.25rem 0.375rem rgb(0 0 0 / 0.02);
    }

    & :is(.elementor-widget-theme-post-content, .job_description) {
        & h2 {
            color: var(--tws-primary);
            border-inline-start: 0.25rem solid var(--tws-primary);
            padding-inline-start: 1rem;
        }

        & h3 {
            color: var(--tws-primary);
            border-inline-start: 0.125rem solid #cbd5e1;
            padding-inline-start: 0.75rem;
        }
    }

    & .job-card-main-title .elementor-heading-title {
        border-inline-start: 0.25rem solid var(--tws-primary);
        padding-inline-start: 1rem;
        color: var(--tws-primary);
        display: inline-block;
    }

    & .job-filter-pills {
        & .elementor-icon-list-item {
            background-color: #f1f5f9;
            border: 0.0625rem solid #e2e8f0;
            border-radius: 3rem;
            padding-block: 0.5rem;
            padding-inline: 1.5rem;
            transition: 0.3s;
            cursor: pointer;

            &:is(:first-child, :hover) {
                background-color: var(--tws-primary);
                border-color: var(--tws-primary);

                & .elementor-icon-list-text {
                    color: var(--tws-white);
                }
            }

            &:hover {
                transform: translateY(-0.25rem);
            }
        }

        & .elementor-icon-list-text {
            color: #475569;
        }

        & .elementor-icon-list-items {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            gap: 0.5rem;
            margin-block-start: 1.5rem;
            margin-block-end: 2rem;
        }
    }

    & :is(.job-filter-pills .elementor-icon-list-item, .main-job-cards, .sector-card):focus {
        outline: #5b21b6 solid 0.125rem;
        outline-offset: 0.25rem;
    }

    & :is(.elementor-widget-theme-post-content, .job_description, .single-job .elementor-widget-theme-post-content, .single-job .job_description) ul {
        list-style: none;
        padding-inline-start: 0;
        margin-block-end: 1.5rem;
    }

    & :is(.single-job .elementor-widget-theme-post-content, .single-job .job_description) ul li {
        position: relative;
        display: block;
        padding-inline-start: 2.25rem;
        margin-block-end: var(--space-xs);
        color: #4b5563;
        line-height: 1.6;

        &::before {
            content: "";
            position: absolute;
            inset-inline-start: 0;
            inset-block-start: 0.125rem;
            inline-size: 1.5rem;
            block-size: 1.5rem;
            border-radius: 50%;
            background-color: rgb(27 38 59 / 0.08);
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231b263b' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
            background-size: 0.75rem auto;
            background-position: center;
            background-repeat: no-repeat;
        }
    }

    & :is(.elementor-widget-theme-post-content, .job_description) a:not(.elementor-button) {
        color: #1d4ed8;
        text-decoration: underline;
        font-weight: 500;

        &:hover {
            color: var(--tws-primary);
            text-decoration: none;
        }
    }

    & .tws-sim-card {
        background-color: var(--tws-white);
        border-radius: 0.75rem;
        transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 0.3s, border-color 0.3s;
        border: 0.0625rem solid #e2e8f0;
        border-inline-start-width: 0.25rem;
        border-inline-start-style: solid;
        border-inline-start-color: #cbd5e1;
        border-block-start-width: 0.0625rem;
        border-block-start-color: #e2e8f0;
        box-shadow: 0 0.25rem 0.375rem -0.0625rem rgb(0 0 0 / 0.02);
    }

    & .tws-sim-ad-card {
        border-inline-start-color: #c49a45;
    }

    & :is(.main-job-cards[data-job-type*="full-time"], .related-job-card[data-job-type*="full-time"], .job_listing_type-full-time .tws-sim-card, .single-job .job_listing_type-full-time .elementor-element.elementor-element-bd05cd4) {
        border-inline-start-color: #047857;
    }

    & .single-job .job_listing_type-full-time .elementor-element.elementor-element-bd05cd4 {
        border-block-start-color: #047857;
    }

    & :is(.main-job-cards[data-job-type*="part-time"], .related-job-card[data-job-type*="part-time"], .job_listing_type-part-time .tws-sim-card, .single-job .job_listing_type-part-time .elementor-element.elementor-element-bd05cd4) {
        border-inline-start-color: #1d4ed8;
    }

    & .single-job .job_listing_type-part-time .elementor-element.elementor-element-bd05cd4 {
        border-block-start-color: #1d4ed8;
    }

    & :is(.main-job-cards[data-job-type*="contract"], .related-job-card[data-job-type*="contract"], .job_listing_type-contract .tws-sim-card, .job_listing_type-freelance .tws-sim-card, .single-job .job_listing_type-contract .elementor-element.elementor-element-bd05cd4, .single-job .job_listing_type-freelance .elementor-element.elementor-element-bd05cd4) {
        border-inline-start-color: #4338ca;
    }

    & :is(.single-job .job_listing_type-contract, .single-job .job_listing_type-freelance) .elementor-element.elementor-element-bd05cd4 {
        border-block-start-color: #4338ca;
    }

    & :is(.main-job-cards[data-job-type*="internship"], .related-job-card[data-job-type*="internship"], .job_listing_type-internship .tws-sim-card, .single-job .job_listing_type-internship .elementor-element.elementor-element-bd05cd4) {
        border-inline-start-color: #9a3412;
    }

    & .single-job .job_listing_type-internship .elementor-element.elementor-element-bd05cd4 {
        border-block-start-color: #9a3412;
    }

    & :is(.main-job-cards[data-job-type*="temporary"], .related-job-card[data-job-type*="temporary"], .job_listing_type-temporary .tws-sim-card, .single-job .job_listing_type-temporary .elementor-element.elementor-element-bd05cd4) {
        border-inline-start-color: #b91c1c;
    }

    & .single-job .job_listing_type-temporary .elementor-element.elementor-element-bd05cd4 {
        border-block-start-color: #b91c1c;
    }

    & :is(.main-job-cards[data-job-type*="volunteer"], .related-job-card[data-job-type*="volunteer"], .job_listing_type-volunteer .tws-sim-card, .single-job .job_listing_type-volunteer .elementor-element.elementor-element-bd05cd4) {
        border-inline-start-color: #475569;
    }

    & .single-job .job_listing_type-volunteer .elementor-element.elementor-element-bd05cd4 {
        border-block-start-color: #475569;
    }

    & :is(.main-job-cards[data-job-type*="per-diem"], .related-job-card[data-job-type*="per-diem"], .job_listing_type-per-diem .tws-sim-card, .single-job .job_listing_type-per-diem .elementor-element.elementor-element-bd05cd4) {
        border-inline-start-color: #0369a1;
    }

    & .single-job .job_listing_type-per-diem .elementor-element.elementor-element-bd05cd4 {
        border-block-start-color: #0369a1;
    }

    & .single-job .job_listing_type-remote .elementor-element.elementor-element-bd05cd4 {
        border-block-start-color: #5b21b6;
    }

    & .main-job-cards .job-badge-text .elementor-post-info__terms-list-item {
        text-transform: uppercase;
        padding-block: var(--space-2xs);
        padding-inline: var(--space-xs);
        border-radius: 0.25rem;
        letter-spacing: 0.03em;
        background-color: #f1f5f9;
        color: #475569;
    }

    & .main-job-cards[data-job-type*="full-time"] .job-badge-text span {
        background-color: rgb(16 185 129 / 0.1);
        color: #065f46;
    }

    & .tws-sector-card {
        &[href*="technology"]:hover { 
            border-color: #2563eb; 
            & .elementor-icon { color: #2563eb; } 
        }
        &[href*="healthcare"]:hover { 
            border-color: #059669; 
            & .elementor-icon { color: #059669; } 
        }
        &[href*="finance"]:hover { 
            border-color: #475569; 
            & .elementor-icon { color: #475569; } 
        }
        &[href*="marketing"]:hover { 
            border-color: #7c3aed; 
            & .elementor-icon { color: #7c3aed; } 
        }
        &[href*="engineering"]:hover { 
            border-color: #d97706; 
            & .elementor-icon { color: #d97706; } 
        }
        &:is([href*="admin"], [href*="education"], [href*="hr"]):hover { 
            border-color: #be123c; 
            & .elementor-icon { color: #be123c; } 
        }
        &[href*="internships"]:hover { 
            border-color: #0284c7; 
            & .elementor-icon { color: #0284c7; } 
        }
    }

    & :is(.main-job-cards .elementor-icon-list-item, .tws-category-pill .elementor-icon-list-item a, .tws-drawer-footer, footer .elementor-widget-text-editor) {
        color: #475569;
    }

	@media (width <= 767px) {
		& :is(.main-job-cards, .related-job-card, .tws-sim-card) {
			border-inline-start-width: 0.0625rem !important;
			border-inline-start-color: #e2e8f0 !important;
			border-block-start-width: 0.25rem !important;
		}

		& .job_listing_type-full-time .tws-sim-card { border-block-start-color: #047857 !important; }
		& .job_listing_type-part-time .tws-sim-card { border-block-start-color: #1d4ed8 !important; }
		& :is(.job_listing_type-contract, .job_listing_type-freelance) .tws-sim-card { border-block-start-color: #4338ca !important; }
		& .job_listing_type-internship .tws-sim-card { border-block-start-color: #9a3412 !important; }
		& .job_listing_type-temporary .tws-sim-card { border-block-start-color: #b91c1c !important; }
		& .job_listing_type-volunteer .tws-sim-card { border-block-start-color: #475569 !important; }
		& .job_listing_type-per-diem .tws-sim-card { border-block-start-color: #0369a1 !important; }
	}
	
    & .rank-math-breadcrumb {
        &, & :is(a, p, span) {
            font-family: var(--tws-font);
            color: #374151;
            font-weight: 500;
            font-size: clamp(0.75rem, 1dvw + 0.5rem, 0.875rem);
            margin: 0;
        }

        & a:hover {
            color: var(--tws-primary);
            text-decoration: underline;
            text-underline-offset: 0.125rem;
        }
    }

    & :is(.single-job, .single-post) .rank-math-breadcrumb {
        & p {
            display: flex;
            align-items: center;
            flex-wrap: nowrap;
            gap: 0.5rem;
            inline-size: 100%;
            overflow: hidden;
        }

        & :is(a, .separator) {
            flex-shrink: 0;
            white-space: nowrap;
        }

        & .last {
            display: block;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            flex-shrink: 1;
            min-inline-size: 0;
        }
    }

    & .elementor-element-0c133ad {
        margin-block-end: 1.5rem;
    }

    & :is(.tws-nav-filter, .tws-nav-insights-filter) {
        position: sticky;
        inset-block-start: 0;
        z-index: 99999;
        inline-size: auto;
        max-inline-size: 100dvw;
        box-sizing: border-box;
        padding-block: 1rem;
        padding-inline: 0.25rem;
        background-color: rgb(255 255 255 / 0.95);
        backdrop-filter: blur(0.5rem);
        border-block-end: 0.0625rem solid #e2e8f0;
        box-shadow: 0 0.25rem 1.25rem rgb(0 0 0 / 0.05);
        mask-image: linear-gradient(to right, transparent, black 1rem, black calc(100% - 1rem), transparent);
        contain: layout paint;
        will-change: transform;

        &.elementor-sticky--active {
            transition: background-color 0.3s, padding 0.3s;
        }

        & .e-filter {
            display: flex;
            flex-wrap: nowrap;
            gap: 0.75rem;
            padding-inline: 1.5rem;
            overflow-x: auto;
            -webkit-overflow-scrolling: touch;
            scrollbar-width: none;
            -ms-overflow-style: none;

            &::-webkit-scrollbar {
                display: none;
            }
        }

        & .e-filter-item {
            flex: 0 0 auto;
        }
    }

    & .tws-featured-job-card::before {
        content: '';
        position: absolute;
        inset-block-start: 0;
        inset-inline-end: 0;
        block-size: 100%;
        pointer-events: none;
        inset-inline-start: 0;
        background: radial-gradient(circle at top right, rgb(124 58 237 / 0.15), transparent 60%);
        z-index: 0;
    }
	
	& .tws-elite-tier {
		& img.tws-meta-icon[src*="blue-verified-bagde"] {
			content: url("https://theworkstate.com/wp-content/uploads/2026/03/gold-badge.svg") !important;
		}

		& .tws-salary-info svg {
			fill: rgb(212 175 55) !important;
		}
	}

    & .single-post .elementor-widget-theme-post-content {
        & h2 {
            color: var(--tws-primary);
            letter-spacing: -0.02em;
            border-inline-start: 0.25rem solid var(--tws-primary);
            padding-inline-start: 1rem;
        }

        & h3 {
            color: #0f172a;
            border-inline-start: 0.25rem solid var(--tws-primary);
            padding-inline-start: 1rem;
        }

        & p {
            max-inline-size: 65ch;
            color: #334155;

            &.lead {
                margin-block-end: 2rem;
            }

            & a {
                color: #1e40af;
                text-decoration: underline;
                text-decoration-thickness: 0.0625rem;
                text-underline-offset: 0.25rem;
                transition: 0.2s;

                &:hover {
                    background-color: rgb(37 99 235 / 0.05);
                    text-decoration-thickness: 0.125rem;
                }
            }
        }

        & ul {
            list-style: none;
            padding-inline-start: 0.625rem;
            margin-block-end: 2rem;

            & li {
                display: flex;
                margin-block-end: 0.75rem;

                &[style*="background-color"] {
                    list-style: none;
                }

                &::before {
                    position: static;
                    content: "■";
                    color: #5b21b6;
                    flex-shrink: 0;
                    line-height: 1;
                    background: none;
                    inline-size: auto;
                    block-size: auto;
                    border: none;
                    display: inline-block;
                    margin-block-start: 0.1875rem;
                }
            }

            & :is(li[style*="background-color"]::before, &.clinical-list li::before, &.gold-list li::before) {
                content: none;
                display: none;
            }
        }
    }

    & :is(.pro-list-item, ul.clinical-list li, ul.gold-list li) {
        padding-block: var(--space-md);
        padding-inline: var(--space-lg);
        margin-block-end: 1rem;
        border-radius: 0 0.25rem 0.25rem 0;
    }

    & :is(ul.clinical-list, ul.gold-list) {
        padding: 0;
        margin-block: 2rem;

        & li strong {
            display: block;
            margin-block-end: 0.375rem;
        }
    }

	& ul.clinical-list li {
        background-color: #f1f5f9;
        border-inline-start: 0.25rem solid #64748b;
        color: #334155;
        display: block;

        & strong {
            color: #0f172a;
        }

        & .status-indicator {
            display: inline-flex;
            align-items: baseline;
            gap: 0.375rem;
            margin-inline-end: 0.25rem;
            vertical-align: baseline;
        }
    }

    & :is(.pro-list-item, ul.gold-list li) {
        background-color: #fffcf5;
        border-inline-start: 0.25rem solid #9a3412;
        color: #4b5563;

        & strong { color: #92400e; }
    }

    & :is(.pro-quote, .single-post blockquote) {
        margin-inline: 0;
        margin-block: clamp(1.5rem, 3vw, 2rem);
		position: relative;
        padding-block: 2rem;
        padding-inline: 2.5rem;
        border-inline-start: 0.25rem solid var(--tws-primary);
        background-color: #f8fafc;
        border-radius: 0 0.75rem 0.75rem 0;
        font-style: italic;
        color: #334155;
        box-shadow: 0 0.625rem 1.875rem -0.625rem rgb(0 0 0 / 0.08);
    }

    & .pro-quote strong {
        color: #0f172a;
        display: block;
        margin-block-end: 0.625rem;
        font-style: normal;
    }

    & :is(.enterprise-table, .single-post table) {
        inline-size: 100%;
        border-collapse: separate;
        border-spacing: 0;
        border-radius: 0.5rem;
        overflow: hidden;
        font-family: var(--tws-font);
        box-shadow: 0 0.25rem 0.375rem -0.0625rem rgb(0 0 0 / 0.05);
        background-color: var(--tws-white);
        border: 0.0625rem solid #e2e8f0;
    }

    & :is(.enterprise-table th, .single-post th) {
        background-color: var(--tws-primary);
        color: var(--tws-white);
        padding-block: var(--space-md);
        padding-inline: var(--space-lg);
        text-align: start;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        border-block-end: 0.0625rem solid #334155;
    }

    & .enterprise-table th span {
        display: block;
        text-transform: none;
        color: rgb(255 255 255 / 0.7);
        margin-block-start: 0.25rem;
    }

    & :is(.enterprise-table td, .single-post td) {
        padding-block: var(--space-md);
        padding-inline: var(--space-lg);
        border-block-end: 0.0625rem solid #f1f5f9;
        color: #334155;
        vertical-align: top;
    }

    & :is(.enterprise-table tr:last-child td, .single-post tr:last-child td) {
        border-block-end: none;
    }

    & .enterprise-table .total-row {
        background-color: #f8fafc;
        font-weight: 700;
    }
}

:is(:root, #tws-root) :is(body, #tws-body) {
    & .highlight-image img,
    &.single-post .elementor-widget-theme-post-content figure,
    &.single-post .elementor-widget-theme-post-content img {
        max-inline-size: 100%;
        block-size: auto;
        display: block;
        box-sizing: border-box;
        border-radius: 0.25rem;
    }

    & .highlight-image {
        text-align: center;
        background: #f8fafc;
        padding: clamp(0.5rem, 2vw, 1.25rem);
        border: 0.0625rem solid #e2e8f0;
        border-radius: 0.5rem;
		margin-inline: 0; 
        margin-block: clamp(1.5rem, 3vw, 2rem);

        & img {
            box-shadow: 0 0.25rem 0.625rem rgb(0 0 0 / 0.06);
            margin-inline: auto;
        }
    }

    & .tws-article-caption,
    & :is(.highlight-image figcaption, .wp-caption-text),
    &.single-post figcaption {
        inline-size: 100%;
        text-align: center;
        margin-block-start: clamp(0.5rem, 1.5vw, 1rem);
        display: block;
        font-family: var(--tws-font, "Inter", sans-serif);
        color: #64748b;
        font-weight: 500;
        font-size: clamp(0.75rem, 1vw + 0.4rem, 0.875rem);
        line-height: 1.4;
        max-inline-size: min(100%, 50ch);
        margin-inline: auto;
        text-wrap: balance;
    }

    & :is(.positive-value, .status-indicator) {
        font-weight: 700;
    }

    & .operational-alert {
        border-inline-start: 0.25rem solid #f59e0b;
        background-color: #fffbeb;
        padding-block: 1.5rem;
        padding-inline: 2rem;
        border-radius: 0 0.25rem 0.25rem 0;
        color: #78350f;
    }

    & .tech-protocol-box {
        background-color: #eff6ff;
        border-inline-start: 0.25rem solid #1e40af;
        padding-block: 1.5rem;
        padding-inline: 2rem;
        border-radius: 0 0.375rem 0.375rem 0;

        & h4 {
            color: #1e40af;
            margin-block-start: 0;
        }
    }

    & :is(.cat-desc-intro, .cat-desc-list, .faq-item) {
        margin-block-end: 1.5rem;
    }

    & .faq-box {
        background-color: #f8fafc;
        border: 0.0625rem solid #e2e8f0;
        padding-block: 2.5rem;
        padding-inline: 2rem;
        border-radius: 0.5rem;
    }

    & .faq-item {
        & strong {
            display: block;
            color: #0f172a;
        }
        & p {
            color: #475569;
        }
    }

    & .status-indicator {
        &.risk { color: #dc2626; }
        &.success { color: #16a34a; }
    }

    & .positive-value {
        color: #15803d;
    }

    & .gap-value {
        color: #1e3a8a;
        font-weight: 800;
    }

    @media (width <= 768px) {
        &.single-post .elementor-widget-theme-post-content {
            padding: 0;
        }

        & :is(.operational-alert, .pro-quote, .tech-protocol-box),
        &.single-post blockquote {
            padding: 1.5rem;
        }

        & .enterprise-table,
        &.single-post table {
            display: block;
            overflow-x: auto;
            white-space: nowrap;
        }
    }

    & .blog-card-home {
        & :is(.elementor-post-info__item--type-author a, .elementor-post-info__terms-list-item, .elementor-post-info__terms-list-item a) {
            position: relative;
            z-index: 2;
            pointer-events: auto;
        }

        & .elementor-post-info__terms-list-item a {
            color: #5b21b6;
            background: rgb(124 58 237 / 0.08);
            padding-block: 0.5rem;
            padding-inline: 0.75rem;
            border-radius: 0.25rem;
            text-decoration: none;
            transition: 0.2s;
            display: inline-block;
            z-index: 5;
        }

        & h4 {
            padding: 0;
        }
		
		& img {
            padding: 0;
        }

        &:hover h4, &:hover h4 a {
            color: #5b21b6;
        }
    }

    & .cat-desc-intro {
        color: #475569;

        & strong {
            display: block;
            color: #0f172a;
            letter-spacing: -0.02em;
        }
    }

    & .cat-desc-list {
        list-style: none;
        padding-inline-start: 0;

        & li {
            position: relative;
            padding-inline-start: 1.25rem;
            color: #334155;

            &::before {
                content: "";
                position: absolute;
                inset-inline-start: 0;
                inset-block-start: 0.5rem;
                inline-size: 0.5rem;
                block-size: 0.5rem;
                background-color: #cbd5e1;
                border-radius: 0.25rem;
            }

            & strong {
                color: var(--tws-primary);
            }
        }
    }

    & .cat-desc-footer {
        color: #64748b;
        border-inline-start: 0.125rem solid #5b21b6;
        padding-inline-start: 1rem;
        font-style: italic;
    }

    & .tws-executive-toc {
        & .elementor-widget-container {
            background: none;
            border: none;
            box-shadow: none;
        }

        & .elementor-toc__header {
            background-color: var(--tws-primary);
            padding: 1.5rem;
            border: none;
            border-radius: 0.375rem 0.375rem 0 0;
        }

        & .elementor-toc__header-title {
            color: var(--tws-white);
            font-family: var(--tws-font, "Inter", sans-serif);
            text-transform: uppercase;
            letter-spacing: 0.05em;
        }

        & .elementor-toc__list-wrapper {
            background-color: var(--tws-white);
            padding-block: 1rem;
            overflow: hidden;
            border: none;
            box-shadow: 0 0.25rem 1.25rem rgb(0 0 0 / 0.08);
            border-radius: 0 0 0.375rem 0.375rem;
        }

        & :is(.elementor-toc__list-item, a, li) {
            border: none;
            border-block-end: none;
            box-shadow: none;
        }

        & .elementor-toc__list-item-text {
            display: block;
            padding-block: 0.75rem;
            padding-inline: 1.5rem;
            font-family: var(--tws-font, "Inter", sans-serif);
            color: #334155;
            text-decoration: none;
            border-inline-start: 0.25rem solid transparent;
            transition: 0.2s;

            &:is(.elementor-item-active, :hover) {
                background-color: #f8fafc;
                color: #5b21b6;
                border-inline-start-color: #5b21b6;
            }
        }

        & .elementor-toc__list-item .elementor-toc__list-item .elementor-toc__list-item-text {
            padding-inline-start: 2.5rem;
            color: #64748b;
        }

        & .elementor-toc__marker,
        & li::after,
        & li::before {
            display: none !important;
        }
    }

    & .elementor-element-57bb6e55 .elementor-icon-list-item::after,
    & :is(.tws-bookmark-btn.tws-saved .icon-empty, .tws-sim-badge-wrap .elementor-widget-heading) {
        display: none !important;
    }

    & .curator-label .elementor-heading-title {
        display: inline-block;
        inline-size: auto;
        font-family: var(--tws-font, "Inter", sans-serif);
        font-size: clamp(0.75rem, 1dvw + 0.2rem, 0.875rem);
        font-weight: 600;
        color: var(--tws-primary);
        border-block-end: 0.25rem solid var(--tws-primary);
        padding-block-end: 0.25rem;
    }

    & :is(.curator-take-wrapper, .curator-label-wrapper) {
        display: flex;
        flex-direction: column;
    }

    & .curator-card-wrapper {
        background-color: #ffffff;
        border: 0.0625rem solid #eaecf0;
        border-radius: 0.75rem;
        box-shadow: 0 0.25rem 0.375rem -0.125rem rgb(0 0 0 / 0.03), 0 0.75rem 1rem -0.25rem rgb(0 0 0 / 0.02);
        display: flex;
        flex-direction: row;
        align-items: flex-start;

        & img {
            border-radius: 0.75rem;
            padding: 0.5rem;
            background-color: #f8fafc;
            border: 0.0625rem solid #f1f5f9;
            object-fit: contain;
            flex-shrink: 0;
        }

        & :is(.elementor-widget-wrap, > .e-con) {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            justify-content: center;
            inline-size: 100%;
        }

        & h3.elementor-heading-title a {
            font-size: clamp(1.125rem, 1dvw + 0.8rem, 1.25rem);
            font-weight: 700;
            color: var(--tws-primary);
            text-decoration: none;
        }
    }

    @media (width <= 767px) {
        & .curator-card-wrapper {
            flex-direction: column;
            align-items: center;
            text-align: center;
            gap: 1rem;

            & :is(.elementor-widget-wrap, > .e-con) {
                align-items: center;
            }
        }
    }

    & .footer-trust-badges {
        display: flex;
        gap: 2rem;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;

        & img {
            filter: grayscale(100%);
            opacity: 0.7;
            transition: all 0.4s ease;

            &:hover {
                filter: grayscale(0%);
                opacity: 1;
                transform: translateY(-0.25rem);
                cursor: help;
            }
        }
    }

    & :is(.job-filter-pills .elementor-icon-list-item, .main-job-cards, .sector-card) {
        &:focus:not(:focus-visible) {
            outline: 0;
            box-shadow: none;
        }

        &:focus-visible {
            outline: #5b21b6 solid 0.125rem;
            outline-offset: 0.25rem;
        }
    }

    & :is(ul.clinical-list, ul.gold-list) {
        list-style: none;
        padding-inline-start: 0;
        margin-inline-start: 0;
    }

    & .elementor-element.blog-card-home {
        background-color: var(--tws-white);
        border: 0.0625rem solid #e2e8f0;
        border-radius: 0.75rem;
        overflow: hidden;
        box-shadow: 0 0.25rem 0.375rem -0.0625rem rgb(0 0 0 / 0.05);

        & :is(.e-con-inner, .elementor-element, .elementor-widget, .elementor-widget-container) {
            box-shadow: none;
            border: none;
        }
    }

    & .clickable-heading a::after {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 1;
    }

    & .tws-semantic-list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 0.75rem;
        inline-size: 100%;
        margin: 0;
        margin-block-end: 1rem;
        padding: 0;
        list-style: none;
    }

	& .tws-semantic-icon {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        inline-size: 2.75rem;
        block-size: 2.75rem;
        background-color: #f8fafc;
        border-radius: 50%;
        margin-block-end: 0.5rem;
        transition: background-color 0.3s ease;

        & svg {
            inline-size: 1.25rem;
            block-size: 1.25rem;
            fill: none;
            stroke: var(--tws-primary, #1b263b);
            stroke-width: 0.125rem;
            transition: stroke 0.3s ease;
        }
    }

    & .tws-label-text {
        font-family: var(--tws-font, "Inter", sans-serif);
        font-size: clamp(0.6875rem, 1dvw + 0.2rem, 0.75rem);
        font-weight: 700;
        color: #475569;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        line-height: 1.2;
        text-align: center;
        display: block;
    }

    & .tws-semantic-item {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        background-color: #ffffff;
        border: 0.0625rem solid #e2e8f0;
        border-radius: 0.5rem;
        padding-block: 1.25rem;
        padding-inline: 1rem;
        block-size: 100%;

        & dt {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            inline-size: 100%;
            margin: 0;
            margin-block-end: 0.5rem;
            padding: 0;
        }

        & dd {
            display: flex;
            align-items: center;
            justify-content: center;
            flex-grow: 1;
            inline-size: 100%;
            margin: 0;
            font-family: var(--tws-font, "Inter", sans-serif);
            font-size: clamp(0.875rem, 1dvw + 0.75rem, 1rem);
            font-weight: 700;
            color: var(--tws-primary, #1b263b);
            line-height: 1.3;
            text-align: center;
            text-wrap: balance;
        }

        &:hover .tws-semantic-icon {
            background-color: var(--tws-primary, #1b263b);
            & svg { stroke: var(--tws-white, #ffffff); }
        }
    }

    & .tws-i-role { order: 1; }
    & .tws-i-loc { order: 2; }
    & .tws-i-type { order: 3; }
    & .tws-i-post { order: 4; }

    & .tws-i-salary {
        order: 5;
        background-color: #f0fdf4;
        border-color: #bbf7d0;

        & .tws-semantic-icon {
            background-color: #dcfce7;
            & svg { stroke: #166534; }
        }

        & dd { color: #166534; }

        &:hover .tws-semantic-icon {
            background-color: #166534;
            & svg { stroke: #ffffff; }
        }
    }

    & .curator-job-title .elementor-heading-title {
        font-size: clamp(0.75rem, 1dvw + 0.3rem, 0.875rem);
        font-weight: 600;
        color: #047857;
        text-transform: uppercase;
        letter-spacing: 0.02em;
    }
	
	& .curator-job-description {
		max-inline-size: 65ch;
		text-wrap: balance;
		
	}
	
    & .curator-view-profile .elementor-heading-title a {
        font-size: clamp(0.75rem, 1dvw + 0.2rem, 0.8125rem);
        font-weight: 600;
        color: #1e40af;

        &:hover {
            text-decoration: underline;
            color: #1e40af;
        }
    }

    & .elementor-element-a4ad414 {
        background-color: #f8fafc;
        border: 0.0625rem solid #e2e8f0;
        border-inline-start: 0.25rem solid var(--tws-primary);
        border-radius: 0 0.75rem 0.75rem 0;
        padding-block: 1.5rem;
        padding-inline: 2rem;
        box-shadow: 0 0.25rem 0.375rem -0.125rem rgb(0 0 0 / 0.03);

        & p {
            font-family: var(--tws-font, "Inter", sans-serif);
            font-size: 1rem;
            line-height: 1.6;
            color: #334155;
            font-style: italic;
        }

        & :is(b, strong) {
            color: var(--tws-primary);
            font-weight: 700;
            font-style: normal;
            margin-inline-end: 0.25rem;
        }
    }

    & #similar-jobs-heading .elementor-heading-title {
        display: inline-block;
        inline-size: auto;
        color: var(--tws-primary);
        border-block-end: 0.25rem solid var(--tws-primary);
        padding-block-end: 0.5rem;
    }

    &.single-job .elementor-185 .elementor-element.elementor-element-bd05cd4 {
        border-inline-start: 0.25rem solid #cbd5e1;
        transition: 0.3s;
    }

    &.single-job .job_listing_type-temporary .elementor-element.elementor-element-bd05cd4 {
        border-inline-start-color: #b91c1c;
    }

    & .tws-category-pill .elementor-icon-list-item a {
        display: inline-block;
        padding-block: 0.25rem;
        padding-inline: 0.75rem;
        border-radius: 3rem;
        font-family: var(--tws-font, "Inter", sans-serif);
        font-size: 0.625rem;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        text-decoration: none;
        border: 0.0625rem solid #e2e8f0;
        transition: 0.2s ease-in-out;
        background-color: #f1f5f9;

        &[href*="/salary-negotiation/"] {
            background-color: rgb(16 185 129 / 0.1);
            color: #064e3b;
            border-color: rgb(16 185 129 / 0.2);
        }

        &[href*="/remote-future-trends/"] {
            background-color: rgb(124 58 237 / 0.1);
            color: #5b21b6;
            border-color: rgb(124 58 237 / 0.2);
        }

        &[href*="/market-insights/"] {
            background-color: rgb(37 99 235 / 0.1);
            color: #1e40af;
            border-color: rgb(37 99 235 / 0.2);
        }

        &[href*="/career-strategy/"] {
            background-color: rgb(245 158 11 / 0.1);
            color: #9a3412;
            border-color: rgb(245 158 11 / 0.2);
        }

        &:hover {
            transform: translateY(-0.25rem);
            filter: brightness(0.95);
            box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 0.05);
        }
    }

    & nav.elementor-nav-menu--dropdown {
        position: fixed !important;
        inset-block-start: 0 !important;
        inset-inline-start: 0 !important;
        inline-size: 100dvw !important;
        block-size: 100dvh !important;
        background-color: var(--tws-primary) !important;
        z-index: 9999999 !important;
        padding: 0 !important;
        border: none !important;
        overflow-y: auto !important;
        display: none;
        transform: translate3d(0, 0, 0) !important;
    }

    & .elementor-nav-menu--dropdown.elementor-nav-menu__container {
        block-size: 100dvh !important;
        max-block-size: 100dvh !important;
    }

	& .tws-bookmark-btn {
        appearance: none;
        -webkit-appearance: none;
        background: transparent;
        border: none;
        padding: 0;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        transition: 0.2s;
        line-height: 0;
        position: relative;
        
        & .icon-filled { 
            display: none; 
        }
      
        &.tws-saved .icon-filled { 
            display: block !important; 
        }

        &.tws-saved .icon-empty { 
            display: none !important; 
        }
    }

    & #menu-2-fd96d9b {
        padding-block-end: 5rem;
        block-size: auto;

        & > .menu-item {
            border-block-end: 0.0625rem solid rgb(255 255 255 / 0.05);
            inline-size: 100%;
            display: block;

            & > a {
                flex-direction: row;
                align-items: center;
                justify-content: flex-start;
                padding-block: var(--space-md);
                padding-inline: var(--space-lg);
                color: var(--tws-white);
                background: none;
                inline-size: 100%;

                &::before {
                    content: '';
                    display: block;
                    position: static;
                    flex-shrink: 0;
                    inline-size: 1.25rem;
                    block-size: 1.25rem;
                    margin-inline-end: 1rem;
                    background-size: contain;
                    background-repeat: no-repeat;
                    background-position: center;
                    filter: brightness(0) invert(1);
                    opacity: 1;
                }
            }

            &:is(.elementor-item-active, .tws-active, :hover) > a {
                background-color: rgb(255 255 255 / 0.05);
                border-inline-start: 0.25rem solid #047857;
                padding-inline-start: 1rem;
            }
        }

        & .menu-item-411 > a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='7' width='20' height='14' rx='2' ry='2'%3E%3C/rect%3E%3Cpath d='M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16'%3E%3C/path%3E%3C/svg%3E"); }
        & .menu-item-4144 > a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='2' y1='12' x2='22' y2='12'%3E%3C/line%3E%3Cpath d='M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z'%3E%3C/path%3E%3C/svg%3E"); }
        & .menu-item-4145 > a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='12' y1='1' x2='12' y2='23'%3E%3C/line%3E%3Cpath d='M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6'%3E%3C/path%3E%3C/svg%3E"); }
        & .menu-item-2541 > a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'%3E%3C/path%3E%3Cpolyline points='14 2 14 8 20 8'%3E%3C/polyline%3E%3Cline x1='16' y1='13' x2='8' y2='13'%3E%3C/line%3E%3Cline x1='16' y1='17' x2='8' y2='17'%3E%3C/line%3E%3Cpolyline points='10 9 9 9 8 9'%3E%3C/polyline%3E%3C/svg%3E"); }
        & .menu-item-1587 > a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'/%3E%3Ccircle cx='128' cy='52' r='20' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3Ccircle cx='220' cy='80' r='20' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3Ccircle cx='36' cy='80' r='20' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3Cpolyline points='120.02 70.35 88 144 48.61 95.52' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3Cpolyline points='207.39 95.52 168 144 135.98 70.35' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3Cpath d='M39.29,99.73l15.6,93.59A8,8,0,0,0,62.78,200H193.22a8,8,0,0,0,7.89-6.68l15.6-93.59' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3C/svg%3E"); }

        & .sub-menu {
            position: static;
            display: none;
            background-color: rgb(0 0 0 / 0.3);
            box-shadow: inset 0 0.25rem 0.5rem rgb(0 0 0 / 0.2);
            margin: 0;
            padding-block: 0.25rem 0.5rem;
            padding-inline: 0;
            block-size: auto;

            & .menu-item {
                border: none;
                inline-size: 100%;

                & a {
                    padding-block: 0.75rem;
                    padding-inline-end: 1.25rem;
                    padding-inline-start: 3.5rem;
                    justify-content: flex-start;
                    color: #cbd5e1;

                    &:hover {
                        color: var(--tws-white);
                        background: rgb(255 255 255 / 0.05);
                    }

                    &::before { display: none; }
                }
            }

            & #tws-drawer-header { display: none; }
        }

        & .elementor-item::after { display: none; }

        & .sub-arrow {
            display: block;
            position: absolute;
            inset-inline-end: 1.25rem;
            inset-block-start: 1rem;
            color: var(--tws-white);
            pointer-events: none;
            transition: transform 0.3s;

            & svg { fill: var(--tws-white); }
        }
    }

    & .menu-item-has-children.tws-active > a .sub-arrow {
        transform: rotate(180deg);
    }

    & .elementor-menu-toggle.elementor-active + .elementor-nav-menu--dropdown {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        inset-block-start: 0 !important;
    }

    & #tws-drawer-header {
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        inline-size: 100%;
        min-block-size: 4.5rem;
        padding-inline: 1rem;
        background-color: var(--tws-white, #ffffff);
        border-block-end: 0.0625rem solid #e2e8f0;

        & img {
            max-block-size: 2.5rem;
            inline-size: auto;
            object-fit: contain;
            display: block;
        }
    }

    & #tws-drawer-close {
        position: absolute;
        inset-inline-end: 1rem;
        inset-block-start: 50%;
        transform: translateY(-50%);
        background: transparent;
        border: none;
        color: var(--tws-primary, #1b263b);
        inline-size: 3rem;
        block-size: 3rem;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        padding: 0;
        z-index: 10;

        & svg {
            inline-size: 1.5rem;
            block-size: 1.5rem;
        }
    }

    & .tws-drawer-footer {
        display: block;
        inline-size: 100%;
        padding: 1.5rem;
        margin-block-start: auto;
        text-align: center;
        font-size: 0.75rem;
        color: #64748b;
        border-block-start: 0.0625rem solid #e2e8f0;
    }

    & .job-filter-pills .elementor-icon-list-items {
        justify-content: flex-start;
        flex-wrap: nowrap;
        overflow-x: auto;
        padding-block-end: 0.75rem;
        padding-inline: 1.25rem;
    }

    & .job-filter-pills .elementor-icon-list-item {
        white-space: nowrap;
        flex-shrink: 0;
    }

    & .elementor-location-footer .elementor-icon-list-item {
        padding-block: var(--space-xs);
    }

    &.single-job :is(.elementor-widget-theme-post-content, .job_description) ul li {
        padding-inline-start: 2rem;
    }

    &.single-post {
        & :is(.job-role-h1 .elementor-heading-title, h1.elementor-heading-title) {
            font-size: var(--tws-text-2xl);
            line-height: 1.25;
            letter-spacing: -0.01em;
            text-wrap: balance;
        }

        & .elementor-widget-theme-post-content h2 {
            font-size: var(--tws-text-xl);
            line-height: 1.3;
        }

        & .elementor-widget-theme-post-content h3 {
            font-size: var(--tws-text-lg);
            line-height: 1.3;
        }

        & :is(.pro-quote, blockquote) {
            padding: 1.5rem 1rem 1.5rem 1.25rem;
        }
    }

    & .job-details-card .elementor-widget-html {
        grid-column: 1 / -1;
        inline-size: 100%;
    }

    & .tws-search-main-bar .e-search-input {
        font-size: 1rem;
    }

    & .tws-mobile-highlight {
        grid-column: 1 / -1;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        padding-block: 1.5rem;
        padding-inline: 1rem;
        gap: 0.5rem;
        background-color: #ecfdf5;
        border: 0.0625rem solid #d1fae5;
        min-block-size: auto;

        & dt {
            margin-block-end: 0.5rem;
        }

        & .tws-semantic-icon {
            display: flex;
            align-items: center;
            justify-content: center;
            inline-size: 2.75rem;
            block-size: 2.75rem;
            background-color: #dcfce7;
            border-radius: 50%;
            margin-block-end: 0.5rem;
            box-shadow: none;

            & svg {
                stroke: #064e3b;
                inline-size: 1.25rem;
                block-size: 1.25rem;
            }
        }

        & .tws-label-text {
            display: block;
            color: #047857;
            font-size: clamp(0.6875rem, 1dvw + 0.2rem, 0.75rem);
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.05em;
            line-height: 1;
        }

        & dd {
            color: #047857;
            font-size: clamp(1.125rem, 1dvw + 0.5rem, 1.25rem);
            font-weight: 800;
            margin: 0;
            flex-grow: 0;
        }
    }

    @media (width <= 767px) {
        & :is(.elementor-heading-title, .elementor-text-editor, li, p) {
            -webkit-hyphens: auto;
            hyphens: auto;
        }

        & .tws-search-main-bar {
            inline-size: auto;
            flex-grow: 1;
            flex-basis: auto;

            & .elementor-search-form {
                inline-size: 100%;
            }
        }

        & :is(#menu-2-fd96d9b > .menu-item > a, .elementor-location-header .e-con-inner) {
            display: flex;
            position: relative;
        }

        & :is(.blog-hero-title, .blog-insights-h1, .breadcrumbs, .curator-job-title, .curator-view-profile),
        &.single-post .related-blog-post-title {
            text-wrap: balance;
        }

        & :is(.curator-job-title, .curator-view-profile) {
            padding: 0.5rem;
        }

        & .elementor-location-header .e-con-inner {
            flex-direction: row;
            flex-wrap: wrap;
            align-items: center;
            justify-content: space-between;

            & > .elementor-element:first-child {
                order: 1;
                inline-size: auto;
                flex-grow: 0;
                margin-inline-end: auto;
            }

            & > .elementor-element:nth-child(2) {
                order: 2;
                inline-size: auto;
                flex-grow: 0;
            }

            & > .elementor-element:nth-child(3) {
                order: 3;
                inline-size: 100%;
                flex-basis: 100%;
                border: 0.0625rem solid #cbd5e1;
                border-radius: 0.5rem;
            }
        }

        & .elementor-location-header .elementor-widget-image img {
            max-inline-size: 6rem;
            block-size: auto;
            display: block;
        }

        & .elementor-menu-toggle {
            padding: 0;
            background: none;
            border: none;
            display: flex;
            justify-content: flex-end;

            & svg {
                inline-size: 1.5rem;
                fill: var(--tws-primary);
            }
        }

        & .curator-label {
            text-align: center;
            inline-size: 100%;
        }
    }
}

:is(:root, #tws-root) :is(body, #tws-body) {
    & .tws-mobile-highlight .tws-semantic-icon {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        inline-size: 2.75rem !important;
        block-size: 2.75rem !important;
        background-color: #dcfce7 !important;
        border-radius: 50% !important;
        margin-block-end: 0.5rem !important;
        box-shadow: none !important;

        & svg {
            stroke: #064e3b !important;
            inline-size: 1.25rem !important;
            block-size: 1.25rem !important;
        }
    }

    & .tws-mobile-highlight .tws-label-text {
        display: block !important;
        color: #047857 !important;
        font-size: clamp(0.6875rem, 1dvw + 0.2rem, 0.75rem) !important;
        font-weight: 700 !important;
        text-transform: uppercase !important;
        letter-spacing: 0.05em !important;
        line-height: 1 !important;
    }

    & .tws-mobile-highlight dd {
        color: #047857 !important;
        font-size: clamp(1.125rem, 1dvw + 0.5rem, 1.25rem) !important;
        font-weight: 800 !important;
        margin: 0 !important;
        flex-grow: 0 !important;
    }

    & .elementor-element-a4ad414 {
        border-inline-start: 0.0625rem solid #e2e8f0 !important;
        border-block-end: 0.25rem solid var(--tws-primary) !important;
        border-radius: 0.75rem 0.75rem 0.25rem 0.25rem !important;
        padding-block: 1.5rem !important;
        padding-inline: 1.25rem !important;

        & p {
            font-family: var(--tws-font, "Inter", sans-serif) !important;
            font-size: 1rem !important;
            line-height: 1.6 !important;
            color: #334155 !important;
            font-style: italic !important;
        }

        & :is(b, strong) {
            color: var(--tws-primary) !important;
            font-weight: 700 !important;
            font-style: normal !important;
            margin-inline-end: 0.25rem;
        }
    }

    & #similar-jobs-heading .elementor-heading-title {
        display: inline-block !important;
        inline-size: auto !important;
        color: var(--tws-primary) !important;
        border-block-end: 0.25rem solid var(--tws-primary) !important;
        padding-block-end: 0.5rem !important;
    }

    &.single-job .elementor-185 .elementor-element.elementor-element-bd05cd4 {
        border-inline-start-width: 0.0625rem !important;
        border-inline-start-color: #e2e8f0 !important;
        border-block-start-width: 0.25rem !important;
        border-block-start-style: solid !important;
        flex-direction: column !important;
        text-align: center !important;
        gap: 1rem !important;
    }

    & .job-verified-badge .elementor-heading-title {
        font-size: clamp(0.6875rem, 1dvw + 0.2rem, 0.75rem) !important;
        line-height: 1.5 !important;
    }

    & .job-verified-badge strong {
        display: inline-block !important;
        margin-inline-end: 0.25rem !important;
    }

	& .tws-hero-category {
        & :is(li.elementor-icon-list-item, span.elementor-icon-list-text, span.elementor-post-info__terms-list, ul.elementor-icon-list-items) {
            display: block !important;
            inline-size: 100% !important;
            margin: 0 !important;
            padding: 0 !important;
            border: none !important;
            font-size: clamp(0.6875rem, 0.15dvw + 0.65rem, 0.75rem) !important;
			font-weight: 700;
        }

        & a.elementor-post-info__terms-list-item {
            display: block !important;
            inline-size: 100% !important;
            box-sizing: border-box !important;
            padding-block: 0.25rem !important;
            padding-inline: 0.75rem !important;
            border-radius: 3rem;
        }

        & a[href*="salary-negotiation"] { background-color: #064e3b !important; }
        & a[href*="remote-future-trends"] { background-color: #5b21b6 !important; }
        & a[href*="market-insights"] { background-color: #1e40af !important; }
        & a[href*="career-strategy"] { background-color: #9a3412 !important; }
    }
    }

    & :is(.tws-sector-card, .tws-sim-card) {
        background-color: #ffffff !important;
    }

    & .tws-featured-job-card {
        transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        position: relative;
        overflow: hidden;

        &:hover {
            transform: translateY(-0.5rem);
            border-color: #5b21b6;
            box-shadow: 0 1.25rem 2.5rem -0.5rem rgb(124 58 237 / 0.3);

            & h3 {
                text-shadow: 0 0 1.25rem rgb(255 255 255 / 0.3);
            }

            & .elementor-button {
                background-color: #6d28d9;
                transform: scale(1.02);
            }
        }

        & .elementor-button {
            transition: 0.2s;
            border: 0.0625rem solid rgb(255 255 255 / 0.1);
        }

        & .elementor-widget-heading:first-child {
            text-shadow: 0 0 0.5rem rgb(52 211 153 / 0.6) !important;
            animation: pulse-green 3s ease-in-out infinite !important;
            will-change: opacity !important;
        }
    }

    & .blog-card-home {
        transition: transform 0.3s, box-shadow 0.3s, border-color 0.3s;
        border: 0.0625rem solid #e2e8f0;

        &:hover {
            transform: translateY(-0.25rem);
            box-shadow: 0 0.5rem 1.75rem rgb(0 0 0 / 0.1) !important;
            border-color: #cbd5e1 !important;
        }
    }

    & :is(.tws-hero-image-blog, .tws-hero-image-blog img) {
        inline-size: 100% !important;
        block-size: 100% !important;
        position: absolute !important;
        inset-block-start: 0 !important;
        inset-inline-start: 0 !important;
        object-fit: cover !important;
        z-index: 0;
    }

    & .tws-sector-card {
        display: flex !important;
        flex-direction: column !important;
        justify-content: space-between !important;
        min-block-size: 15rem !important;
        padding: 1.5rem !important;
        box-sizing: border-box !important;
        border: 0.0625rem solid #e2e8f0 !important;
        border-radius: 0.75rem !important;
        text-decoration: none !important;
        overflow: hidden;
        transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;

        &:hover {
            transform: translateY(-0.25rem);
            box-shadow: 0 1.25rem 2.5rem -0.25rem rgb(0 0 0 / 0.1) !important;

            & .elementor-icon {
                transform: scale(1.1);
            }

            & .tws-curator-row img {
                filter: grayscale(0%);
            }
        }

        & .elementor-widget-icon {
            inline-size: 100%;
        }

        & .elementor-icon {
            font-size: 2rem !important;
            color: #1e293b !important;
            transition: 0.3s;
        }

        & .elementor-widget-heading {
            min-block-size: 3rem !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
        }

        & .elementor-heading-title {
            font-size: clamp(1rem, 1.2dvw, 1.125rem) !important;
            line-height: 1.25 !important;
            color: #0f172a !important;
            font-weight: 700 !important;
            text-wrap: balance;
            inline-size: 100%;
        }
    }

    & .tws-curator-row {
        display: flex !important;
        align-items: center !important;
        gap: 0.75rem !important;
        inline-size: 100% !important;
        padding-block-start: 1rem !important;
        border-block-start: 0.0625rem solid #f1f5f9 !important;
        margin-block-start: auto !important;

        & :is(.elementor-widget-image, .sectors-curator) {
            flex-shrink: 0 !important;
            inline-size: auto !important;
            margin: 0 !important;
        }

        & .elementor-widget-text-editor {
            inline-size: auto !important;
            margin: 0 !important;
            line-height: 1.2 !important;
        }

        & img {
            inline-size: 2.5rem !important;
            block-size: 2.5rem !important;
            aspect-ratio: 1 / 1 !important;
            object-fit: cover !important;
            border-radius: 50% !important;
            border: 0.125rem solid #ffffff !important;
            box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 0.08) !important;
            filter: grayscale(100%);
            transition: filter 0.3s ease;
            display: block;
        }
    }

    & .sectors-curator img {
        inline-size: 2.5rem !important;
        block-size: 2.5rem !important;
        aspect-ratio: 1 / 1 !important;
        object-fit: cover !important;
        border-radius: 50% !important;
        border: 0.125rem solid #ffffff !important;
        box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 0.08) !important;
        filter: grayscale(100%);
        transition: filter 0.3s ease;
        display: block;
    }

    @media (width <= 767px) {
        & .e-con-inner:has(> .e-grid > .tws-sector-card) {
            display: grid !important;
            grid-template-columns: repeat(2, 1fr) !important;
            gap: var(--space-sm) !important;

            & > .elementor-widget-heading {
                grid-column: 1 / -1 !important;
            }
        }

        & .e-grid:has(> .tws-sector-card) {
            display: contents !important;
        }

        & .tws-sector-card {
            inline-size: 100% !important;
            min-block-size: 8.75rem !important;
            margin: 0 !important;
            padding: 1rem !important;

            & .elementor-widget-heading {
                min-block-size: auto !important;
                text-wrap: balance !important;
            }
        }

        & .e-grid:last-of-type > .tws-sector-card:last-child {
            grid-column: 1 / -1 !important;
        }
    }

    & .tws-sim-logo {
        flex: 0 0 6rem !important;
        max-inline-size: 6rem !important;
        inline-size: 6rem !important;
        align-self: center !important;
        padding: 0 !important;

        & :is(.elementor-widget, .elementor-widget-container, a) {
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            inline-size: 100% !important;
            block-size: 100% !important;
            margin: 0 !important;
            padding: 0 !important;
        }

        & img {
            inline-size: 100% !important;
            block-size: auto !important;
            aspect-ratio: 1 / 1 !important;
            background-color: #ffffff !important;
            border: 0.0625rem solid #e2e8f0 !important;
            border-radius: 0.5rem !important;
            box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 0.04) !important;
            object-fit: contain !important;
            display: block !important;
            padding: 0.375rem !important;
            box-sizing: border-box !important;
        }
    }

    &.single-job .tws-sim-logo {
        flex: 0 0 7.5rem !important;
        max-inline-size: 7.5rem !important;
        inline-size: 7.5rem !important;
    }

    & .tws-sim-badge-wrap .elementor-post-info__item {
        font-weight: 700 !important;
        color: #0f172a !important;
        font-size: 0.875rem !important;
    }

    & .elementor-element-57bb6e55 {
        & .elementor-icon-list-items {
            display: flex !important;
            flex-wrap: wrap !important;
            justify-content: center !important;
            gap: 0.25rem !important;
        }

        & .elementor-repeater-item-c89961d {
            inline-size: 100% !important;
            display: flex !important;
            justify-content: center !important;
        }

        & :is(.elementor-repeater-item-11e9884, .elementor-repeater-item-7b2ddfe) {
            inline-size: auto !important;
            display: inline-flex !important;
            margin-inline: 0.5rem !important;
        }
    }

	& .tws-count-up {
        display: inline-block !important;
        min-inline-size: 1ch !important;
        font-variant-numeric: tabular-nums !important;
        transition: opacity 0.3s ease !important;
    }

    & .tws-badge-count {
        position: absolute !important;
        inset-block-start: clamp(-0.375rem, -0.5dvw, -0.25rem) !important;
        inset-inline-end: clamp(-0.625rem, -1dvw, -0.5rem) !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        block-size: clamp(1rem, 1.5dvw, 1.25rem) !important;
        min-inline-size: clamp(1rem, 1.5dvw, 1.25rem) !important;
        padding-inline: clamp(0.25rem, 0.5dvw, 0.375rem) !important;
        background-color: #b45309 !important;
        color: #ffffff !important;
        font-family: var(--tws-font, "Inter", sans-serif) !important;
        font-size: clamp(0.625rem, 1dvw, 0.6875rem) !important;
        font-weight: 700 !important;
        border: 0.0625rem solid #ffffff !important;
        border-radius: 1rem !important;
        box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 0.1) !important;
        z-index: 10 !important;
        transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;

        &.is-hidden {
            display: none !important;
            opacity: 0 !important;
            transform: scale(0) !important;
        }

        &.pop {
            animation: twsBadgePop 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
        }
    }

    & .elementor-icon-box-title span {
        display: inline-flex !important;
        justify-content: center !important;
        align-items: center !important;
    }

    & .tws-header-wishlist {
        position: relative !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-decoration: none !important;
        transition: transform 0.2s ease !important;

        &:hover {
            transform: translateY(-0.25rem) !important;
        }
    }

    & .tws-verified-tooltip .elementor-icon-list-item:first-child .elementor-icon-list-icon {
        position: relative;
        overflow: visible;
        cursor: help;
        z-index: 10;
    }

    & .tws-share-btn {
        background: 0 0;
        border: none;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        transition: 0.2s;
        line-height: 0;
        position: relative;

        &.tws-copied {
            color: #059669;

            & .tws-copy-tooltip {
                opacity: 1 !important;
                visibility: visible !important;
                transform: translateX(-50%) translateY(0) !important;
            }
        }
    }

    & .tws-copy-tooltip {
        position: absolute;
        inset-block-end: 120%;
        inset-inline-start: 50%;
        transform: translateX(-50%) translateY(0.5rem);
        background-color: #1e293b;
        color: #ffffff;
        font-family: var(--tws-font, "Inter", sans-serif);
        font-weight: 700;
        border-radius: 0.25rem;
        opacity: 0;
        visibility: hidden;
        transition: 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55);
        z-index: 99999 !important;
        pointer-events: none;
        white-space: nowrap;
        padding-block: 0.5rem;
        padding-inline: 0.75rem;
        line-height: 1.4;
        font-size: 0.75rem;
    }

    & :is(.main-job-cards, .tws-sim-card) {
        overflow: visible !important;
    }

    & .hero-search-wrapper {
        max-inline-size: 50rem;
        margin-inline: auto;
        text-align: center;
    }

    & .hero-split-search {
        display: flex;
        align-items: center;
        background: #ffffff;
        border: 0.0625rem solid #cbd5e1;
        border-radius: 6rem;
        padding: 0.5rem;
        margin-block-end: 1.5rem;
        box-shadow: 0 1rem 2rem rgb(0 0 0 / 0.08);
        transition: box-shadow 0.3s, transform 0.3s, border-color 0.3s;
        position: relative;
        box-sizing: border-box;

        &:focus-within {
            border-color: #7c3aed;
            box-shadow: 0 0 0 0.25rem rgb(124 58 237 / 0.12), 0 1rem 2rem rgb(0 0 0 / 0.15);
            transform: translateY(-0.125rem);
        }

        & input {
            border: none !important;
            background: transparent !important;
            outline: 0 !important;
            font-family: var(--tws-font, "Inter", sans-serif) !important;
            font-size: 1rem !important;
            color: #1e293b !important;
            inline-size: 100% !important;
            block-size: 3rem !important;
            padding: 0 !important;
            margin: 0 !important;
            box-shadow: none !important;
            text-overflow: ellipsis;
            white-space: nowrap;

            &::placeholder {
                color: #94a3b8 !important;
                font-weight: 400 !important;
                opacity: 1 !important;
            }
        }

        & svg {
            flex-shrink: 0;
            transition: stroke 0.3s;
            inline-size: 1.25rem;
            block-size: 1.25rem;
        }
    }

    & .search-group {
        display: flex;
        align-items: center;
        flex-grow: 1;
        inline-size: 50%;
        padding-block: 0;
        padding-inline-end: 0.5rem;
        padding-inline-start: 1.25rem;
        gap: 0.75rem;
        position: relative;

        &:focus-within svg {
            stroke: #7c3aed !important;
        }
    }

    & .search-divider {
        inline-size: 0.0625rem;
        block-size: 2.5rem;
        background-color: #e2e8f0;
        margin-inline: 0.75rem;
        flex-shrink: 0;
    }

    & .search-submit-btn {
        background-color: #047857;
        color: #ffffff;
        font-family: var(--tws-font, "Inter", sans-serif);
        font-weight: 600;
        font-size: 1rem;
        border: none;
        border-radius: 3rem;
        padding-inline: 2.5rem;
        block-size: 3.5rem;
        cursor: pointer;
        transition: background-color 0.2s, transform 0.2s, box-shadow 0.2s;
        flex-shrink: 0;

        &:is(:focus, :hover) {
            background-color: #065f46;
            transform: scale(1.02);
            box-shadow: 0 0.25rem 0.5rem rgb(4 120 87 / 0.3);
            outline: 0.125rem solid #ffffff;
            outline-offset: -0.125rem;
            color: #ffffff !important;
        }
    }

    & .hero-trending-links {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 1rem;
        flex-wrap: wrap;

        & a {
            font-family: var(--tws-font, "Inter", sans-serif);
            color: #ffffff !important;
            text-decoration: none !important;
            transition: 0.2s;
            border-block-end: 0.0625rem solid rgb(255 255 255 / 0.3);
            padding-block: 0.375rem;
            padding-inline: 0.75rem;
            font-size: 0.875rem;
            font-weight: 500;
            opacity: 0.85;
            border-radius: 0.375rem;

            &:is(:focus, :hover) {
                opacity: 1;
                border-block-end-color: transparent;
                background-color: rgb(255 255 255 / 0.15);
                outline: 0;
            }
        }
    }

    & .trending-label {
        font-family: var(--tws-font, "Inter", sans-serif);
        font-weight: 700;
        text-transform: uppercase;
        font-size: 0.75rem;
        letter-spacing: 0.05em;
        color: #e2e8f0;
        opacity: 0.9;
    }

    @media (width <= 767px) {
        & .hero-split-search {
            flex-direction: column;
            border-radius: 1.25rem;
            padding: 0.5rem;
            gap: 0;
        }

        & .search-group {
            inline-size: 100%;
            padding-block: 0.5rem;
            padding-inline: 1rem;
            border-block-end: 0.0625rem solid #f1f5f9;

            &.location-group {
                border-block-end: none;
                margin-block-end: 0.75rem;
            }
        }

        & .search-divider {
            display: none;
        }

        & .search-submit-btn {
            inline-size: 100%;
            block-size: 3.5rem;
        }

        & .hero-trending-links {
            gap: 0.5rem;
        }

        & .trending-label {
            flex-basis: 100%;
            margin-block-end: 0.25rem;
        }
    }

    & :is(.curator-list li, .hero-trending-links, .search-submit-btn, .tws-audit-badge, .tws-status-item) {
        font-family: var(--tws-font, "Inter", sans-serif);
    }

    & .home-trusted-companies {
        font-size: 0.75rem !important;
    }

    & .tws-search-main-bar .e-search-input:focus-visible {
        outline: 0.125rem solid var(--tws-primary) !important;
        outline-offset: -0.125rem;
    }

    & .curator-hero-section {
        display: flex;
        align-items: center;
        gap: var(--space-2xl);
        padding-block: var(--space-2xl);
        border-block-end: 0.0625rem solid #e2e8f0;
    }

	& .curator-photo {
        flex-shrink: 0;
        inline-size: 100%;
        max-inline-size: 24.375rem;
        aspect-ratio: 1 / 1;
        box-shadow: 0 0.25rem 1.5rem rgb(27 38 59 / 0.08) !important;
        border: 0.25rem solid var(--tws-white) !important;
        transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
        border-radius: 3rem;
        overflow: hidden;
        line-height: 0;
        will-change: transform;
        margin-inline: auto;

        @media (width <= 767px) {
            max-inline-size: 15rem;
        }

        & img {
            inline-size: 100%;
            block-size: 100%;
            object-fit: cover;
            display: block;
        }

        &:hover {
            transform: translateY(-0.25rem);
        }
    }

    & .curator-name {
        letter-spacing: -0.02em;
        line-height: 1.1;
    }

    & .curator-manifesto {
        font-size: var(--tws-text-lg);
        line-height: 1.6;
        color: var(--tws-primary);
        border-inline-start: 0.25rem solid var(--tws-primary);
        padding-block: var(--space-sm);
        padding-inline-start: var(--space-md);
        padding-inline-end: 0;
        background: linear-gradient(90deg, #f8fafc 0, transparent 100%);
        max-inline-size: 65ch;
        text-wrap: pretty;
    }

    & .curator-flags-section {
        padding-block: var(--space-xl);
    }

    & .flag-card {
        background: var(--tws-white);
        border: 0.0625rem solid #e2e8f0;
        border-radius: 0.75rem;
        padding: var(--space-lg);
        inline-size: 100%;
        transition: box-shadow 0.3s;

        &:hover {
            box-shadow: 0 0.25rem 0.5rem rgb(0 0 0 / 0.05);
        }

        & .elementor-icon-box-title {
            font-family: var(--tws-font, "Inter", sans-serif);
            font-weight: 700;
            color: var(--tws-primary);
            font-size: 1.15rem;
        }
    }

    & .green-flag {
        border-block-start: 0.25rem solid #10b981;
    }

    & .red-flag {
        border-block-start: 0.25rem solid #ef4444;
    }

    & .curator-list {
        list-style: none !important;
        padding: 0 !important;
        margin: 0 !important;

        & li {
            font-size: 1rem;
            line-height: 1.5;
            position: relative;
            padding-inline-start: 1.5rem;
            color: #334155 !important;
        }
    }
	
	& .tws-label-divider {
        border: none;
        border-block-start: 0.0625rem solid #cbd5e1;
        margin-block: 0.5rem;
        inline-size: 100%;
    }

    & .tws-audit-badge {
        display: inline-flex;
        align-items: center;
        background-color: var(--tws-white, #ffffff);
        border: 0.0625rem solid #e2e8f0;
        padding-block: 0.5rem;
        padding-inline: 1rem;
        border-radius: 3rem;
        box-shadow: 0 0.125rem 0.25rem rgb(27 38 59 / 0.04);
    }

    & .tws-audit-dot {
        block-size: 0.5rem;
        inline-size: 0.5rem;
        background-color: #10b981;
        border-radius: 50%;
        display: inline-block;
        margin-inline-end: 0.5rem;
        box-shadow: 0 0 0 0.25rem rgb(16 185 129 / 0.15);
        animation: tws-pulse 2s infinite;
    }

    & .tws-audit-label {
        font-size: 0.875rem;
        font-weight: 500;
        color: #64748b;
        margin-inline-end: 0.5rem;
    }

    & .tws-audit-value {
        font-size: 0.875rem;
        font-weight: 700;
        color: var(--tws-primary, #1b263b);
        letter-spacing: 0.02em;
    }

    & .tws-status-item {
        display: inline-flex;
        align-items: center;
        background-color: #f8fafc;
        padding-block: 0.75rem;
        padding-inline: 1.25rem;
        border-radius: 0.5rem;
        border: 0.0625rem solid #e2e8f0;

        & .tws-status-label {
            font-size: 0.875rem;
            color: #64748b;
            margin-inline-end: 0.5rem;
        }

        & .tws-status-value {
            font-size: 1.125rem;
            font-weight: 800;
            color: var(--tws-primary, #1b263b);
        }
    }

	& .tws-curator-insight-wrapper {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        outline: 0;
        position: relative;
        inline-size: clamp(2.5rem, 4dvw, 3rem) !important;
        block-size: clamp(2.5rem, 4dvw, 3rem) !important;
        min-inline-size: clamp(2.5rem, 4dvw, 3rem) !important;
        flex-shrink: 0 !important;
        cursor: pointer !important;
        background: none !important;
        border: none !important;
        border-radius: 50% !important;

        & .tws-insight-icon {
			appearance: none;
			-webkit-appearance: none;
			background: transparent;
			border: none;
        	padding: 0;
        	border-radius: 50%;
        	transition: 0.2s;
        	line-height: 0;
        	position: relative;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            inline-size: 100% !important;
            block-size: 100% !important;
        }

        & svg {
            display: block !important;
            fill: #1b263b;
            inline-size: 1.5rem !important;
            block-size: 1.5rem !important;
            pointer-events: none;
            transition: fill 0.2s ease, filter 0.2s ease, transform 0.2s ease;
        }

        &:is(:hover, :focus, .active, [aria-expanded="true"]) {
            background-color: rgb(27 38 59 / 0.05) !important;

            & svg {
                fill: #FACC15 !important;
                filter: drop-shadow(0 0 0.5rem rgba(250, 204, 21, 0.8)) !important;
                transform: scale(1.15) !important;
            }
        }
    }

    & :is(.tws-insight-author, .tws-insight-text) {
        display: block;
        font-family: var(--tws-font, "Inter", sans-serif);
        font-size: 1rem;
    }

    & a.tws-insight-author {
        color: #1b263b !important;
        text-decoration: underline;
        text-underline-offset: 0.1875rem;
        cursor: pointer;
    }

    & p.tws-insight-text {
        margin: 0;
    }

    & .tws-salary-unit {
        font-size: clamp(0.75rem, 0.5dvw + 0.7rem, 0.8125rem) !important;
        font-weight: 500 !important;
        color: #334155 !important;
        padding-inline-start: 0.5rem !important;
        opacity: 1 !important;
    }

    & .tws-insight-text {
        line-height: 1.5;
        color: #475569;
        font-style: italic !important;
    }

    & .tws-bookmark-wrap button {
        inline-size: clamp(2.5rem, 4dvw, 3rem) !important;
        block-size: clamp(2.5rem, 4dvw, 3rem) !important;
        min-inline-size: clamp(2.5rem, 4dvw, 3rem) !important;
    }

    & .tws-insight-balloon {
        z-index: 9999;
        pointer-events: none;
        text-align: start;
        position: absolute;
        inset-block-end: 100%;
        inset-inline-end: 0;
        inline-size: max-content;
        max-inline-size: 20rem;
        background-color: #ffffff;
        border: 0.0625rem solid #e2e8f0;
        border-radius: 0.5rem;
        padding: 1rem;
        box-shadow: 0 0.5rem 1.5rem -0.25rem rgb(27 38 59 / 0.15);
        opacity: 0;
        visibility: hidden;
        transform: translateY(0.5rem);
        transition: 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);

        &.tws-flip {
            inset-block-end: auto;
            inset-block-start: 100%;
            transform: translateY(-0.5rem);
        }
    }

    & :is(.tws-curator-insight-wrapper:hover + .tws-insight-balloon, .tws-curator-insight-wrapper:focus-visible + .tws-insight-balloon, .tws-curator-insight-wrapper[aria-expanded="true"] + .tws-insight-balloon, .tws-insight-balloon:hover) {
        opacity: 1 !important;
        visibility: visible !important;
        transform: translateY(-0.75rem) !important;
    }

    & :is(.tws-curator-insight-wrapper:hover + .tws-insight-balloon.tws-flip, .tws-curator-insight-wrapper:focus-visible + .tws-insight-balloon.tws-flip, .tws-curator-insight-wrapper[aria-expanded="true"] + .tws-insight-balloon.tws-flip, .tws-insight-balloon.tws-flip:hover) {
        transform: translateY(0.75rem) !important;
    }

    @media (width <= 767px) {
        & :is(.tws-curator-insight-wrapper:hover + .tws-insight-balloon, .tws-curator-insight-wrapper:focus-visible + .tws-insight-balloon, .tws-curator-insight-wrapper[aria-expanded="true"] + .tws-insight-balloon, .tws-insight-balloon:hover) {
            transform: translateX(-50%) translateY(-0.5rem) !important;
        }

        & :is(.tws-curator-insight-wrapper:hover + .tws-insight-balloon.tws-flip, .tws-curator-insight-wrapper:focus-visible + .tws-insight-balloon.tws-flip, .tws-curator-insight-wrapper[aria-expanded="true"] + .tws-insight-balloon.tws-flip, .tws-insight-balloon.tws-flip:hover) {
            transform: translateX(-50%) translateY(0.75rem) !important;
        }
    }

    & .tws-insight-content {
        font-family: var(--tws-font, "Inter", sans-serif) !important;
        font-size: 0.875rem !important;
        line-height: 1.5 !important;
        color: #334155 !important;
        display: block;
        text-align: start;
    }

    & .curator-share-adjust {
        vertical-align: middle !important;
        display: inline-flex !important;
    }

    & .tws-share-btn.curator-share-adjust:hover {
        background-color: rgb(27 38 59 / 0.05) !important;
    }

    & .tws-bookmark-wrap .elementor-widget-shortcode {
        inline-size: clamp(2.5rem, 4dvw, 3rem) !important;
        min-inline-size: clamp(2.5rem, 4dvw, 3rem) !important;
        flex: 0 0 clamp(2.5rem, 4dvw, 3rem) !important;
    }

	& :is(.tws-bookmark-btn, .tws-share-btn) {
        appearance: none;
        -webkit-appearance: none;
        background-color: transparent !important;
        border: none !important;
        padding: 0 !important;
        outline: none !important;
        display: flex !important;
        align-items: center;
        justify-content: center;
        min-block-size: clamp(2.5rem, 4dvw, 3rem) !important;
        inline-size: clamp(2.5rem, 4dvw, 3rem) !important;
        block-size: clamp(2.5rem, 4dvw, 3rem) !important;
        min-inline-size: clamp(2.5rem, 4dvw, 3rem) !important;
        cursor: pointer !important;

        & svg {
            inline-size: 1.5rem !important;
            block-size: 1.5rem !important;
            pointer-events: none;
        }
        
        &:active {
            transform: scale(0.9) !important;
        }
    }

    & button.tws-curator-insight-wrapper {
        background: none;
        border: none;
        font: inherit;
        color: inherit;
        cursor: pointer;
        box-shadow: none;
        appearance: none;
        -webkit-appearance: none;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;

        &:focus-visible {
            outline: 0.125rem solid #1b84ff;
            outline-offset: 0.25rem;
            border-radius: 50%;
        }
    }
    
    & .tws-category-pill .elementor-icon-list-item a {
        display: inline-block !important;
        padding-block: 0.25rem !important;
        padding-inline: 0.75rem !important;
        border-radius: 3rem !important;
        font-family: var(--tws-font, "Inter", sans-serif) !important;
        font-size: 0.625rem !important;
        font-weight: 700 !important;
        text-transform: uppercase !important;
        letter-spacing: 0.05em !important;
        text-decoration: none !important;
        border: 0.0625rem solid #e2e8f0;
        transition: 0.2s ease-in-out;
        background-color: #f1f5f9;

        &[href*="/salary-negotiation/"] {
            background-color: rgb(16 185 129 / 0.1) !important;
            color: #064e3b !important;
            border-color: rgb(16 185 129 / 0.2) !important;
        }

        &[href*="/remote-future-trends/"] {
            background-color: rgb(124 58 237 / 0.1) !important;
            color: #5b21b6 !important;
            border-color: rgb(124 58 237 / 0.2) !important;
        }

        &[href*="/market-insights/"] {
            background-color: rgb(37 99 235 / 0.1) !important;
            color: #1e40af !important;
            border-color: rgb(37 99 235 / 0.2) !important;
        }

        &[href*="/career-strategy/"] {
            background-color: rgb(245 158 11 / 0.1) !important;
            color: #9a3412 !important;
            border-color: rgb(245 158 11 / 0.2) !important;
        }

        &:hover {
            transform: translateY(-0.25rem);
            filter: brightness(0.95);
            box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 0.05);
        }
    }
    
    & :is(.tws-bookmark-btn:hover, .tws-share-btn:hover) {
        background-color: rgb(27 38 59 / 0.05) !important;
        transform: scale(1.1);
        transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
    }
}

:is(:root, #tws-root) :is(body, #tws-body) .tws-featured-job-card::before {
    content: "";
    position: absolute;
    inset-block-start: 0;
    inset-inline-end: 0;
    block-size: 100%;
    pointer-events: none;
    inset-inline-start: 0;
    background: radial-gradient(circle at top right, rgb(124 58 237 / 0.15), transparent 60%);
    z-index: 0;
}

:is(:root, #tws-root) :is(body, #tws-body) #tws-header-wishlist::after {
    content: attr(data-count);
    position: absolute;
    inset-block-start: clamp(-0.375rem, -0.5dvw, -0.25rem);
    inset-inline-end: clamp(-0.625rem, -1dvw, -0.5rem);
    display: flex;
    align-items: center;
    justify-content: center;
    block-size: clamp(1rem, 1.5dvw, 1.25rem);
    min-inline-size: clamp(1rem, 1.5dvw, 1.25rem);
    padding-inline: clamp(0.25rem, 0.5dvw, 0.375rem);
    background-color: #ef4444;
    color: #ffffff;
    font-family: var(--tws-font, "Inter", sans-serif);
    font-size: clamp(0.625rem, 1dvw, 0.6875rem);
    font-weight: 700;
    border: 0.0625rem solid #ffffff;
    border-radius: 1rem;
    box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 0.1);
    z-index: 50;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    opacity: 0;
    transform: scale(0.8);
    pointer-events: none;
}

:is(:root, #tws-root) :is(body, #tws-body) #tws-header-wishlist.has-items::after {
    opacity: 1;
    transform: scale(1);
}

:is(:root, #tws-root) :is(body, #tws-body) .tws-verified-tooltip .elementor-icon-list-item:first-child .elementor-icon-list-icon::before {
    content: "Verified by the Curator";
    position: absolute;
    inset-block-end: 100%;
    inset-inline-start: 50%;
    transform: translateX(-50%) translateY(0.5rem);
    background-color: #1e293b;
    color: #ffffff;
    font-family: var(--tws-font, "Inter", sans-serif);
    font-size: 0.75rem;
    font-weight: 600;
    padding-block: 0.25rem;
    padding-inline: 0.5rem;
    border-radius: 0.25rem;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transition: 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    pointer-events: none;
    box-shadow: 0 0.25rem 0.5rem rgb(0 0 0 / 0.2);
}

:is(:root, #tws-root) :is(body, #tws-body) .tws-verified-tooltip .elementor-icon-list-item:first-child .elementor-icon-list-icon::after {
    content: '';
    position: absolute;
    inset-block-end: 100%;
    inset-inline-start: 50%;
    transform: translateX(-50%) translateY(0.5rem);
    border-width: 0.25rem;
    border-style: solid;
    border-color: #1e293b transparent transparent transparent;
    opacity: 0;
    visibility: hidden;
    transition: 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    pointer-events: none;
}

:is(:root, #tws-root) :is(body, #tws-body) .tws-verified-tooltip .elementor-icon-list-item:first-child .elementor-icon-list-icon:hover::before {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(-0.25rem);
}

:is(:root, #tws-root) :is(body, #tws-body) .tws-verified-tooltip .elementor-icon-list-item:first-child .elementor-icon-list-icon:hover::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}

:is(:root, #tws-root) :is(body, #tws-body) .tws-verified-tooltip .elementor-icon-list-item:focus-within .elementor-icon-list-icon::before,
:is(:root, #tws-root) :is(body, #tws-body) .tws-verified-tooltip .elementor-icon-list-item:focus-within .elementor-icon-list-icon::after {
    opacity: 1;
    visibility: visible;
}

:is(:root, #tws-root) :is(body, #tws-body) .tws-verified-tooltip .elementor-icon-list-item:focus-within .elementor-icon-list-icon::before {
    transform: translateX(-50%) translateY(-0.5rem);
}

:is(:root, #tws-root) :is(body, #tws-body) .tws-verified-tooltip .elementor-icon-list-item:focus-within .elementor-icon-list-icon::after {
    transform: translateX(-50%) translateY(-0.25rem);
}

:is(:root, #tws-root) :is(body, #tws-body) .tws-copy-tooltip::after {
    content: '';
    position: absolute;
    inset-block-start: 100%;
    inset-inline-start: 50%;
    margin-inline-start: -0.25rem;
    border-width: 0.25rem;
    border-style: solid;
    border-color: #1e293b transparent transparent transparent;
}

:is(:root, #tws-root) :is(body, #tws-body) :is(.tws-flag-list, .curator-list) li::before {
    content: '';
    position: absolute;
    inset-inline-start: 0;
    inset-block-start: 0.1875rem;
    inline-size: 1.125rem;
    block-size: 1.125rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

:is(:root, #tws-root) :is(body, #tws-body) .green-flag :is(.tws-flag-list, .curator-list) li::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23047857' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E");
}

:is(:root, #tws-root) :is(body, #tws-body) .red-flag :is(.tws-flag-list, .curator-list) li::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23dc2626' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6L6 18M6 6l12 12'/%3E%3C/svg%3E");
}

:is(:root, #tws-root) :is(body, #tws-body) .tws-insight-balloon::before {
    content: '';
    position: absolute;
    inset-block-start: 100%;
    inset-inline-end: 0.75rem;
    border-width: 0.5rem;
    border-style: solid;
    border-color: #e2e8f0 transparent transparent transparent;
}

:is(:root, #tws-root) :is(body, #tws-body) .tws-insight-balloon::after {
    content: '';
    position: absolute;
    inset-block-start: 100%;
    inset-inline-end: 1rem;
    border-width: 0.5rem;
    border-style: solid;
    border-color: #ffffff transparent transparent transparent;
    z-index: 9999;
}

:is(:root, #tws-root) :is(body, #tws-body) .tws-insight-balloon.tws-flip::after {
    inset-block-start: auto;
    inset-block-end: 100%;
    border-color: transparent transparent #ffffff transparent;
}

:is(:root, #tws-root) :is(body, #tws-body) {
    & :is(.curator-manifesto p, .elementor-icon-box-description) {
        line-height: 1.65;
    }

    & .elementor-heading-title {
        text-wrap: balance;
        letter-spacing: -0.02em;
    }

    & .e-con > .elementor-widget {
        margin-block-end: 0;
    }

    & :is(.tws-manifesto-hero .elementor-widget-text-editor p, .tws-standard-section .elementor-widget-text-editor p) {
        max-inline-size: 65ch;
        margin-inline: auto;
        line-height: 1.65;
    }

    & :is(.elementor-menu-toggle, .tws-bookmark-btn, .tws-curator-insight-wrapper, .tws-share-btn, a, button, input, [tabindex]):focus-visible {
        outline: transparent solid 0.125rem !important;
        box-shadow: 0 0 0 0.125rem var(--tws-white, #ffffff), 0 0 0 0.25rem #1b84ff !important;
        scroll-margin-block-start: 10rem !important;
    }

    & :is(.tws-bookmark-btn, .tws-share-btn, button.tws-curator-insight-wrapper):focus-visible {
        border-radius: 50% !important;
    }

    & :is(a, button):focus:not(:focus-visible) {
        outline: 0;
        box-shadow: none;
    }

    & .tws-sim-card svg {
        pointer-events: none;
        transform: translateZ(0);
    }

    & :is(.elementor-location-footer .elementor-widget-text-editor, .elementor-location-footer .elementor-widget-text-editor p, .tws-drawer-footer) {
        color: #cbd5e1;
    }

    & .tws-independence-block {
        display: flex;
        flex-direction: row;
        align-items: center;
        background-color: #f8fafc;
        border: 0.0625rem solid #e2e8f0;
        border-inline-start: 0.25rem solid #1b263b;
        border-radius: 0.5rem;
        padding: 1.5rem;
        max-inline-size: 65ch;
        margin-inline: auto;
        font-family: var(--tws-font, "Inter", sans-serif);
        gap: 1.5rem;
    }

    & .tws-independence-icon {
        inline-size: 2rem;
        block-size: 2rem;
        fill: #64748b;
        flex-shrink: 0;
    }
	
	& .tws-independence-content {
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
    }

    & .tws-independence-content h2 {
        margin: 0;
        font-size: clamp(0.875rem, 1dvw + 0.75rem, 1rem);
        font-weight: 600;
        color: var(--tws-primary);
        text-transform: uppercase;
        letter-spacing: 0.03125rem;
    }

    & .tws-independence-content p {
        margin: 0;
        font-size: clamp(0.875rem, 1dvw + 0.75rem, 1rem);
        color: #475569;
        line-height: 1.6;
    }

    & .screen-reader-text {
        border: 0 !important;
        clip: rect(1px, 1px, 1px, 1px) !important;
        clip-path: inset(50%) !important;
        block-size: 1px !important;
        margin: -1px !important;
        overflow: hidden !important;
        padding: 0 !important;
        position: absolute !important;
        inline-size: 1px !important;
        word-wrap: normal !important;
        white-space: nowrap !important;
    }

    & .skip-link.screen-reader-text:is(:focus, :focus-visible) {
        clip: auto !important;
        clip-path: none !important;
        block-size: auto !important;
        inline-size: auto !important;
        margin: 1rem !important;
        overflow: visible !important;
        padding-block: 0.75rem !important;
        padding-inline: 1.5rem !important;
        position: fixed !important;
        inset-block-start: 0 !important;
        inset-inline-start: 0 !important;
        z-index: 99999 !important;
        background-color: #1b263b !important;
        color: #ffffff !important;
        font-weight: 600 !important;
        text-decoration: none !important;
        border-radius: 0.25rem !important;
        font-family: var(--tws-font, "Inter", sans-serif) !important;
        outline: 0.25rem solid #10b981 !important;
    }

    & .tws-jobs-filter-form {
        display: flex;
        flex-direction: column;
        gap: clamp(1rem, 3dvw, 1.5rem);
        inline-size: 100%;

        & .tws-filter-group {
            margin-block-end: 0;
        }
    }

    & .tws-filter-group {
        display: flex;
        flex-direction: column;
        gap: clamp(0.25rem, 1dvw, 0.5rem);
        inline-size: 100%;
    }

    & .tws-filter-label {
        font-family: var(--tws-font, "Inter", sans-serif);
        font-size: 0.75rem;
        font-weight: 700;
        color: var(--tws-primary, #1b263b);
        text-transform: uppercase;
        letter-spacing: 0.05em;
        margin: 0;
    }

    & :is(.tws-input-wrapper, .tws-select-wrapper) {
        position: relative;
        display: flex;
        align-items: center;
        inline-size: 100%;
    }

    & :is(.tws-search-icon, .tws-location-icon) {
        position: absolute;
        inset-inline-start: 1rem;
        color: #64748b;
        pointer-events: none;
    }

    & .tws-dropdown-icon {
        position: absolute;
        inset-inline-end: 1rem;
        color: #64748b;
        pointer-events: none;
    }

    & :is(.tws-filter-input, .tws-filter-select) {
        appearance: none;
        -webkit-appearance: none;
        inline-size: 100%;
        block-size: clamp(2.5rem, 4dvw, 3rem);
        font-family: var(--tws-font, "Inter", sans-serif);
        font-size: clamp(0.875rem, 1.5dvw, 1rem);
        color: #1e293b;
        background-color: var(--tws-white, #ffffff);
        border: 0.0625rem solid #cbd5e1;
        border-radius: 0.375rem;
        outline: none;
        transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
        box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 0.02);

        &:hover {
            border-color: #94a3b8;
        }

        &:is(:focus, :focus-visible) {
            outline: none;
            border-color: #5b21b6;
            box-shadow: 0 0 0 0.25rem rgb(124 58 237 / 0.15);
        }
    }

    & .tws-filter-input {
        padding-block: 0;
        padding-inline-start: clamp(2rem, 3dvw, 2.5rem);
        padding-inline-end: clamp(0.75rem, 1.5dvw, 1rem);

        &::placeholder {
            color: #64748b;
            opacity: 1;
        }
    }

    & .tws-filter-select {
        padding-block: 0;
        padding-inline: clamp(2rem, 3dvw, 2.5rem);
        cursor: pointer;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    & .tws-fieldset-reset {
        border: none;
        padding: 0;
        margin: 0;
        min-inline-size: 0;
    }

    & fieldset.tws-filter-group legend.tws-filter-label {
        float: inline-start;
        inline-size: 100%;
    }

    & .tws-align-left {
        align-items: flex-start;
        justify-content: flex-start;
    }

    & .tws-checkbox-list {
        clear: both;
        display: flex;
        flex-direction: column;
        gap: 0.75rem;
        padding-block-start: 0.25rem;
        inline-size: 100%;
    }

    & .tws-checkbox-label {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        inline-size: 100%;
        gap: 0.75rem;
        cursor: pointer;
        font-family: var(--tws-font, "Inter", sans-serif);
        font-size: 1rem;
        color: #1e293b;
        font-weight: 600;
        user-select: none;
        margin: 0;
    }

    & :is(.tws-checkbox-label, .tws-filter-select, .tws-filter-input, .tws-clear-btn) {
        min-block-size: clamp(2.5rem, 4dvw, 3rem);
        display: flex;
        align-items: center;
    }

    & .tws-toggle-label {
        min-block-size: clamp(2.5rem, 4dvw, 3rem);
        display: flex;
        align-items: center;
        justify-content: center;
        flex: 1;
        padding-block: clamp(0.25rem, 1dvw, 0.5rem);
        padding-inline: 0;
        font-family: var(--tws-font, "Inter", sans-serif);
        font-size: clamp(0.875rem, 1.5dvw, 1rem);
        font-weight: 600;
        color: #566376;
        border-radius: 0.25rem;
        cursor: pointer;
        transition: background-color 0.2s ease, color 0.2s ease;
        user-select: none;
        margin: 0;
    }

    & .tws-checkbox-text {
        display: block;
    }

    & .tws-custom-checkbox {
        appearance: none;
        -webkit-appearance: none;
        inline-size: clamp(1rem, 1.5dvw, 1.25rem);
        block-size: clamp(1rem, 1.5dvw, 1.25rem);
        border: 0.0625rem solid #cbd5e1;
        border-radius: 0.25rem;
        background-color: var(--tws-white, #ffffff);
        cursor: pointer;
        transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
        flex-shrink: 0;
        margin: 0;

        &:hover {
            border-color: #5b21b6;
        }

        &:checked {
            background-color: #5b21b6;
            border-color: #5b21b6;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' fill='%23ffffff'%3E%3Cpath d='M229.66,77.66l-128,128a8,8,0,0,1-11.32,0l-56-56a8,8,0,0,1,11.32-11.32L96,188.69,218.34,66.34a8,8,0,0,1,11.32,11.32Z'/%3E%3C/svg%3E");
            background-size: 70%;
            background-position: center;
            background-repeat: no-repeat;
        }

        &:focus-visible {
            outline: 0.125rem solid #5b21b6;
            outline-offset: 0.125rem;
        }
    }

    & .tws-filter-header-flex {
        display: flex;
        align-items: center;
        justify-content: space-between;
        inline-size: 100%;
    }

    & .tws-ymyl-tooltip-text {
        max-inline-size: 35ch;
        text-wrap: balance;
        line-height: 1.5;
        visibility: hidden;
        opacity: 0;
        position: absolute;
        inset-block-end: 150%;
        inset-inline-end: 0;
        inline-size: clamp(12rem, 15dvw, 14rem);
        background-color: #0f172a;
        color: #ffffff;
        font-family: var(--tws-font, "Inter", sans-serif);
        font-size: clamp(0.625rem, 1dvw, 0.6875rem);
        padding: clamp(0.5rem, 1dvw, 0.625rem);
        border-radius: 0.375rem;
        box-shadow: 0 0.25rem 0.5rem rgb(0 0 0 / 0.1);
        transition: opacity 0.2s ease, visibility 0.2s ease;
        z-index: 10;
        pointer-events: none;
        text-align: end;
    }

    & :is(.tws-ymyl-tooltip-trigger:hover + .tws-ymyl-tooltip-text, .tws-ymyl-tooltip-trigger:focus-visible + .tws-ymyl-tooltip-text, .tws-ymyl-tooltip-trigger[aria-expanded="true"] + .tws-ymyl-tooltip-text) {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }

	& .tws-salary-wrapper {
        position: relative;
        display: flex;
        flex-direction: column;
        gap: clamp(0.5rem, 2vw, 1rem);

        & .tws-salary-annual-fields,
        & .tws-salary-hourly-fields {
            display: none;
        }

        &:has(input[value="annual"]:checked) .tws-salary-annual-fields,
        &:has(input[value="hourly"]:checked) .tws-salary-hourly-fields {
            display: block;
            animation: twsFadeIn 0.3s ease;
        }
    }

    & .tws-hidden-radio {
        position: absolute;
        opacity: 0;
        inline-size: 0.0625rem;
        block-size: 0.0625rem;
        margin: -0.0625rem;
        padding: 0;
        border: 0;
        clip: rect(0, 0, 0, 0);
        clip-path: inset(50%);
        overflow: hidden;
        white-space: nowrap;
    }

    & .tws-toggle-pills {
        display: flex;
        inline-size: 100%;
        background-color: #f1f5f9;
        border-radius: 0.375rem;
        padding: clamp(0.125rem, 0.5dvw, 0.25rem);
        gap: clamp(0.125rem, 0.5dvw, 0.25rem);
    }

    & .tws-toggle-item {
        position: relative;
        flex: 1;
        display: flex;
    }

    & .tws-hidden-radio:checked + .tws-toggle-label {
        background-color: #1b263b;
        color: #ffffff;
        font-weight: 600;
        box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 0.05);
        border-color: #1b263b;
    }

    & :is(.tws-hidden-radio:focus-visible + .tws-toggle-label, .tws-custom-checkbox:focus-visible + .tws-checkbox-text) {
        outline: 0.1875rem solid #1b263b;
        outline-offset: 0.125rem;
        box-shadow: 0 0 0 0.375rem #ffffff;
        border-radius: 0.25rem;
    }
	
    & .elementor-popup-modal {
        overscroll-behavior-y: none;

        & .dialog-widget-content {
            border-radius: 1.5rem 1.5rem 0 0 !important;
            inline-size: 100dvw !important;
            max-block-size: 85dvh !important;
            background-color: var(--tws-white, #ffffff) !important;
            overflow-y: auto !important;
            -webkit-overflow-scrolling: touch !important;
            overscroll-behavior-y: none;

            &::before {
                content: '';
                display: block;
                inline-size: clamp(2rem, 3dvw, 2.5rem);
                block-size: 0.3125rem;
                background-color: #cbd5e1;
                border-radius: 0.25rem;
                margin-inline: auto;
                margin-block-start: clamp(0.5rem, 1dvw, 0.75rem);
                margin-block-end: clamp(0.75rem, 1.5dvw, 1rem);
            }
        }

        & .dialog-widget-overlay {
            background-color: rgb(27 38 59 / 0.5) !important;
            backdrop-filter: blur(0.3125rem) !important;
            -webkit-backdrop-filter: blur(0.3125rem) !important;
        }

        & .dialog-close-button {
            inset-block-start: clamp(0.5rem, 1dvw, 0.75rem) !important;
            inset-inline-end: clamp(0.75rem, 1.5dvw, 1rem) !important;
            background-color: transparent !important;
            color: #64748b !important;
        }

        & .dialog-message {
            overscroll-behavior-y: none;
        }
    }

    & .tws-sticky-action-bar {
        background-color: var(--tws-white, #ffffff);
        padding-block-start: clamp(0.75rem, 1.5dvw, 1rem);
        padding-inline-end: clamp(0.75rem, 1.5dvw, 1rem);
        padding-block-end: calc(clamp(0.75rem, 1.5dvw, 1rem) + env(safe-area-inset-bottom));
        padding-inline-start: clamp(0.75rem, 1.5dvw, 1rem);
        border-block-start: 0.0625rem solid #e2e8f0;
        margin-block-end: 0;
    }

    & .essb-copylink-shadow {
        display: none;
    }

    & .tws-clear-wrapper {
        margin-block-start: clamp(1rem, 2dvw, 1.5rem);
        inline-size: 100%;
        flex-shrink: 0;
        display: flex;
        justify-content: center;
    }

    & .tws-clear-btn {
        background: transparent;
        border: none;
        box-shadow: none;
        color: #64748b;
        font-family: var(--tws-font, "Inter", sans-serif);
        font-size: 0.875rem;
        font-weight: 600;
        text-decoration: underline;
        text-underline-offset: 0.25rem;
        transition: color 0.2s ease;
        padding: 0.5rem;
        line-height: 1;
        inline-size: auto;
        block-size: auto;
        display: inline-block;

        &:hover {
            color: var(--tws-primary, #1b263b);
            background: transparent;
            transform: none;
        }
    }

    & .tws-archive-hero .elementor-widget-text-editor p {
        max-inline-size: 65ch;
        margin-inline-end: auto;
        line-height: 1.65;
    }

    & .tws-insight-text {
        white-space: normal;
        word-break: break-word;
        display: block;
    }

    & :is(.tws-sim-card:hover, .tws-sim-card:focus-within, .tws-sim-card:has(.tws-curator-insight-wrapper:hover), .tws-sim-card:has(.tws-curator-insight-wrapper:focus-visible), .tws-sim-card:has(.tws-insight-balloon:hover)) {
        z-index: 99999;
        position: relative;
    }

    & :is(.tws-bookmark-wrap, .tws-button-group-card, .tws-curator-insight-wrapper) {
        position: relative;
        z-index: 99999;
    }

    & :is(.tws-sim-card, .tws-sim-card > .e-con-inner, .tws-sim-card .e-con, .elementor-2699 .elementor-element.elementor-element-6946d9d8, .elementor-2699 .elementor-element.elementor-element-6946d9d8.e-con) {
        overflow: visible !important;
        contain: none !important;
    }

    & .tws-badges-group-card {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        inline-size: 100%;
        gap: 0.5rem;
        margin: 0;
        padding: 0;
        list-style: none;

        & li:empty {
            display: none;
        }
    }

    & .tws-insight-balloon {
        pointer-events: auto;
        z-index: 9999;
    }

    & .tws-dofollow-anchor {
        pointer-events: auto;
        cursor: pointer;
    }

    & :is(.select2-container--open, .select2-dropdown, .elementor-select-dropdown) {
        z-index: 999999 !important;
    }

& .tws-premium-toc {
        background-color: #f8fafc;
        border: 0.0625rem solid #e2e8f0;
        border-radius: 0.75rem;
        padding: 1.5rem;
        box-shadow: 0 0.25rem 0.375rem -0.0625rem rgb(0 0 0 / 0.05);

        & .elementor-toc__header-title {
            color: var(--tws-primary, #1b263b);
            font-weight: 800;
            text-transform: uppercase;
            letter-spacing: 0.05em;
            font-size: clamp(0.75rem, 1.5dvw, 0.875rem);
            border-block-end: 0.125rem solid var(--tws-primary, #1b263b);
            padding-block-end: clamp(0.5rem, 1dvw, 0.75rem);
            margin-block-end: clamp(0.5rem, 1dvw, 0.75rem);
        }

        & .elementor-toc__toggle-button {
            color: var(--tws-primary, #1b263b);
        }

        & .elementor-toc__list-item {
            padding-block-end: clamp(0.25rem, 1dvw, 0.5rem);

            & a {
                color: #475569;
                font-size: clamp(0.875rem, 1.5dvw, 1rem);
                font-weight: 500;
                transition: all 0.2s ease;

                &.elementor-item-active {
                    color: var(--tws-primary, #1b263b);
                    font-weight: 700;
                    background-color: #f1f5f9;
                    border-inline-start: 0.1875rem solid var(--tws-primary, #1b263b);
                    padding-block: 0.25rem 0;
                    padding-inline-start: 0.5rem;
                    padding-inline-end: 0;
                    border-radius: 0 0.25rem 0.25rem 0;
                    display: block;
                }

                &:hover {
                    color: #10b981;
                }
            }
        }
    }

    & .tws-consent-trigger {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-block-size: clamp(2.5rem, 4dvw, 3rem);
        padding-block: 0;
        padding-inline: clamp(1rem, 2dvw, 1.5rem);
        background-color: transparent;
        border: 0.125rem solid var(--tws-primary, #1b263b);
        color: var(--tws-primary, #1b263b);
        font-family: var(--tws-font, "Inter", sans-serif);
        font-size: clamp(0.75rem, 1.5dvw, 0.875rem);
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        text-decoration: none;
        border-radius: 0.375rem;
        transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
        cursor: pointer;

        &:is(:hover, :focus-visible) {
            background-color: var(--tws-primary, #1b263b);
            color: var(--tws-white, #ffffff);
            transform: translateY(-0.125rem);
            box-shadow: 0 0.25rem 0.75rem rgb(27 38 59 / 0.15);
        }
    }

    & .tws-policy-heading {
        max-inline-size: 65ch;
        margin-inline: auto;
        inline-size: 100%;
        color: var(--tws-primary, #1b263b);
        border-block-end: 0.0625rem solid #e2e8f0;
    }

    & .tws-policy-text {
        max-inline-size: 65ch;
        margin-inline: auto;
        inline-size: 100%;
        color: #334155;

        & code {
            background-color: #f1f5f9;
            border: 0.0625rem solid #cbd5e1;
            padding-block: clamp(0.125rem, 0.5dvw, 0.25rem);
            padding-inline: clamp(0.25rem, 1dvw, 0.5rem);
            border-radius: 0.25rem;
            font-weight: 600;
            font-size: clamp(0.75rem, 1.5dvw, 0.875rem);
            font-family: monospace;
            color: #475569;
        }
    }

    & .tws-policy-strong {
        color: var(--tws-primary, #1b263b);
        font-weight: 700;
    }

    & .tws-policy-link {
        color: #047857;
        text-decoration: underline;
        text-underline-offset: 0.1875rem;
        font-weight: 600;
        transition: color 0.2s ease;

        &:hover {
            color: #064e3b;
        }
    }

    & .tws-policy-link-wrapper {
        max-inline-size: 65ch;
        margin-inline: auto;
        inline-size: 100%;
        margin-block-end: 1.5rem;
    }

    & .tws-code-pill {
        background-color: #f1f5f9;
        border: 0.0625rem solid #cbd5e1;
        padding-block: 0.125rem;
        padding-inline: 0.375rem;
        border-radius: 0.25rem;
        font-weight: 600;
        font-size: clamp(0.75rem, 1.5dvw, 0.875rem);
        font-family: monospace;
        color: #475569;
    }

    & .tws-entity-details {
        display: inline-flex;
        flex-direction: column;
        text-align: start;
        font-style: normal;
        background-color: #f8fafc;
        color: var(--tws-primary, #1b263b);
        border: 0.0625rem solid #e2e8f0;
        border-block-start: 0.25rem solid var(--tws-primary, #1b263b);
        border-radius: 0.375rem;
        padding: clamp(1rem, 2dvw, 1.5rem);
        font-family: monospace;
        font-size: clamp(0.75rem, 1.5dvw, 0.8125rem);
        line-height: 1.65;
        box-shadow: 0 0.625rem 1.5625rem -0.3125rem rgb(27 38 59 / 0.05);
        max-inline-size: 65ch;
        margin-inline: auto;
        inline-size: auto;

        & .tws-policy-link {
            color: var(--tws-primary, #1b263b);
            font-weight: 700;
            text-decoration: underline;
        }
    }

    & .tws-entity-title {
        color: var(--tws-primary, #1b263b);
        font-family: var(--tws-font, "Inter", sans-serif);
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        font-size: clamp(0.6875rem, 1dvw, 0.75rem);
        line-height: 1;
        transform: translateY(0.0625rem);
        display: inline-block;
        margin-block-end: 0;
    }

    & .tws-entity-title-wrapper {
        display: flex;
        align-items: center;
        gap: clamp(0.25rem, 1dvw, 0.5rem);
        margin-block-end: clamp(0.5rem, 1dvw, 0.75rem);
        padding-block-end: clamp(0.5rem, 1dvw, 0.75rem);
        border-block-end: 0.0625rem dashed #cbd5e1;

        & svg {
            display: block;
            flex-shrink: 0;
            inline-size: clamp(0.875rem, 1.5dvw, 1rem);
            block-size: clamp(0.875rem, 1.5dvw, 1rem);
            fill: var(--tws-primary, #1b263b);
        }
    }

    & .tws-liability-box {
        background-color: #fff1f2;
        border: 0.0625rem solid #fecdd3;
        border-inline-start: 0.25rem solid #e11d48;
        padding: clamp(0.75rem, 1.5dvw, 1rem);
        margin: clamp(1.5rem, 3dvw, 2rem);
        border-radius: 0.375rem;

        & .tws-policy-text {
            color: #881337;
        }
    }

    & .tws-whistleblower-prompt {
        display: flex;
        inline-size: fit-content;
        margin-block: clamp(1rem, 2dvw, 1.5rem);
        margin-inline: auto;
        align-self: center;
        align-items: center;
        justify-content: center;
        gap: clamp(1rem, 2dvw, 1.5rem);
        background-color: #f8fafc;
        border: 0.0625rem solid #cbd5e1;
        padding: clamp(0.75rem, 1.5dvw, 1rem);
        border-radius: 0.375rem;
        font-family: var(--tws-font, "Inter", sans-serif);
        text-align: center;
        font-size: clamp(0.875rem, 1.5dvw, 1rem);
        font-weight: 600;
        color: #475569;
        text-decoration: none;
        transition: all 0.2s ease;

        &:hover {
            background-color: #f1f5f9;
            border-color: #94a3b8;
            color: #b91c1c;
            transform: translateY(-0.0625rem);
            box-shadow: 0 0.25rem 0.375rem -0.0625rem rgb(0 0 0 / 0.05);
        }

        & svg {
            inline-size: clamp(0.875rem, 1.5dvw, 1rem);
            block-size: clamp(0.875rem, 1.5dvw, 1rem);
            fill: currentColor;
            transition: fill 0.2s ease;
        }
    }

    & .tws-data-purge-btn {
        display: inline-flex;
        align-items: center;
        gap: clamp(0.25rem, 1dvw, 0.5rem);
        padding-block: clamp(0.5rem, 1dvw, 0.75rem);
        padding-inline: clamp(1rem, 2dvw, 1.5rem);
        border: 0.0625rem solid #e11d48;
        color: #e11d48;
        font-family: monospace;
        font-size: clamp(0.75rem, 1dvw, 0.875rem);
        font-weight: 700;
        text-transform: uppercase;
        background: transparent;
        cursor: pointer;
        border-radius: 0.25rem;
        margin-block-start: clamp(0.25rem, 1dvw, 0.5rem);
        margin-block-end: clamp(1rem, 2dvw, 1.5rem);
        transition: all 0.2s ease;

        &:hover {
            background-color: #fff1f2;
            transform: translateY(-0.0625rem);
            box-shadow: 0 0.25rem 0.375rem -0.0625rem rgb(225 29 72 / 0.1);
        }
    }
    
    & .tws-ftc-box {
        background-color: #f8fafc;
        border: 0.0625rem dashed #cbd5e1;
        padding: clamp(1rem, 2dvw, 1.5rem);
        border-radius: 0.5rem;
		margin-block-start: 1.5rem;
        margin-block-end: 1.5rem;
        max-inline-size: 65ch;
        margin-inline: auto;
    }

    & .tws-ftc-label {
        color: #92400e;
        font-family: var(--tws-font, "Inter", sans-serif);
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        font-size: clamp(0.75rem, 1dvw + 0.2rem, 0.875rem);
        display: block;
        margin-block-end: 0.25rem;
    }

    & .tws-ai-restriction {
        text-transform: uppercase;
        letter-spacing: 0.05em;
        font-size: clamp(0.6875rem, 1dvw, 0.75rem);
        color: var(--tws-primary, #1b263b);
        font-weight: 800;
        display: inline-block;
        margin-inline-end: 0.25rem;
    }

    & .tws-integration-clause {
        color: #334155;
        font-family: var(--tws-font, "Inter", sans-serif);
        font-style: italic;
        background-color: #f1f5f9;
        padding: clamp(0.75rem, 1.5dvw, 1rem);
        border-radius: 0.375rem;
        border-inline-start: 0.25rem solid #64748b;
        margin-block-start: 2rem;
        max-inline-size: 65ch;
        margin-inline: auto;
    }

    & .tws-integration-label {
        font-style: normal;
        font-weight: 700;
        color: var(--tws-primary, #1b263b);
        margin-inline-end: 0.25rem;
    }

    & #cmplz-cookies-overview {
        margin-block-start: clamp(1.5rem, 3dvw, 2rem);
        margin-block-end: clamp(2rem, 4dvw, 3rem);

        & details.cmplz-dropdown {
            background: var(--tws-white, #ffffff);
            border: 0.0625rem solid #cbd5e1;
            border-radius: 0.5rem;
            margin-block-end: clamp(1rem, 2dvw, 1.5rem);
            box-shadow: 0 0.25rem 0.375rem -0.0625rem rgb(27 38 59 / 0.05);
            overflow: hidden;
            display: block;
        }

        & details summary.cmplz-service-header {
            background: #f8fafc;
            padding: 0;
            border-block-end: 0.0625rem solid #cbd5e1;
            cursor: pointer;
            transition: background-color 0.2s ease;
            display: block;

            & > div {
                padding-block: clamp(0.75rem, 1.5dvw, 1rem);
                padding-inline: clamp(1rem, 2dvw, 1.25rem);
                display: flex;
                align-items: center;
                justify-content: space-between;
            }

            &:hover {
                background: #f1f5f9;
            }
        }

        & summary h3 {
            margin: 0;
            font-family: monospace;
            font-size: clamp(0.75rem, 1.5dvw, 0.875rem);
            font-weight: 700;
            color: var(--tws-primary, #1b263b);
            text-transform: uppercase;
        }

        & summary p {
            margin: 0;
            font-family: var(--tws-font, "Inter", sans-serif);
            font-size: clamp(0.6875rem, 1dvw, 0.75rem);
            font-weight: 600;
            color: #64748b;
        }

        & :is(.cmplz_consent_per_service_label, input[type="checkbox"]) {
            display: none !important;
        }

        & :is(.cmplz-service-description, .cmplz-sharing-data) {
            padding-block-start: clamp(1rem, 2dvw, 1.25rem);
            padding-inline: clamp(1rem, 2dvw, 1.25rem);
            padding-block-end: 0;
            display: block;

            & h4 {
                margin-block-start: 0;
                margin-inline: 0;
                margin-block-end: clamp(0.25rem, 1dvw, 0.5rem);
                font-family: var(--tws-font, "Inter", sans-serif);
                font-size: clamp(0.6875rem, 1dvw, 0.75rem);
                font-weight: 800;
                color: var(--tws-primary, #1b263b);
                text-transform: uppercase;
                letter-spacing: 0.05em;
            }

            & p {
                margin: 0;
                font-family: var(--tws-font, "Inter", sans-serif);
                font-size: clamp(0.75rem, 1.5dvw, 0.8125rem);
                color: #475569;
                line-height: 1.6;
            }
        }

        & .cookies-per-purpose {
            display: grid;
            grid-template-columns: 35% 20% 45%;
            gap: 0;
            padding: 0;
            margin-block-start: clamp(1rem, 3dvw, 1.5rem);
            border-block-start: 0.0625rem solid #e2e8f0;
            background: var(--tws-white, #ffffff);
        }

        & .purpose {
            grid-column: 1 / -1;
            padding-block: clamp(0.75rem, 1.5dvw, 1rem);
            padding-inline: clamp(1rem, 2dvw, 1.25rem);
            background: #f8fafc;
            border-block-end: 0.125rem solid #e2e8f0;

            & h4 {
                margin: 0;
                font-family: var(--tws-font, "Inter", sans-serif);
                font-size: clamp(0.6875rem, 1dvw, 0.75rem);
                font-weight: 800;
                color: var(--tws-primary, #1b263b);
                text-transform: uppercase;
            }
        }

        & :is(.name-header, .retention-header, .function-header) {
            padding-block: clamp(0.5rem, 1dvw, 0.75rem);
            padding-inline: clamp(1rem, 2dvw, 1.25rem);
            background: var(--tws-white, #ffffff);
            border-block-end: 0.0625rem dashed #cbd5e1;
            display: flex;
            align-items: center;

            & h5 {
                margin: 0;
                font-family: var(--tws-font, "Inter", sans-serif);
                font-size: clamp(0.625rem, 1dvw, 0.6875rem);
                font-weight: 800;
                color: #64748b;
                text-transform: uppercase;
                letter-spacing: 0.05em;
            }
        }

        & :is(.name, .retention, .function) {
            padding-block: clamp(0.75rem, 1.5dvw, 1rem);
            padding-inline: clamp(1rem, 2dvw, 1.25rem);
            font-family: var(--tws-font, "Inter", sans-serif);
            font-size: clamp(0.75rem, 1.5dvw, 0.8125rem);
            color: #334155;
            border-block-end: 0.0625rem solid #f1f5f9;
            word-break: break-word;
            display: flex;
            align-items: center;
        }

        & .name {
            font-family: monospace;
            font-weight: 700;
            color: var(--tws-primary, #1b263b);
            background: #f8fafc;
            border-inline-end: 0.0625rem solid #e2e8f0;

            & a {
                color: var(--tws-primary, #1b263b);
                text-decoration: none;

                &:hover {
                    text-decoration: underline;
                }
            }
        }

        & a {
            color: #10b981;
            text-decoration: underline;
            text-underline-offset: 0.125rem;
            font-weight: 600;
        }
    }

    @media (width >= 1025px) {
        & .tws-mobile-filter-fab {
            display: none !important;
        }
    }

    @media (width <= 1024px) {
        & .tws-mobile-filter-fab {
            inline-size: auto;

            & .elementor-button {
                background-color: var(--tws-primary, #1b263b);
                color: var(--tws-white, #ffffff);
                padding-block: clamp(0.75rem, 1.5dvw, 0.875rem);
                padding-inline: clamp(1.5rem, 3dvw, 2rem);
                border-radius: 0.75rem;
                box-shadow: 0 0.5rem 1.5rem rgb(27 38 59 / 0.3), inset 0 0 0 0.0625rem rgb(255 255 255 / 0.1);
                display: flex;
                align-items: center;
                justify-content: center;
                gap: clamp(0.25rem, 1dvw, 0.5rem);
                transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.2s;
                touch-action: manipulation;
                will-change: transform;

                &:active {
                    transform: scale(0.95);
                    box-shadow: 0 0.25rem 0.5rem rgb(27 38 59 / 0.2);
                }

                &:focus-visible {
                    outline: 0.125rem solid #5b21b6;
                    outline-offset: 0.125rem;
                }
            }

            & .elementor-button-text {
                font-family: var(--tws-font, "Inter", sans-serif);
                font-size: clamp(0.875rem, 1.5dvw, 1rem);
                font-weight: 600;
                letter-spacing: 0.02em;
                text-transform: none;
                line-height: 1;
                margin: 0;
                padding: 0;
            }

            & .elementor-button-icon {
                margin: 0;
                display: flex;

                & svg {
                    inline-size: clamp(1rem, 1.5dvw, 1.125rem);
                    block-size: clamp(1rem, 1.5dvw, 1.125rem);
                    fill: currentColor;
                }
            }
        }
    }

    & .elementor-popup-modal {
        overscroll-behavior-y: none !important;

        & .dialog-widget-content {
            border-radius: 1.5rem 1.5rem 0 0 !important;
            inline-size: 100dvw !important;
            max-block-size: 85dvh !important;
            background-color: var(--tws-white, #ffffff) !important;
            overflow-y: auto !important;
            overscroll-behavior-y: none;
        }

        & .dialog-widget-overlay {
            background-color: rgb(27 38 59 / 0.5) !important;
            backdrop-filter: blur(0.3125rem) !important;
            -webkit-backdrop-filter: blur(0.3125rem) !important;
        }

        & .dialog-close-button {
            inset-block-start: clamp(0.5rem, 1dvw, 0.75rem) !important;
            inset-inline-end: clamp(0.75rem, 1.5dvw, 1rem) !important;
            background-color: transparent !important;
            color: #64748b !important;
        }

        & .dialog-message {
            overscroll-behavior-y: none !important;
        }
    }

    & .tws-sticky-action-bar {
        background-color: var(--tws-white, #ffffff);
        padding-block-start: clamp(0.75rem, 1.5dvw, 1rem);
        padding-inline-end: clamp(0.75rem, 1.5dvw, 1rem);
        padding-block-end: calc(clamp(0.75rem, 1.5dvw, 1rem) + env(safe-area-inset-bottom));
        padding-inline-start: clamp(0.75rem, 1.5dvw, 1rem);
        border-block-start: 0.0625rem solid #e2e8f0;
        margin-block-end: 0;
    }

    & .essb-copylink-shadow {
        display: none;
    }

    & .tws-clear-wrapper {
        margin-block-start: clamp(1rem, 2dvw, 1.5rem);
        inline-size: 100%;
        flex-shrink: 0;
        display: flex;
        justify-content: center;
    }

    & .tws-clear-btn {
        background: transparent;
        border: none;
        box-shadow: none;
        color: #64748b;
        font-family: var(--tws-font, "Inter", sans-serif);
        font-size: 0.875rem;
        font-weight: 600;
        text-decoration: underline;
        text-underline-offset: 0.25rem;
        transition: color 0.2s ease;
        padding: 0.5rem;
        line-height: 1;
        inline-size: auto;
        block-size: auto;
        display: inline-block;

        &:hover {
            color: var(--tws-primary, #1b263b);
            background: transparent;
            transform: none;
        }
    }

    & .tws-archive-hero .elementor-widget-text-editor p {
        max-inline-size: 65ch;
        margin-inline-end: auto;
        line-height: 1.65;
    }

    & .tws-insight-text {
        white-space: normal;
        word-break: break-word;
        display: block;
    }

    & :is(.tws-sim-card:hover, .tws-sim-card:focus-within, .tws-sim-card:has(.tws-curator-insight-wrapper:hover), .tws-sim-card:has(.tws-curator-insight-wrapper:focus-visible), .tws-sim-card:has(.tws-insight-balloon:hover)) {
        z-index: 99999;
        position: relative;
    }

    & :is(.tws-bookmark-wrap, .tws-button-group-card, .tws-curator-insight-wrapper) {
        position: relative;
        z-index: 99999;
    }

    & :is(.tws-sim-card, .tws-sim-card > .e-con-inner, .tws-sim-card .e-con, .elementor-2699 .elementor-element.elementor-element-6946d9d8) {
        overflow: visible !important;
        contain: none !important;
    }

    & .elementor-2699 .elementor-element.elementor-element-6946d9d8.e-con {
        overflow: visible !important;
    }

    & .tws-badges-group-card {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        inline-size: 100%;
        gap: 0.5rem;
        margin: 0;
        padding: 0;
        list-style: none;

        & li:empty {
            display: none;
        }
    }

    & .tws-insight-balloon {
        pointer-events: auto;
        z-index: 9999;
    }

    & .tws-dofollow-anchor {
        pointer-events: auto;
        cursor: pointer;
    }

    & :is(.select2-container--open, .select2-dropdown, .elementor-select-dropdown) {
        z-index: 999999 !important;
    }
	
	& .tws-ymyl-tooltip-wrapper {
		position: absolute;
		inset-block-start: 0;
		inset-inline-end: 0;
	}

    & .tws-ymyl-tooltip-text {
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transition: all 0.2s ease;
    }
	
	& .tws-ymyl-tooltip-trigger {
		background: transparent;
		border: none;
		padding: 0;
		cursor: pointer;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		line-height: 1;
	}

    & :is(.tws-ymyl-tooltip-trigger:hover + .tws-ymyl-tooltip-text, .tws-ymyl-tooltip-trigger:focus-visible + .tws-ymyl-tooltip-text, .tws-ymyl-tooltip-trigger[aria-expanded="true"] + .tws-ymyl-tooltip-text) {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }

    & .tws-premium-toc {
        background-color: #f8fafc;
        border: 0.0625rem solid #e2e8f0;
        border-radius: 0.75rem;
        padding: 1.5rem;
        box-shadow: 0 0.25rem 0.375rem -0.0625rem rgb(0 0 0 / 0.05);

        & .elementor-toc__header-title {
            color: #1b263b;
            font-weight: 800;
            text-transform: uppercase;
            letter-spacing: 0.05em;
            font-size: clamp(0.75rem, 1.5dvw, 0.875rem);
            border-block-end: 0.125rem solid #1b263b;
            padding-block-end: clamp(0.5rem, 1dvw, 0.75rem);
            margin-block-end: clamp(0.5rem, 1dvw, 0.75rem);
        }

        & .elementor-toc__toggle-button {
            color: #1b263b;
        }

        & .elementor-toc__list-item {
            padding-block-end: clamp(0.25rem, 1dvw, 0.5rem);

            & a {
                color: #475569;
                font-size: clamp(0.875rem, 1.5dvw, 1rem);
                font-weight: 500;
                transition: all 0.2s ease;

                &.elementor-item-active {
                    color: #1b263b;
                    font-weight: 700;
                    background-color: #f1f5f9;
                    border-inline-start: 0.1875rem solid #1b263b;
                    padding-block: 0.25rem 0;
                    padding-inline-start: 0.5rem;
                    padding-inline-end: 0;
                    border-radius: 0 0.25rem 0.25rem 0;
                    display: block;
                }

                &:hover {
                    color: #10b981;
                }
            }
        }
    }

    & .tws-consent-trigger {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-block-size: clamp(2.5rem, 4dvw, 3rem);
        padding-block: 0;
        padding-inline: clamp(1rem, 2dvw, 1.5rem);
        background-color: transparent;
        border: 0.125rem solid #1b263b;
        color: #1b263b;
        font-family: var(--tws-font, "Inter", sans-serif);
        font-size: clamp(0.75rem, 1.5dvw, 0.875rem);
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        text-decoration: none;
        border-radius: 0.375rem;
        transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
        cursor: pointer;

        &:is(:hover, :focus-visible) {
            background-color: #1b263b;
            color: #ffffff;
            transform: translateY(-0.125rem);
            box-shadow: 0 0.25rem 0.75rem rgb(27 38 59 / 0.15);
        }
    }

    & .tws-policy-heading {
        max-inline-size: 65ch;
        margin-inline: auto;
        inline-size: 100%;
        color: #1b263b;
        border-block-end: 0.0625rem solid #e2e8f0;
    }

    & .tws-policy-text {
        max-inline-size: 65ch;
        margin-inline: auto;
        inline-size: 100%;
        color: #334155;

        & code {
            background-color: #f1f5f9;
            border: 0.0625rem solid #cbd5e1;
            padding-block: clamp(0.125rem, 0.5dvw, 0.25rem);
            padding-inline: clamp(0.25rem, 1dvw, 0.5rem);
            border-radius: 0.25rem;
            font-weight: 600;
            font-size: clamp(0.75rem, 1.5dvw, 0.875rem);
            font-family: monospace;
            color: #475569;
        }
    }

    & .tws-policy-strong {
        color: #1b263b;
        font-weight: 700;
    }

    & .tws-policy-link {
        color: #10b981;
        text-decoration: underline;
        text-underline-offset: 0.1875rem;
        font-weight: 600;
        transition: color 0.2s ease;

        &:hover {
            color: #047857;
        }
    }

    & .tws-policy-link-wrapper {
        max-inline-size: 65ch;
        margin-inline: auto;
        inline-size: 100%;
        margin-block-end: 1.5rem;
    }

    & .tws-code-pill {
        background-color: #f1f5f9;
        border: 0.0625rem solid #cbd5e1;
        padding-block: 0.125rem;
        padding-inline: 0.375rem;
        border-radius: 0.25rem;
        font-weight: 600;
        font-size: clamp(0.75rem, 1.5dvw, 0.875rem);
        font-family: monospace;
        color: #475569;
    }

    & .tws-entity-details {
        display: inline-flex;
        flex-direction: column;
        text-align: start;
        font-style: normal;
        background-color: #f8fafc;
        color: #1b263b;
        border: 0.0625rem solid #e2e8f0;
        border-block-start: 0.25rem solid #1b263b;
        border-radius: 0.375rem;
        padding: clamp(1rem, 2dvw, 1.5rem);
        font-family: monospace;
        font-size: clamp(0.75rem, 1.5dvw, 0.8125rem);
        line-height: 1.65;
        box-shadow: 0 0.625rem 1.5625rem -0.3125rem rgb(27 38 59 / 0.05);
        max-inline-size: 65ch;
        margin-inline: auto;
        inline-size: auto;

        & .tws-policy-link {
            color: #1b263b;
            font-weight: 700;
            text-decoration: underline;
        }
    }

    & .tws-entity-title {
        color: #1b263b;
        font-family: var(--tws-font, "Inter", sans-serif);
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        font-size: clamp(0.6875rem, 1dvw, 0.75rem);
        line-height: 1;
        transform: translateY(0.0625rem);
        display: inline-block;
        margin-block-end: 0;
    }

    & .tws-entity-title-wrapper {
        display: flex;
        align-items: center;
        gap: clamp(0.25rem, 1dvw, 0.5rem);
        margin-block-end: clamp(0.5rem, 1dvw, 0.75rem);
        padding-block-end: clamp(0.5rem, 1dvw, 0.75rem);
        border-block-end: 0.0625rem dashed #cbd5e1;

        & svg {
            display: block;
            flex-shrink: 0;
            inline-size: clamp(0.875rem, 1.5dvw, 1rem);
            block-size: clamp(0.875rem, 1.5dvw, 1rem);
            fill: #1b263b;
        }
    }

    & .tws-liability-box {
        background-color: #fff1f2;
        border: 0.0625rem solid #fecdd3;
        border-inline-start: 0.25rem solid #e11d48;
        padding: clamp(0.75rem, 1.5dvw, 1rem);
        margin: clamp(1.5rem, 3dvw, 2rem);
        border-radius: 0.375rem;

        & .tws-policy-text {
            color: #881337;
        }
    }

    & .tws-whistleblower-prompt {
        display: flex;
        inline-size: fit-content;
        margin-block: clamp(1rem, 2dvw, 1.5rem);
        margin-inline: auto;
        align-self: center;
        align-items: center;
        justify-content: center;
        gap: clamp(1rem, 2dvw, 1.5rem);
        background-color: #f8fafc;
        border: 0.0625rem solid #cbd5e1;
        padding: clamp(0.75rem, 1.5dvw, 1rem);
        border-radius: 0.375rem;
        font-family: var(--tws-font, "Inter", sans-serif);
        text-align: center;
        font-size: clamp(0.875rem, 1.5dvw, 1rem);
        font-weight: 600;
        color: #475569;
        text-decoration: none;
        transition: all 0.2s ease;

        &:hover {
            background-color: #f1f5f9;
            border-color: #94a3b8;
            color: #b91c1c;
            transform: translateY(-0.0625rem);
            box-shadow: 0 0.25rem 0.375rem -0.0625rem rgb(0 0 0 / 0.05);
        }

        & svg {
            inline-size: clamp(0.875rem, 1.5dvw, 1rem);
            block-size: clamp(0.875rem, 1.5dvw, 1rem);
            fill: currentColor;
            transition: fill 0.2s ease;
        }
    }

    & .tws-data-purge-btn {
        display: inline-flex;
        align-items: center;
        gap: clamp(0.25rem, 1dvw, 0.5rem);
        padding-block: clamp(0.5rem, 1dvw, 0.75rem);
        padding-inline: clamp(1rem, 2dvw, 1.5rem);
        border: 0.0625rem solid #e11d48;
        color: #e11d48;
        font-family: monospace;
        font-size: clamp(0.75rem, 1dvw, 0.875rem);
        font-weight: 700;
        text-transform: uppercase;
        background: transparent;
        cursor: pointer;
        border-radius: 0.25rem;
        margin-block-start: clamp(0.25rem, 1dvw, 0.5rem);
        margin-block-end: clamp(1rem, 2dvw, 1.5rem);
        transition: all 0.2s ease;

        &:hover {
            background-color: #fff1f2;
            transform: translateY(-0.0625rem);
            box-shadow: 0 0.25rem 0.375rem -0.0625rem rgb(225 29 72 / 0.1);
        }
    }

    & #cmplz-cookies-overview {
        margin-block-start: clamp(1.5rem, 3dvw, 2rem);
        margin-block-end: clamp(2rem, 4dvw, 3rem);

        & details.cmplz-dropdown {
            background: #ffffff;
            border: 0.0625rem solid #cbd5e1;
            border-radius: 0.5rem;
            margin-block-end: clamp(1rem, 2dvw, 1.5rem);
            box-shadow: 0 0.25rem 0.375rem -0.0625rem rgb(27 38 59 / 0.05);
            overflow: hidden;
            display: block;
        }

        & details summary.cmplz-service-header {
            background: #f8fafc;
            padding: 0;
            border-block-end: 0.0625rem solid #cbd5e1;
            cursor: pointer;
            transition: background-color 0.2s ease;
            display: block;

            & > div {
                padding-block: clamp(0.75rem, 1.5dvw, 1rem);
                padding-inline: clamp(1rem, 2dvw, 1.25rem);
                display: flex;
                align-items: center;
                justify-content: space-between;
            }

            &:hover {
                background: #f1f5f9;
            }
        }

        & summary h3 {
            margin: 0;
            font-family: monospace;
            font-size: clamp(0.75rem, 1.5dvw, 0.875rem);
            font-weight: 700;
            color: #1b263b;
            text-transform: uppercase;
        }

        & summary p {
            margin: 0;
            font-family: var(--tws-font, "Inter", sans-serif);
            font-size: clamp(0.6875rem, 1dvw, 0.75rem);
            font-weight: 600;
            color: #64748b;
        }

        & :is(.cmplz_consent_per_service_label, input[type="checkbox"]) {
            display: none !important;
        }

        & :is(.cmplz-service-description, .cmplz-sharing-data) {
            padding-block-start: clamp(1rem, 2dvw, 1.25rem);
            padding-inline: clamp(1rem, 2dvw, 1.25rem);
            padding-block-end: 0;
            display: block;

            & h4 {
                margin-block-start: 0;
                margin-inline: 0;
                margin-block-end: clamp(0.25rem, 1dvw, 0.5rem);
                font-family: var(--tws-font, "Inter", sans-serif);
                font-size: clamp(0.6875rem, 1dvw, 0.75rem);
                font-weight: 800;
                color: #1b263b;
                text-transform: uppercase;
                letter-spacing: 0.05em;
            }

            & p {
                margin: 0;
                font-family: var(--tws-font, "Inter", sans-serif);
                font-size: clamp(0.75rem, 1.5dvw, 0.8125rem);
                color: #475569;
                line-height: 1.6;
            }
        }

        & .cookies-per-purpose {
            display: grid;
            grid-template-columns: 35% 20% 45%;
            gap: 0;
            padding: 0;
            margin-block-start: clamp(1rem, 3dvw, 1.5rem);
            border-block-start: 0.0625rem solid #e2e8f0;
            background: #ffffff;
        }

        & .purpose {
            grid-column: 1 / -1;
            padding-block: clamp(0.75rem, 1.5dvw, 1rem);
            padding-inline: clamp(1rem, 2dvw, 1.25rem);
            background: #f8fafc;
            border-block-end: 0.125rem solid #e2e8f0;

            & h4 {
                margin: 0;
                font-family: var(--tws-font, "Inter", sans-serif);
                font-size: clamp(0.6875rem, 1dvw, 0.75rem);
                font-weight: 800;
                color: #1b263b;
                text-transform: uppercase;
            }
        }

        & :is(.name-header, .retention-header, .function-header) {
            padding-block: clamp(0.5rem, 1dvw, 0.75rem);
            padding-inline: clamp(1rem, 2dvw, 1.25rem);
            background: #ffffff;
            border-block-end: 0.0625rem dashed #cbd5e1;
            display: flex;
            align-items: center;

            & h5 {
                margin: 0;
                font-family: var(--tws-font, "Inter", sans-serif);
                font-size: clamp(0.625rem, 1dvw, 0.6875rem);
                font-weight: 800;
                color: #64748b;
                text-transform: uppercase;
                letter-spacing: 0.05em;
            }
        }

        & :is(.name, .retention, .function) {
            padding-block: clamp(0.75rem, 1.5dvw, 1rem);
            padding-inline: clamp(1rem, 2dvw, 1.25rem);
            font-family: var(--tws-font, "Inter", sans-serif);
            font-size: clamp(0.75rem, 1.5dvw, 0.8125rem);
            color: #334155;
            border-block-end: 0.0625rem solid #f1f5f9;
            word-break: break-word;
            display: flex;
            align-items: center;
        }

        & .name {
            font-family: monospace;
            font-weight: 700;
            color: #1b263b;
            background: #f8fafc;
            border-inline-end: 0.0625rem solid #e2e8f0;

            & a {
                color: #1b263b;
                text-decoration: none;

                &:hover {
                    text-decoration: underline;
                }
            }
        }

        & a {
            color: #10b981;
            text-decoration: underline;
            text-underline-offset: 0.125rem;
            font-weight: 600;
        }
    }

    @media (width <= 1024px) {
        & .elementor-popup-modal :is(.dialog-message, #tws-filter-form) {
            padding-block-end: 6.25rem !important;
            background-color: #ffffff;
        }
    }

    @media (width <= 767px) {
        & .tws-independence-block {
            flex-direction: column;
            text-align: center;
            padding-block: 1.5rem;
            padding-inline: 1rem;
            border-inline-start: 0.0625rem solid #e2e8f0;
            border-block-start: 0.25rem solid #1b263b;
            gap: 1rem;
        }

        & .tws-independence-icon {
            inline-size: 2.5rem;
            block-size: 2.5rem;
        }

        & .tws-whistleblower-prompt {
            flex-direction: column;
            gap: clamp(0.5rem, 1dvw, 0.75rem);
        }

        & .elementor-2699 .e-con {
            margin-block: 0;
            padding-block: 1rem;
        }

        & .tws-insight-balloon {
            inline-size: 16.25rem !important;
            inset-inline-start: 85% !important;
            inset-inline-end: auto !important;
            transform: translateX(-50%) translateY(0.5rem) !important;
        }

        & #cmplz-cookies-overview {
            & .cookies-per-purpose {
                display: flex;
                flex-direction: column;
                border: none;
                border-block-start: 0.0625rem solid #e2e8f0;
            }

            & :is(.name-header, .retention-header, .function-header) {
                display: none;
            }

            & :is(.name, .retention, .function) {
                inline-size: 100%;
                border-inline-end: none;
                border-block-end: 0.0625rem solid #e2e8f0;
                padding-block: clamp(0.75rem, 1.5dvw, 1rem);
                padding-inline: clamp(1rem, 2dvw, 1.25rem);
            }

            & .name {
                background-color: #1b263b;
                color: #ffffff;
                border-radius: 0.25rem 0.25rem 0 0;
                margin-block-start: clamp(0.75rem, 1.5dvw, 1rem);

                & a {
                    color: #ffffff;
                }
            }
        }
    }
}

:is(:root, #tws-root) :is(body, #tws-body) .tws-verified-tooltip .elementor-icon-list-item:focus-within .elementor-icon-list-icon::before,
:is(:root, #tws-root) :is(body, #tws-body) .tws-verified-tooltip .elementor-icon-list-item:focus-within .elementor-icon-list-icon::after {
    opacity: 1 !important;
    visibility: visible !important;
}

:is(:root, #tws-root) :is(body, #tws-body) .tws-verified-tooltip .elementor-icon-list-item:focus-within .elementor-icon-list-icon::before {
    transform: translateX(-50%) translateY(-0.5rem) !important;
}

:is(:root, #tws-root) :is(body, #tws-body) .tws-verified-tooltip .elementor-icon-list-item:focus-within .elementor-icon-list-icon::after {
    transform: translateX(-50%) translateY(-0.25rem) !important;
}

:is(:root, #tws-root) :is(body, #tws-body) .elementor-popup-modal .dialog-widget-content::before {
    content: '';
    display: block;
    inline-size: clamp(2rem, 3dvw, 2.5rem);
    block-size: 0.3125rem;
    background-color: #cbd5e1;
    border-radius: 0.25rem;
    margin-inline: auto;
    margin-block-start: clamp(0.5rem, 1dvw, 0.75rem);
    margin-block-end: clamp(0.75rem, 1.5dvw, 1rem);
}

:is(:root, #tws-root) :is(body, #tws-body) #cmplz-cookies-overview details summary::-webkit-details-marker,
:is(:root, #tws-root) :is(body, #tws-body) #cmplz-cookies-overview details summary::marker {
    display: none !important;
    content: "" !important;
}

:is(:root, #tws-root) :is(body, #tws-body) .tws-premium-toc .elementor-toc__list-item-text-wrapper::before {
    font-family: monospace;
    color: #94a3b8;
    font-weight: 600;
}

@media (width <= 767px) {
    :is(:root, #tws-root) :is(body, #tws-body) #cmplz-cookies-overview .retention::before {
        content: "Expires: ";
        font-weight: 800;
        margin-inline-end: 0.5rem;
        color: #64748b;
        font-size: clamp(0.625rem, 1dvw, 0.6875rem);
        text-transform: uppercase;
        letter-spacing: 0.05em;
    }

    :is(:root, #tws-root) :is(body, #tws-body) #cmplz-cookies-overview .function::before {
        content: "Function: ";
        font-weight: 800;
        margin-inline-end: 0.5rem;
        color: #64748b;
        font-size: clamp(0.625rem, 1dvw, 0.6875rem);
        text-transform: uppercase;
        letter-spacing: 0.05em;
    }
}

:is(:root, #tws-root) :is(body, #tws-body) {
    & .tws-doc-control {
        font-family: monospace;
        font-size: clamp(0.6875rem, 1dvw, 0.75rem);
        color: #64748b;
        text-transform: uppercase;
        margin-block-end: clamp(1.5rem, 3dvw, 2.5rem);
        border-block-end: 0.0625rem solid #e2e8f0;
        padding-block-end: clamp(0.75rem, 1.5dvw, 1rem);
        text-align: center;
        text-wrap: balance;
        line-height: 1.8;

        & .tws-policy-strong {
            font-weight: 700;
            color: #1b263b;
        }
    }

    & .tws-bottom-line {
        background-color: #f8fafc;
        border-inline-start: 0.25rem solid #1b263b;
        margin-inline: auto;
        padding: clamp(1rem, 2dvw, 1.5rem);
        border-radius: 0 0.5rem 0.5rem 0;
        margin-block-end: clamp(2rem, 4dvw, 3rem);
        max-inline-size: 65ch;
        inline-size: 100%;

        & p {
            margin: 0;
            font-family: var(--tws-font, "Inter", sans-serif);
            font-size: clamp(0.875rem, 1.5dvw, 0.9375rem);
            line-height: 1.6;
            color: #334155;
        }
    }

    & .tws-bottom-line-title {
        font-family: var(--tws-font, "Inter", sans-serif);
        color: #1b263b;
        font-weight: 800;
        text-transform: uppercase;
        font-size: clamp(0.6875rem, 1dvw, 0.75rem);
        letter-spacing: 0.05em;
        display: block;
        margin-block-end: clamp(0.25rem, 1dvw, 0.5rem);
    }

    & .tws-action-wrapper {
        text-align: center;
		padding-block: clamp(1rem, 2dvw + 0.5rem, 1.5rem);
		padding-inline: clamp(1.25rem, 2.5dvw + 0.5rem, 2rem);

        & .tws-entity-details {
            margin-inline: 0 auto;
        }
    }

    & .tws-entity-details .tws-policy-link {
        color: #1b263b;
        font-weight: 700;
        text-decoration: underline;
    }

    & .tws-entity-title-wrapper {
        display: flex;
        align-items: center;
        gap: clamp(0.25rem, 1dvw, 0.5rem);
        margin-block-end: clamp(0.5rem, 1dvw, 0.75rem);
        padding-block-end: clamp(0.5rem, 1dvw, 0.75rem);
        border-block-end: 0.0625rem dashed #cbd5e1;

        & svg {
            display: block;
            flex-shrink: 0;
        }
    }

    & .tws-entity-title {
        color: #1b263b;
        font-family: var(--tws-font, "Inter", sans-serif);
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        font-size: clamp(0.6875rem, 1dvw, 0.75rem);
        line-height: 1;
        transform: translateY(0.0625rem);
        display: inline-block;
    }

    & .tws-system-status {
        display: inline-flex;
        align-items: center;
        background-color: #f8fafc;
        border: 0.0625rem solid #e2e8f0;
        padding-block: clamp(0.25rem, 1dvw, 0.5rem);
        padding-inline: clamp(0.75rem, 1.5dvw, 1rem);
        border-radius: 1.875rem;
        font-family: var(--tws-font, "Inter", sans-serif);
        font-size: clamp(0.75rem, 1.5dvw, 0.8125rem);
        color: #475569;
        margin-block: clamp(1rem, 2dvw, 1.5rem);

        & strong {
            color: #1b263b;
            font-weight: 700;
        }

        & .tws-divider {
            color: #cbd5e1;
            margin-inline: 0.5rem;
        }
    }
	
	& .help-intro-wrapper {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: clamp(1rem, 2dvw, 1.5rem);
    }

    & .help-intro-wrapper :is(.tws-text-base, .tws-text-base p) {
        text-wrap: balance;
        margin-inline: auto;
    }

    & .tws-faq-accordion {
        & .elementor-accordion-item {
            border: 0.0625rem solid #e2e8f0;
            border-radius: 0.5rem;
            margin-block-end: 1rem;
            overflow: hidden;
            box-shadow: 0 0.25rem 0.375rem -0.0625rem rgb(0 0 0 / 0.02);
        }

        & .elementor-tab-title {
            background-color: #ffffff;
            padding-block: 1.25rem;
            padding-inline: 1.5rem;

            &.elementor-active {
                background-color: #f8fafc;
                border-block-end: 0.0625rem solid #e2e8f0;
            }
        }

        & .e-n-accordion {
            display: flex;
            flex-direction: column;
            gap: clamp(0.75rem, 1.5dvw, 1rem);
        }

        & .e-n-accordion-item {
            margin-block-end: 0;
        }

        & summary.e-n-accordion-item-title {
            min-block-size: clamp(2.5rem, 4dvw, 3rem);
            padding-inline: clamp(0.75rem, 1.5dvw, 1rem);
            display: flex;
            align-items: center;
        }

        & .elementor-widget-text-editor p {
            max-inline-size: 65ch;
            margin-inline: auto;
            inline-size: 100%;
            line-height: 1.65;
            text-wrap: pretty;
        }
    }

    & .tws-support-form {
        & .elementor-form-fields-wrapper {
            display: flex;
            flex-direction: column;
            gap: clamp(1rem, 2dvw, 1.5rem);
        }

        & .elementor-field-group {
            margin-block-end: 0;

            &.elementor-field-type-submit {
                inline-size: 100%;
            }

            & :is(input, textarea, select) {
                border: 0.0625rem solid #cbd5e1 !important;
                border-radius: 0.5rem !important;
                padding-block: clamp(0.75rem, 1.5dvw, 0.875rem) !important;
                padding-inline: clamp(0.875rem, 1.5dvw, 1rem) !important;
                background-color: #ffffff !important;
                font-family: var(--tws-font, "Inter", sans-serif) !important;
                font-size: clamp(0.8125rem, 1.5dvw, 0.875rem) !important;
                color: #334155 !important;
                line-height: 1.5 !important;
                min-block-size: clamp(2.5rem, 4dvw, 3rem) !important;
                outline: none !important;
            }
        }

        & :is(input, textarea, select):is(:focus, :focus-visible) {
            outline: none !important;
            border: 0.0625rem solid #1b263b !important;
            box-shadow: 0 0 0 0.1875rem rgb(27 38 59 / 0.1) !important;
        }

        & .elementor-field-textual:not(textarea),
        & .elementor-button {
            min-block-size: clamp(2.5rem, 4dvw, 3rem) !important;
            padding-inline: clamp(0.75rem, 1.5dvw, 1rem) !important;
            display: flex !important;
            align-items: center !important;
        }

        & textarea.elementor-field-textual {
            min-block-size: clamp(6rem, 10dvw, 7.5rem) !important;
            padding-block-start: clamp(0.75rem, 1.5dvw, 1rem) !important;
        }

        & .select-caret-down-wrapper,
        & .elementor-select-wrapper svg {
            display: none !important;
        }

        & select {
            appearance: none !important;
            -webkit-appearance: none !important;
            -moz-appearance: none !important;
            background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%2364748b%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E") !important;
            background-repeat: no-repeat !important;
            background-position: right 1rem center !important;
            background-size: 0.75rem auto !important;
            padding-inline-end: 2.5rem !important;
            cursor: pointer !important;

            &.elementor-field-textual {
                appearance: none !important;
                -webkit-appearance: none !important;
                -moz-appearance: none !important;
                background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%2364748b%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E") !important;
                background-repeat: no-repeat !important;
                background-position: right 1rem center !important;
                background-size: 0.75rem auto !important;
                padding-inline-end: 2.5rem !important;
            }

            & option:first-child { color: #64748b !important; }
            & option:not(:first-child) { color: #334155 !important; }
            &:has(option:first-child:checked) { color: #64748b !important; }
        }

        & .elementor-button-content-wrapper {
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            inline-size: 100% !important;
            gap: 0.5rem !important;
            line-height: 1 !important;
        }

        & .elementor-button-icon {
            margin: 0 !important;
        }
    }

    & .tws-alert-danger {
        background-color: #fef2f2;
        border: 0.0625rem solid #f87171;
        border-inline-start: 0.25rem solid #e11d48;
        padding-block: clamp(0.75rem, 1.5dvw, 1rem);
        padding-inline: clamp(1rem, 2dvw, 1.5rem);
        border-radius: 0.5rem;
        font-family: var(--tws-font, "Inter", sans-serif);
        font-size: clamp(0.75rem, 1.5dvw, 0.8125rem);
        color: #7f1d1d;
        line-height: 1.65;
        max-inline-size: 65ch;
        margin-inline: auto;

        & strong {
            color: #7f1d1d;
            font-weight: 700;
        }

        & a {
            color: #7f1d1d;
            font-weight: 700;
            text-decoration: underline;
            text-underline-offset: 0.1875rem;
            transition: color 0.2s;

            &:hover {
                color: #450a0a;
            }
        }
    }

    & .tws-form-notice {
        font-family: 'Space Mono', monospace;
        font-size: clamp(0.625rem, 1dvw, 0.6875rem);
        color: #64748b;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        margin-block-end: clamp(0.25rem, 1dvw, 0.5rem);
        border-block-start: 0.0625rem dashed #cbd5e1;
        padding-block-start: clamp(0.5rem, 1dvw, 0.75rem);
        max-inline-size: 65ch;
        margin-inline: auto;
        line-height: 1.65;

        & strong {
            color: #b91c1c;
            font-weight: 700;
        }
    }
	
	& .elementor-turnstile-field.cf-turnstile {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        inline-size: 100% !important;
        margin-block: clamp(1rem, 2dvw, 1.5rem) !important;
        margin-inline: 0 !important;

        & div {
            margin-inline: auto !important;
        }
    }

    & :is(.help-intro p, .tws-faq-accordion .elementor-widget-text-editor p) {
        max-inline-size: 65ch;
        margin-inline: auto;
        inline-size: 100%;
        line-height: 1.65;
        text-wrap: pretty;
    }

    & .e-n-accordion-item-title-text {
        text-wrap: balance;
        line-height: 1.25;
    }

    & .tws-privacy-btn {
        color: #94a3b8;
        font-family: var(--tws-font, "Inter", sans-serif);
        font-size: clamp(0.75rem, 1.5dvw, 0.8125rem);
        text-align: center;
        text-wrap: balance;
        text-decoration: underline;
        text-underline-offset: 0.1875rem;
        background: transparent;
        border: none;
        padding: 0;
        cursor: pointer;
        transition: color 0.2s ease;

        &:hover {
            color: #ffffff;
        }
    }

    & .tws-meta-list {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 0.25rem;
        margin: 0;
        padding: 0;
        list-style: none;
    }

    & .tws-meta-item {
        margin: 0;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 0.5rem;

        & img {
            inline-size: 0.875rem;
            block-size: 0.875rem;
            flex-shrink: 0;
            display: block;
            object-fit: contain;
        }

        &, & address, & cite, & time {
            font-family: var(--tws-font, "Inter", sans-serif);
            font-size: clamp(0.75rem, 0.2dvw + 0.7rem, 0.875rem);
            font-weight: 500;
            color: #475569;
            line-height: 1.2;
            font-style: normal;
        }
    }
	
	& .tws-hero-meta-post-panel {
		font-family: var(--tws-font, "Inter", sans-serif);
		display: inline-flex;
		align-items: center;
		justify-content: center;
		background-color: #f8fafc;
		border: 0.0625rem solid #e2e8f0;
		border-radius: 0.5rem;
		padding-block: 1rem;
		padding-inline: 1.5rem;
		box-shadow: 0 0.25rem 0.375rem -0.0625rem rgb(0 0 0 / 0.02);
		box-sizing: border-box;
	}

	& .tws-meta-post-body {
		display: flex;
		flex-direction: row;
		align-items: center;
		gap: 1.5rem;
		box-sizing: border-box;
	}

	& .tws-meta-post-group {
		display: flex;
		align-items: center;
		gap: 0.75rem;
		box-sizing: border-box;
	}

	& .tws-meta-post-link {
		text-decoration: none;
		transition: transform 0.2s ease, opacity 0.2s ease;

		&:hover {
			opacity: 0.8;
		}
	}

	& .tws-meta-post-stack {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: center;
		gap: 0.125rem;
	}

	& .tws-meta-post-avatar {
		border-radius: 50%;
		object-fit: cover;
		flex-shrink: 0;
	}

	& .tws-meta-post-clinical {
		gap: 0.5rem;
	}

	& .tws-meta-post-label {
		font-size: 0.75rem;
		font-weight: 600;
		line-height: 1.2;
		color: #64748b;
		text-transform: uppercase;
		letter-spacing: 0.05em;
		white-space: nowrap;
	}

	& .tws-meta-post-status-text {
		font-size: 0.875rem;
		font-weight: 800;
		line-height: 1.4;
		color: #047857;
		white-space: nowrap;
	}

	& :is(.tws-meta-post-value, .tws-meta-post-value time) {
		font-family: inherit;
		font-size: 0.875rem;
		font-weight: 700;
		line-height: 1.4;
		color: #1b263b;
		white-space: nowrap;
	}

	& .tws-meta-post-divider {
		inline-size: 0.0625rem;
		block-size: 2rem;
		background-color: #cbd5e1;
	}

	@media (width <= 767px) {
		& .tws-hero-meta-post-panel {
			display: flex;
			justify-content: center;
			padding: 1.25rem;
			inline-size: 100%;
			box-sizing: border-box;
		}

		& .tws-meta-post-body {
			flex-wrap: wrap;
			row-gap: 1.25rem;
			column-gap: 1rem;
			align-items: flex-start;
			justify-content: center;
			inline-size: 100%;
			box-sizing: border-box;
		}

		& .tws-meta-post-group {
			flex: 0 0 calc(50% - 0.5rem);
			justify-content: center;
			min-width: 0;
			box-sizing: border-box;
		}

		& .tws-meta-post-link {
			flex: 0 0 100%;
			justify-content: center;
		}

		& .tws-meta-post-stack {
			align-items: center;
			text-align: center;
		}

		& .tws-meta-post-label,
		& .tws-meta-post-status-text,
		& :is(.tws-meta-post-value, .tws-meta-post-value time) {
			white-space: normal;
			word-wrap: break-word;
		}

		& .tws-meta-post-divider {
			display: none;
		}
	}

    & .tws-bookmark-wrap {
        inline-size: fit-content;
        max-inline-size: fit-content;
        min-inline-size: unset;
        flex-basis: auto;

        & .e-con-inner {
            inline-size: fit-content;
            max-inline-size: fit-content;
            display: flex;
            justify-content: flex-end;
        }

        & .elementor-widget-html {
            inline-size: fit-content;
            display: flex;
            flex-direction: row;
            align-items: center;
            gap: 0.5rem;
        }
    }

    & .tws-button-group-card {
        inline-size: fit-content;
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 0.5rem;
    }

    & :is(.main-job-cards > .e-con-inner > .tws-salary-badges-container, .tws-salary-badges-container) {
        inline-size: max-content;
        flex: 0 0 auto;
    }

    & .tws-salary-badges-container {
        & .e-con-inner {
            inline-size: max-content;
            display: flex;
            flex-direction: column;
            align-items: flex-end;
            gap: 0.5rem;
        }

        & :is(.elementor-widget, .elementor-widget-container) {
            inline-size: 100%;
        }
    }

    & .tws-salary-info {
        display: flex;
        align-items: center;
        justify-content: center;
        white-space: nowrap;
        inline-size: 100%;
        gap: 0.5rem;
        font-family: var(--tws-font, "Inter", sans-serif);
        font-size: clamp(0.75rem, 1dvw + 0.5rem, 0.875rem);
        font-weight: 600;
        color: var(--tws-primary, #1b263b);

        & svg {
            inline-size: 1.25rem;
            block-size: 1.25rem;
            flex-shrink: 0;
        }
    }

    & .elementor-element-4f637e0 .elementor-widget-container {
        display: flex;
        justify-content: center;
    }

    & .tws-curator-info {
        line-height: 1.3;
        font-family: var(--tws-font, "Inter", sans-serif);
    }

    & .tws-curator-role {
        font-size: clamp(0.5rem, 1dvw, 0.625rem);
        text-transform: uppercase;
        color: #475569;
        letter-spacing: 0.05em;
        font-weight: 700;
    }

    & .tws-curator-name {
        font-size: clamp(0.75rem, 1.5dvw, 0.875rem);
        color: #334155;
        font-weight: 700;
    }

    & .tws-verified-browse {
        display: block;
        text-wrap: balance;
        font-size: clamp(0.6875rem, 1.5dvw, 0.75rem);
    }

    & :is(.home-hero-description, .home-hero-title) {
        max-inline-size: 65ch;
        margin-inline: auto;
    }

    & .tws-insight-meta-data {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: clamp(0.5rem, 1dvw, 0.75rem);
        margin-block-start: auto;

        & .elementor-widget {
            inline-size: 100%;
            display: flex;
            justify-content: center;
        }

        & .elementor-icon-list-items {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: clamp(0.25rem, 0.5dvw, 0.5rem);
            margin: 0;
            padding: 0;
        }
    }

    & .tws-semantic-date-wrapper {
		display: flex;
        align-items: center;
        justify-content: center;
        gap: 0.5rem;
        font-family: var(--tws-font);
        font-size: clamp(0.9375rem, 1dvw + 0.7rem, 1rem) !important;
        font-weight: 600;
        color: #334155;
        line-height: 1;
        line-height: 1;

        & svg {
            inline-size: 1rem;
            block-size: 1rem;
        }
    }

    & .tws-integrity-tabs {
        background: transparent;

        & .e-n-tabs-heading {
            display: flex;
            justify-content: space-between;
            gap: 0.5rem;
            padding: 0.5rem;
            background-color: #f1f5f9;
            border: 0.0625rem solid #cbd5e1;
            border-radius: 0.75rem;
        }

        & .e-n-tab-title {
            flex: 1 1 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            padding-block: 1rem;
            padding-inline: 0;
            background-color: transparent;
            border: none;
            border-radius: 0.5rem;
            outline: none;
            transition: all 0.3s ease;

            & .e-n-tab-title-text {
                font-size: 1rem;
                font-weight: 600;
                color: #475569;
                transition: all 0.3s ease;
            }

            &:is(.e-active, [aria-selected="true"]) {
                background-color: #1b263b !important;
                box-shadow: 0 0.25rem 0.375rem -0.0625rem rgb(0 0 0 / 0.15) !important;

                & .e-n-tab-title-text {
                    color: #ffffff !important;
                }
            }

            &:not(.e-active):not([aria-selected="true"]):hover {
                background-color: rgb(27 38 59 / 0.05);

                & .e-n-tab-title-text {
                    color: #334155;
                }
            }
        }

        & .e-n-tabs-content {
            background-color: #ffffff;
            border-radius: 0 0 0.5rem 0.5rem;
            border: 0.0625rem solid #e2e8f0;
            border-block-start: none;
            padding: 1.5rem;
        }
    }

    & #report_scam_form .elementor-button {
        background-color: #047857;

        &:hover {
            background-color: #065f46;
        }
    }

    & .tws-trust-badge {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 0.5rem;
        background-color: #f1f5f9;
        border: 0.0625rem solid #cbd5e1;
        padding-block: 0.5rem;
        padding-inline: 1rem;
        border-radius: 3rem;
        font-size: clamp(0.75rem, 1dvw + 0.5rem, 0.875rem);
        font-weight: 700;
        line-height: 1;
        color: #334155;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        white-space: nowrap;
        user-select: none;

        & svg {
            stroke: #1b263b;
        }
    }

    & .tws-security-notice {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        gap: 0.5rem;
        font-size: clamp(0.75rem, 1dvw + 0.5rem, 0.875rem);
        font-weight: 700;
        line-height: 1.4;
        color: #64748b;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        text-wrap: balance;
        text-align: center;

        & svg {
            fill: currentColor;
        }
    }

    & .tws-privacy-alert {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 1.5rem;
        background-color: #f0fdf4;
        border: 0.0625rem solid #bbf7d0;
        padding: 1.5rem;
        border-radius: 0.5rem;

        & svg {
            flex-shrink: 0;
            inline-size: 2rem;
            block-size: 2rem;
            fill: #16a34a;
        }
    }

    & .tws-privacy-content {
        display: flex;
        flex-direction: column;
        gap: 0.25rem;
        color: #166534;
        text-align: start;

        & strong {
            color: #14532d;
            font-size: clamp(0.875rem, 1dvw + 0.75rem, 1rem);
            font-weight: 700;
            line-height: 1.3;
        }

        & span {
            font-size: clamp(0.75rem, 1dvw + 0.5rem, 0.875rem);
            line-height: 1.5;
            max-inline-size: 65ch;
            text-wrap: pretty;
        }
    }

    & .tws-fast-track-notice {
        font-size: clamp(0.75rem, 1dvw + 0.5rem, 0.875rem);
        line-height: 1.5;
        color: #475569;
        padding-inline-start: 1rem;
        border-inline-start: 0.125rem solid #cbd5e1;
        max-inline-size: 65ch;
        text-wrap: pretty;

        & strong {
            color: #1b263b;
            font-weight: 700;
        }
    }

    & :is(.tws-trust-badge, .tws-security-notice, .tws-form-footer-note) svg {
        flex-shrink: 0;
        inline-size: 1rem;
        block-size: 1rem;
    }

    & .tws-form-footer-note svg {
        fill: #10b981;
    }

    & .tws-protection-list {
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
        flex-direction: column;
        gap: 1.5rem;

        & li {
            display: flex;
            flex-direction: column;
            gap: 0.25rem;
        }

        & strong {
            font-size: 1rem;
            font-weight: 700;
            line-height: 1.3;
            color: #1b263b;
            display: block;
        }

        & span {
            font-size: 0.875rem;
            line-height: 1.6;
            color: #475569;
            max-inline-size: 65ch;
            text-wrap: pretty;
        }
    }

    & :is(.tws-form-footer-note, .tws-simple-footer-note) {
        font-size: clamp(0.75rem, 1dvw + 0.5rem, 0.8125rem);
        font-weight: 500;
        color: #64748b;
        text-align: center;
        text-wrap: balance;
    }

    & .tws-form-footer-note {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0.5rem;
        line-height: 1.4;
    }

    & .tws-simple-footer-note {
        line-height: 1.5;
        max-inline-size: 65ch;
        margin-inline: auto;
    }

    & :is(.tws-submit-btn, .tws-support-form .elementor-button) {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        box-sizing: border-box !important;
        inline-size: 100% !important;
        block-size: 3rem !important;
        min-block-size: 3rem !important;
        padding-block: 0 !important;
        padding-inline: 2rem !important;
        margin-block-start: 1.5rem !important;
        background-color: var(--tws-primary, #1b263b) !important;
        color: var(--tws-white, #ffffff) !important;
        font-family: var(--tws-font, "Inter", sans-serif) !important;
        font-size: 1rem !important;
        font-weight: 600 !important;
        text-align: center !important;
        border: none !important;
        border-radius: 0.5rem !important;
        box-shadow: 0 0.25rem 0.375rem -0.0625rem rgb(27 38 59 / 0.1) !important;
        cursor: pointer !important;
        transition: all 0.2s ease !important;
        touch-action: manipulation !important;
        will-change: transform;

        &:hover {
            background-color: #0f172a !important;
            transform: translateY(-0.125rem) !important;
            box-shadow: 0 0.625rem 0.9375rem -0.1875rem rgb(27 38 59 / 0.15) !important;
        }

        &:focus-visible {
            outline: 0.125rem solid #5b21b6 !important;
            outline-offset: 0.125rem !important;
        }

        &:active {
            transform: scale(0.98) !important;
            box-shadow: 0 0.125rem 0.25rem rgb(27 38 59 / 0.1) !important;
        }
    }

    @media (width <= 767px) {
        & .tws-system-status {
            align-items: flex-start;
            padding-block: 0.75rem;
            padding-inline: 1rem;
            text-align: center;

            & .tws-audit-dot {
                margin-block-start: 0.3125rem;
            }

            & .tws-divider {
                display: block;
                font-size: 0;
                block-size: 0.25rem;
            }

            & span:not(.tws-audit-dot) {
                line-height: 1.4;
            }
        }

        & .tws-meta-list {
            align-items: center;
            gap: 0.5rem;
        }

        & .tws-meta-item {
            justify-content: center;
        }

        & :is(.home-hero-description, .home-hero-title) {
            max-inline-size: 40ch;
        }

        & :is(.tws-security-notice, .tws-privacy-alert) {
            flex-direction: column;
            text-align: center;
        }

        & .tws-privacy-alert {
            align-items: center;
            gap: 1rem;
        }

        & .tws-privacy-content {
            align-items: center;
            text-align: center;
        }
    }
}

:is(:root, #tws-root) :is(body, #tws-body) .tws-support-form ::-webkit-input-placeholder { color: #54657a !important; opacity: 1 !important; }
:is(:root, #tws-root) :is(body, #tws-body) .tws-support-form ::-moz-placeholder { color: #54657a !important; opacity: 1 !important; }
:is(:root, #tws-root) :is(body, #tws-body) .tws-support-form :-ms-input-placeholder { color: #54657a !important; opacity: 1 !important; }

:is(:root, #tws-root) :is(body, #tws-body) .tws-support-form .elementor-select-wrapper::before { display: none !important; }

:is(:root, #tws-root) :is(body, #tws-body) .tws-support-form input[type="file"]::file-selector-button {
    background-color: #f1f5f9 !important;
    border: 0.0625rem solid #cbd5e1 !important;
    color: #1b263b !important;
    padding-block: 0.5rem !important;
    padding-inline: 1rem !important;
    border-radius: 0.375rem !important;
    margin-inline-end: 1rem !important;
    font-size: 0.875rem !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: background-color 0.2s, border-color 0.2s !important;
}

:is(:root, #tws-root) :is(body, #tws-body) .tws-support-form input[type="file"]::file-selector-button:hover {
    background-color: #e2e8f0 !important;
    border-color: #94a3b8 !important;
}

:is(:root, #tws-root) :is(body, #tws-body) {
    & .tws-hero-meta-panel {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 1rem;
        background-color: #f8fafc;
        border: 0.0625rem solid #e2e8f0;
        border-radius: 0.5rem;
        padding-block: 1rem;
        padding-inline: 1.5rem;
        box-shadow: 0 0.25rem 0.375rem -0.0625rem rgb(0 0 0 / 0.02);
    }

    & .tws-meta-body {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 1rem;
    }

    & .tws-meta-group {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        line-height: 1;
    }

    & .tws-audit-dot {
        block-size: 0.5rem;
        inline-size: 0.5rem;
        background-color: #10b981;
        border-radius: 50%;
        flex-shrink: 0;
        box-shadow: 0 0 0 0.125rem rgb(16 185 129 / 0.2);
    }

    & .tws-meta-label {
        font-size: clamp(0.75rem, 1dvw + 0.5rem, 0.875rem);
        font-weight: 600;
        color: #64748b;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        white-space: nowrap;
    }

    & .tws-meta-status-text {
        font-size: clamp(0.75rem, 1dvw + 0.5rem, 0.875rem);
        font-weight: 800;
        color: #047857;
        white-space: nowrap;
    }

    & :is(.tws-meta-value, .tws-meta-value time) {
        font-family: 'Space Mono', Consolas, monospace;
        font-size: clamp(0.8125rem, 1dvw + 0.6rem, 0.9375rem);
        font-weight: 700;
        color: #1b263b;
        white-space: nowrap;
    }

    & .tws-meta-divider {
        inline-size: 0.0625rem;
        block-size: 1rem;
        background-color: #cbd5e1;
    }

    & .tws-integrity-alert {
        display: flex;
        flex-direction: column;
        gap: 0.25rem;
        background-color: #eff6ff;
        border: 0.0625rem solid #bfdbfe;
        border-inline-start: 0.25rem solid #3b82f6;
        border-radius: 0.5rem;
        padding: 1.5rem;
        max-inline-size: 65ch;
        margin-inline: auto;
        color: #1e3a8a;
        line-height: 1.6;

        & strong {
            display: block;
            font-size: clamp(0.9375rem, 1dvw + 0.75rem, 1rem);
            color: #1e40af;
            font-weight: 700;
        }

        & span {
            font-size: clamp(0.8125rem, 1dvw + 0.6rem, 0.875rem);
            text-wrap: pretty;
        }

        & a {
            color: #1d4ed8;
            font-weight: 700;
            text-decoration: underline;
            text-underline-offset: 0.125rem;
            transition: color 0.2s ease;

            &:hover {
                color: #1e40af;
            }
        }
    }

    & :is(.tws-single-job-h2, .tws-single-job-p) {
        margin: 0;
    }

    & .tws-single-job-list {
        display: flex;
        flex-direction: column;
        gap: 0.75rem;
        margin: 0;
        padding-inline-start: 0;
        max-inline-size: 65ch;

        & li {
            font-family: var(--tws-font, "Inter", sans-serif);
            font-size: clamp(0.9375rem, 1dvw + 0.7rem, 1rem);
            line-height: 1.6;
            font-weight: 400;
            color: #475569;
            margin: 0;
            text-wrap: pretty;
        }
    }

    & .tws-single-job-hr {
        margin: 0;
        border: none;
        border-block-start: 0.0625rem solid #e2e8f0;
        inline-size: 100%;
    }

    & .tws-single-job-dl {
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
        margin: 0;
        max-inline-size: 65ch;
    }

    & .tws-single-job-dt {
        font-family: var(--tws-font, "Inter", sans-serif);
        font-size: clamp(1rem, 1dvw + 0.8rem, 1.125rem);
        color: #1e293b;
        margin: 0;
    }

    & .tws-single-job-dd {
        margin: 0;
        padding-inline-start: 1rem;
        border-inline-start: 0.125rem solid #cbd5e1;
    }

    & .tws-single-job-footer {
        display: flex;
        flex-direction: column;
        gap: 1rem;
        max-inline-size: 65ch;
        margin: 0;
    }

    & .tws-single-job-disclosure {
        display: block;
        font-family: var(--tws-font, "Inter", sans-serif);
        font-size: 0.8125rem;
        color: #475569;
        line-height: 1.5;
        margin: 0;
        text-wrap: pretty;
    }

    & a.tws-insight-author {
        color: inherit;
        text-decoration: underline;
        text-underline-offset: 0.1875rem;
        cursor: pointer;
    }

    & p.tws-insight-text {
        margin: 0;
    }

    & .tws-job-content-wrapper {
        display: flex;
        flex-direction: column;
        gap: 2.5rem;
        inline-size: 100%;
    }

    & .tws-job-section {
        display: flex;
        flex-direction: column;
        gap: 1.25rem;
        inline-size: 100%;
    }

    & .elementor-element-eed0fcf.job-details-card {
        & .e-con-inner {
            display: flex;
            flex-direction: column;
            align-items: stretch;
            inline-size: 100%;
            gap: 1.5rem;
        }

        & :is(.elementor-widget-button, .elementor-button, .elementor-widget) {
            inline-size: 100%;
        }

        & .elementor-widget {
            max-inline-size: 100%;
            align-self: stretch;
        }

        & .elementor-button {
            justify-content: center;
        }
    }

    & .tws-curator-experience-wrapper {
        text-align: center;
        inline-size: 100%;
        margin-block-start: 0.5rem;
    }

    & .tws-curator-experience-pill {
        display: inline-flex;
        flex-direction: column;
        align-items: center;
        gap: 0.25rem;
        background-color: #f1f5f9;
        border: 0.0625rem solid #e2e8f0;
        border-radius: 0.5rem;
        padding-block: 0.5rem;
        padding-inline: 1rem;
        max-inline-size: 100%;
        box-sizing: border-box;
        font-family: var(--tws-font, "Inter", sans-serif);
        color: #475569;
        text-align: center;
    }

    & .tws-curator-exp-header {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0.25rem;
        max-inline-size: 100%;

        & svg {
            inline-size: 1rem;
            block-size: 1rem;
            fill: currentColor;
            flex-shrink: 0;
        }
    }

    & .tws-curator-exp-role {
        font-size: clamp(0.6875rem, 1dvw + 0.2rem, 0.75rem);
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.03125rem;
        line-height: 1.2;
        overflow-wrap: break-word;
    }

    & .tws-curator-exp-duration {
        font-size: clamp(0.6875rem, 1dvw + 0.2rem, 0.75rem);
        font-weight: 400;
        letter-spacing: 0.01875rem;
        line-height: 1.2;
        overflow-wrap: break-word;
    }

    & .tws-footer-mission {
        font-family: var(--tws-font, "Inter", sans-serif);
        font-size: clamp(0.875rem, 1dvw + 0.3rem, 1rem);
        line-height: 1.6;
        display: block;
        text-wrap: balance;
        max-inline-size: 65ch;
        margin-inline: auto;

        & b {
            color: #ffffff;
            font-weight: 600;
        }
    }

    & .tws-share-wrapper {
        position: relative;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    & .tws-copyright-text {
        font-family: var(--tws-font, "Inter", sans-serif);
        color: #cbd5e1;
        font-size: clamp(0.7rem, 1dvw + 0.3rem, 0.8125rem);
        text-align: center;
        text-wrap: balance;
        margin: 0;
    }

    & .hero-trending-links {
        display: flex;
        align-items: center;
        gap: 0.5rem;
    }

    & .tws-trending-list {
        display: flex;
        align-items: center;
        list-style: none;
        margin: 0;
        padding: 0;
        gap: 0.5rem;
    }

    & :is(.hero-split-search input, .tws-search-main-bar .e-search-input):focus-visible {
        outline: none !important;
        box-shadow: none !important;
    }

    & .tws-safe-link-badge {
        display: inline-flex;
        align-items: center;
        gap: 0.5rem;
        padding-block: 0.5rem;
        padding-inline: 1rem;
        background-color: #f8fafc;
        border: 0.0625rem solid #e2e8f0;
        border-radius: 0.5rem;
        inline-size: auto;
        max-inline-size: 100%;

        & svg {
            inline-size: 1rem;
            block-size: 1rem;
            min-inline-size: 1rem;
            flex-shrink: 0;
            fill: #475569;
        }

        & span {
            font-family: var(--tws-font, "Inter", sans-serif);
            font-size: clamp(0.75rem, 1dvw + 0.2rem, 0.875rem);
            line-height: 1.5;
            font-weight: 400;
            color: #475569;
        }

        & strong {
            font-family: var(--tws-font, "Inter", sans-serif);
            font-weight: 700;
            color: #334155;
        }
    }

    & .job-apply-button.elementor-sticky--active {
        inline-size: 100% !important;
        inset-inline-start: 0 !important;
        inset-inline-end: 0 !important;
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
        padding-block: 0 !important;
        padding-inline: 1.25rem !important;
        display: flex !important;
        justify-content: center !important;
        pointer-events: none !important;

        & .elementor-button {
            pointer-events: auto !important;
            background-color: #047857 !important;
            border-radius: 3rem !important;
            box-shadow: 0 0.5rem 1.5rem rgb(4 120 87 / 0.4) !important;
            inline-size: auto !important;
            min-inline-size: 16rem !important;
            justify-content: center !important;
        }
    }

    & .curator-take-wrapper {
        display: flex;
        flex-direction: column;
        margin-block-start: 2.5rem;
    }

    & .tws-curator-take-content {
        background-color: #f8fafc;
        border-inline-start: 0.25rem solid var(--tws-primary);
        padding-block: 1.25rem;
        padding-inline: 1.5rem;
        border-radius: 0 0.5rem 0.5rem 0;
        margin-block-start: 1.5rem;
        box-shadow: 0 0.25rem 0.375rem -0.125rem rgb(0 0 0 / 0.03);
        text-wrap: balance;

        & .tws-insight-text {
            font-family: var(--tws-font, "Inter", sans-serif);
            font-size: clamp(0.9375rem, 1dvw + 0.7rem, 1rem);
            line-height: 1.6;
            color: #334155;
            margin: 0;
            font-style: italic;
            text-wrap: pretty;

            & strong {
                color: var(--tws-primary);
                font-style: normal;
                font-weight: 700;
                margin-inline-end: 0.25rem;
            }
        }
    }

    & .tws-a11y-breadcrumbs {
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        gap: 0.5rem;
        font-family: var(--tws-font, "Inter", sans-serif);
        font-size: clamp(0.75rem, 1dvw + 0.5rem, 0.875rem);
        inline-size: 100%;

        & li {
            display: flex;
            align-items: center;
            white-space: nowrap;
            flex-shrink: 0;

            &:last-child {
                flex-shrink: 1;
                min-inline-size: 0;

                & span.last {
                    display: block;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    font-weight: 700;
                    inline-size: 100%;
                }
            }
        }

        & :is(a, span) {
            color: var(--tws-primary, #1b263b);
            text-decoration: none;
            transition: opacity 0.2s ease;
        }

        & a:is(:hover, :focus) {
            opacity: 0.7;
            text-decoration: underline;
        }
    }

    & :is(.main-job-cards, .related-job-card, .tws-sim-card, .sector-card) {
        transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 0.3s, border-color 0.3s;
        transform: translateZ(0);

        &:active {
            transform: translateY(-0.125rem) scale(0.98) !important;
            box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 0.05) !important;
            transition: 0.1s !important;
        }
    }

    & .job-filter-pills .elementor-icon-list-item:active {
        transform: translateY(-0.125rem) scale(0.98) !important;
        box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 0.05) !important;
        transition: 0.1s !important;
    }

    @media (hover: hover) and (pointer: fine) {
        & :is(.main-job-cards, .related-job-card, .tws-sim-card, .sector-card):hover {
            transform: translateY(-0.25rem) !important;
            box-shadow: 0 0.75rem 1.5rem -0.625rem rgb(27 38 59 / 0.15) !important;
            z-index: 100 !important;
            position: relative !important;
        }

        & :is(.main-job-cards, .blog-card-home):hover {
            border-color: #cbd5e1 !important;
        }
    }

    & .tws-share-bar {
        & .elementor-grid {
            display: flex;
            flex-wrap: nowrap;
            inline-size: 100%;
            gap: 0.5rem;
        }

        & .elementor-grid-item {
            flex: 1;
            inline-size: auto;
            max-inline-size: none;
            transition: flex 0.2s ease-in-out;

            &:hover {
                flex: 1.3;
            }
        }

        & .elementor-share-btn {
            display: flex;
            align-items: center;
            justify-content: center;
            inline-size: 100%;
            block-size: 2.5rem;
            padding: 0;
            border-radius: 0.875rem 0;
            background-color: #353535;
            transition: background-color 0.2s linear, transform 0.2s linear;
            overflow: hidden;

            &:active {
                transform: scale(0.92);
            }
        }

        & .elementor-share-btn__icon {
            display: flex;
            align-items: center;
            justify-content: center;
            inline-size: 100%;
            block-size: 100%;
            background: transparent;
            padding: 0;
            margin: 0;

            & svg {
                inline-size: 1.125rem;
                block-size: 1.125rem;
                fill: #ffffff;
                transition: fill 0.2s linear;
            }
        }

        & .elementor-share-btn_whatsapp:hover { background-color: #1d9e11; }
        & .elementor-share-btn_linkedin:hover { background-color: #007bb6; }
        & :is(.elementor-share-btn_x-twitter, .elementor-share-btn_twitter):hover { background-color: #0f1419; }
        & .elementor-share-btn_facebook:hover { background-color: #0866ff; }
        & .elementor-share-btn_threads:hover { background-color: #000000; }
        & .elementor-share-btn_telegram:hover { background-color: #0088cc; }
        & .elementor-share-btn_pinterest:hover { background-color: #cd1c1f; }
        & :is(.elementor-share-btn_email, .elementor-share-btn_print):hover { background-color: #404040; }
    }

	& .tws-audit-notice {
        text-align: center;
        margin-block-start: 1.5rem;
        margin-block-end: 2rem;
        font-family: var(--tws-font, "Inter", sans-serif);
        font-size: clamp(0.75rem, 1dvw + 0.5rem, 0.875rem);
        color: #334155;
        text-wrap: balance;

        & svg {
            vertical-align: text-bottom;
            margin-inline-end: 0.375rem;
            fill: var(--tws-primary, #1b263b);
        }

        & strong {
            font-weight: 700;
            color: var(--tws-primary, #1b263b);
        }
    }

    & .green-flag {
        border-block-start-color: #047857;

        & .tws-flag-main-icon {
            fill: #047857;
        }
    }

    & .red-flag {
        border-block-start-color: #dc2626;

        & .tws-flag-main-icon {
            fill: #dc2626;
        }
    }

    & .tws-flag-card-content {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 1.5rem;
    }

    & .tws-flag-header {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 1rem;
    }

    & .tws-flag-main-icon {
        inline-size: 2.5rem;
        block-size: 2.5rem;
    }

    & .tws-flag-title {
        color: var(--tws-primary, #1b263b);
        margin: 0;
    }

    & .tws-flag-list {
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
        list-style: none;
        padding: 0;
        margin-inline: auto;
        inline-size: fit-content;
        max-inline-size: 45ch;

        & li {
            position: relative;
            text-align: start;
            padding-inline-start: 1.75rem;
            font-family: var(--tws-font, "Inter", sans-serif);
            font-size: 1rem;
            color: #334155;
            line-height: 1.5;
            margin: 0;
            text-wrap: pretty;
        }
    }

	& .elementor-pagination {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: clamp(0.5rem, 1.5dvw, 1rem);
        margin-block-start: 3rem;
        margin-block-end: 2rem;
        padding: 0;

        & .page-numbers {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-inline-size: 2.5rem;
            block-size: 2.5rem;
            padding-inline: 0.5rem;
            font-family: var(--tws-font);
            font-size: 0.9375rem;
            font-weight: 600;
            color: #475569;
            background-color: var(--tws-white);
            border: 0.0625rem solid #e2e8f0;
            border-radius: 0.5rem;
            text-decoration: none;
            transition: all 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);
            box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 0.02);
            line-height: 1;

            & :is(span, a) {
                display: flex;
                align-items: center;
                justify-content: center;
                inline-size: 100%;
                block-size: 100%;
            }

            &:hover {
                color: var(--tws-primary);
                background-color: #f8fafc;
                border-color: #cbd5e1;
                transform: translateY(-0.125rem);
                box-shadow: 0 0.25rem 0.5rem -0.125rem rgb(27 38 59 / 0.08);
            }

            &.current {
                background-color: var(--tws-primary);
                color: var(--tws-white);
                border-color: var(--tws-primary);
                box-shadow: 0 0.25rem 0.5rem -0.125rem rgb(27 38 59 / 0.15);
                pointer-events: none;
            }

            &:focus-visible {
                outline: 0.125rem solid #5b21b6;
                outline-offset: 0.125rem;
            }

            &.prev, &.next {
                min-inline-size: max-content;
                padding-inline: 1rem;
            }
        }
    }

    & .tws-pagination-list {
        display: flex;
        list-style: none;
        padding: 0;
        margin: 0;
        gap: clamp(0.5rem, 1.5dvw, 1rem);
        justify-content: center;
        align-items: center;

        & li {
            display: flex;
            align-items: center;
            justify-content: center;
        }
    }
	
    & .tws-empty-state {
        text-align: center;
        padding: clamp(1.5rem, 4dvw, 2.5rem);
        background-color: #f8fafc;
        border: 0.0625rem dashed #cbd5e1;
        border-radius: 0.75rem;
        inline-size: 100%;
    }

    & .tws-empty-state-title {
        font-family: var(--tws-font, "Inter", sans-serif);
        color: var(--tws-primary, #1b263b);
        font-size: clamp(1rem, 2dvw + 0.5rem, 1.125rem);
        font-weight: 700;
        margin: 0 0 0.5rem 0;
        text-wrap: balance;
    }

    & .tws-empty-state-desc {
        font-family: var(--tws-font, "Inter", sans-serif);
        color: #475569;
        font-size: 0.875rem;
        line-height: 1.6;
        margin-inline: auto;
        margin-block: 0;
        max-inline-size: 65ch;
        text-wrap: balance;
    }

    & .tws-sim-logo :is(.elementor-widget-shortcode, .elementor-shortcode) {
        display: block;
        inline-size: 100%;
        margin: 0;
        padding: 0;
    }

    & a.tws-logo-placeholder {
        display: flex;
        align-items: center;
        justify-content: center;
        inline-size: 100%;
        block-size: auto;
        aspect-ratio: 1 / 1;
        background-color: #f8fafc;
        border: 0.0625rem solid #e2e8f0;
        border-radius: 0.75rem;
        box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 0.04);
        box-sizing: border-box;
        text-decoration: none;

        & svg {
            inline-size: 3.5rem;
            block-size: 3.5rem;
            min-inline-size: 3.5rem;
            min-block-size: 3.5rem;
            color: var(--tws-primary, #1b263b);
            fill: var(--tws-primary, #1b263b);
            opacity: 0.8;
            display: block;
            flex-shrink: 0;
        }
    }

	& .tws-cmplz-category-header {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        inline-size: 100% !important;
        padding-block: clamp(0.5rem, 1dvw, 1rem) !important;
        padding-inline: 0 !important;
    }

    & .tws-cmplz-toggle-btn {
        display: flex !important;
        align-items: center !important;
        gap: clamp(0.5rem, 1dvw, 1rem) !important;
        background-color: transparent !important;
        border: none !important;
        padding: 0 !important;
        color: inherit !important;
        font: inherit !important;
        cursor: pointer !important;
    }

    & .tws-view-all-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: clamp(0.5rem, 1dvw, 0.75rem);
        padding-block: 0;
        padding-inline: clamp(1.5rem, 3dvw, 2rem);
        min-block-size: clamp(2.5rem, 4dvw, 3rem);
        background-color: var(--tws-primary, #1b263b);
        color: #ffffff;
        font-family: var(--tws-font, "Inter", sans-serif);
        font-weight: 600;
        font-size: clamp(0.875rem, 1.5dvw, 1rem);
        text-decoration: none;
        text-transform: uppercase;
        border-radius: 0.375rem;
        border: 0.125rem solid var(--tws-primary, #1b263b);
        transition: all 0.2s ease;

        &:hover {
            background-color: transparent;
            color: var(--tws-primary, #1b263b);

            & .tws-fluid-icon {
                transform: translateY(-0.0625rem) scale(1.05);
            }
        }

        & .tws-fluid-icon {
            inline-size: clamp(1.25rem, 1.5dvw, 1.5rem);
            block-size: clamp(1.25rem, 1.5dvw, 1.5rem);
            fill: currentColor;
            flex-shrink: 0;
            transition: transform 0.25s cubic-bezier(0.25, 0.8, 0.25, 1);
        }
    }

    @media (width <= 767px) {
        & .tws-hero-meta-panel {
            display: flex;
            flex-direction: row;
            align-items: center; 
            justify-content: flex-start;
            gap: 1.5rem;
            padding: 1.5rem;
            inline-size: 100%;
            max-inline-size: 100%;
        }

        & .tws-meta-body {
            flex-direction: column;
            align-items: flex-start;
            gap: 0.75rem;
        }

        & .tws-meta-group {
            inline-size: 100%;
            justify-content: flex-start;
        }

        & .tws-meta-divider {
            display: none;
        }

        & .tws-curator-exp-header {
            flex-direction: column;
            gap: 0.15rem;

            & svg {
                inline-size: 1.25rem;
                block-size: 1.25rem;
            }
        }
        
        & .e-grid:has(> .tws-sector-card) {
            grid-auto-rows: 1fr;
        }

        & .tws-sector-card {
            block-size: 100%;
        }

        & :is(.home-hero-description, .home-hero-title) {
            max-inline-size: 40ch;
        }

        & .curator-label {
            text-align: center;
            inline-size: 100%;
        }

        & .tws-safe-link-badge {
            flex-direction: column;
            justify-content: center;
            text-align: center;
            gap: 0.25rem;
            padding: 0.75rem;

            & span {
                text-wrap: balance;
            }
        }

        & :is(.tws-curator-insight-wrapper:hover + .tws-insight-balloon.tws-flip, .tws-curator-insight-wrapper:focus-visible + .tws-insight-balloon.tws-flip, .tws-curator-insight-wrapper[aria-expanded="true"] + .tws-insight-balloon.tws-flip, .tws-insight-balloon.tws-flip:hover) {
            transform: translateX(-50%) translateY(0.75rem) !important;
        }

        & .elementor-pagination {
            gap: 0.375rem;

            & .page-numbers {
                min-inline-size: 2.25rem;
                block-size: 2.25rem;
                font-size: 0.875rem;
            }
        }
    }
}

:is(:root, #tws-root) :is(body, #tws-body) .tws-a11y-breadcrumbs li:not(:last-child)::after {
    content: "\00BB";
    margin-inline-start: 0.5rem;
    color: #64748b;
}

:is(:root, #tws-root) :is(body, #tws-body) .tws-flag-list li::before {
    content: '';
    position: absolute;
    inset-inline-start: 0;
    inset-block-start: 0.1875rem;
    inline-size: 1.125rem;
    block-size: 1.125rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

:is(:root, #tws-root) :is(body, #tws-body) .green-flag .tws-flag-list li::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23047857' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E");
}

:is(:root, #tws-root) :is(body, #tws-body) .red-flag .tws-flag-list li::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23dc2626' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6L6 18M6 6l12 12'/%3E%3C/svg%3E");
}

:is(:root, #tws-root) :is(body, #tws-body) .tws-insight-balloon.tws-flip::after {
    inset-block-start: auto;
    inset-block-end: 100%;
    border-color: transparent transparent #ffffff transparent;
}

:is(:root, #tws-root) :is(body, #tws-body) {
    & .tws-transparency-box {
        text-align: center;
        padding: clamp(1rem, 2.5vw, 1.5rem);
        background-color: #f8fafc;
        border: 0.0625rem dashed #cbd5e1;
        border-radius: 0.75rem;
        text-wrap: balance;
    }

    & .tws-transparency-header {
        display: flex;
        align-items: center;
        justify-content: center;
        font-family: var(--tws-font, "Inter", sans-serif);
        font-size: clamp(0.6875rem, 1dvw, 0.75rem);
        font-weight: 700;
        color: #64748b;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        margin-block-end: clamp(0.5rem, 1vw, 1rem);

        & svg {
            inline-size: 0.875rem;
            block-size: 0.875rem;
            fill: #d97706;
            margin-inline-end: 0.5rem;
            flex-shrink: 0;
        }
    }

    & .tws-transparency-title {
        color: var(--tws-primary, #1b263b);
        font-family: var(--tws-font, "Inter", sans-serif);
        font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1rem);
        font-weight: 700;
        margin-block-start: 0;
        margin-block-end: clamp(0.5rem, 1.5vw, 1rem);
    }

    & .tws-transparency-desc {
        color: #475569;
        font-family: var(--tws-font, "Inter", sans-serif);
        font-size: clamp(0.75rem, 0.5vw + 0.65rem, 0.875rem);
        line-height: 1.5;
        max-inline-size: 65ch;
        margin-inline: auto;
        margin-block-start: 0;
        margin-block-end: clamp(1rem, 2vw, 1.5rem);
    }

    & .tws-transparency-btn {
        display: inline-block;
        background: transparent;
        color: var(--tws-primary, #1b263b);
        border: 0.0625rem solid var(--tws-primary, #1b263b);
        font-family: var(--tws-font, "Inter", sans-serif);
        font-size: clamp(0.75rem, 1vw + 0.5rem, 0.875rem);
        font-weight: 600;
        text-decoration: none;
        padding-block: 0.5rem;
        padding-inline: clamp(1rem, 2vw, 1.5rem);
        border-radius: 0.375rem;
        transition: all 0.2s ease;

        &:is(:hover, :focus-visible) {
            background-color: var(--tws-primary, #1b263b);
            color: var(--tws-white, #ffffff);
            outline: none;
            transform: translateY(-0.125rem);
            box-shadow: 0 0.25rem 0.5rem rgb(27 38 59 / 0.15);
        }
    }
	
	& .tws-red-flags-list em {
        background-color: rgb(239 68 68 / 0.12);
        color: #b91c1c;
        padding-block: 0.125rem;
        padding-inline: 0.375rem;
        border-radius: 0.25rem;
        font-style: normal;
        font-weight: 600;
    }
	
	& .tws-enforcement-text {
        text-align: center;
        max-inline-size: 65ch;
        margin-inline: auto;
        font-size: clamp(0.875rem, 1dvw + 0.75rem, 1rem);
        line-height: 1.6;
        color: #475569;

        & strong {
            font-weight: 600;
            color: var(--tws-primary);
        }

        & a {
            font-weight: 600;
            color: var(--tws-primary);
            text-decoration: underline;
            text-underline-offset: 0.1875rem;
            transition: color 0.2s ease;
        }
    }
	
	& .tws-phase-card {
        display: flex;
        flex-direction: column;
        gap: 1rem;
        max-inline-size: 65ch;

        & .tws-phase-label {
            font-size: 0.75rem;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.0625rem;
        }

        &.phase-1 .tws-phase-label {
            color: #059669;
        }

        &.phase-2 .tws-phase-label {
            color: #047857;
        }

        &.phase-3 .tws-phase-label {
            color: #064e3b;
        }

        & h3 {
            font-size: clamp(1.125rem, 2dvw + 1rem, 1.25rem);
            font-weight: 600;
            color: var(--tws-primary);
            line-height: 1.2;
            margin: 0;
        }

        & p {
            font-size: clamp(0.875rem, 1dvw + 0.75rem, 1rem);
            color: #475569;
            line-height: 1.6;
            margin: 0;
        }
    }
}

& .tws-stats-container {
    & .e-con-inner {
        display: flex;
        justify-content: flex-end;
        flex-direction: row;
        gap: 1.25rem;
    }

    & .elementor-widget-icon-box {
        inline-size: auto;
    }

    & .elementor-icon-box-wrapper {
        background-color: #111827 !important;
        border: 0.0625rem solid rgb(255 255 255 / 0.08) !important;
        border-radius: 0.5rem !important;
        padding-block: clamp(0.75rem, 1.5dvw, 1rem) !important;
        padding-inline: clamp(1rem, 2dvw, 1.25rem) !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 0.9375rem !important;
    }

    & .elementor-icon-box-icon {
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex-shrink: 0 !important;
    }

    & .elementor-icon {
        background-color: rgb(255 255 255 / 0.05) !important;
        inline-size: clamp(2.5rem, 4dvw, 3rem) !important;
        block-size: clamp(2.5rem, 4dvw, 3rem) !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 0.375rem !important;
        padding: 0 !important;
        margin: 0 !important;

        & svg {
            inline-size: clamp(1rem, 1.5dvw, 1.25rem) !important;
            block-size: clamp(1rem, 1.5dvw, 1.25rem) !important;
            fill: #ffffff !important;
        }
    }

    & .elementor-icon-box-content {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        text-align: start !important;
        inline-size: 100% !important;
        gap: 0.125rem !important;
    }

    & .elementor-icon-box-title {
        color: #ffffff !important;
        font-size: clamp(1rem, 2dvw, 1.25rem) !important;
        font-weight: 700 !important;
        line-height: 1 !important;
        margin: 0 !important;

        & span {
            display: inline-flex !important;
            align-items: center !important;
            justify-content: flex-start !important;
        }
    }

    & .elementor-icon-box-description {
        color: #94a3b8 !important;
        font-size: clamp(0.625rem, 1dvw, 0.75rem) !important;
        font-weight: 600 !important;
        text-transform: uppercase !important;
        margin: 0 !important;
        white-space: nowrap !important;
    }

    @media (width <= 767px) {
        & .e-con-inner {
            display: grid !important;
            grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
            gap: 0.5rem !important;
            align-items: stretch !important;
        }

        & .elementor-widget-icon-box {
            inline-size: 100% !important;
            block-size: 100% !important;
        }

        & .elementor-icon-box-wrapper {
            flex-direction: column !important;
            justify-content: flex-start !important;
            align-items: center !important;
            text-align: center !important;
            padding: 1.25rem 0.75rem !important;
            block-size: 100% !important;
            gap: 0.75rem !important;
        }

        & .elementor-icon-box-icon {
            inline-size: 100% !important;
        }

        & .elementor-icon-box-content {
            align-items: center !important;
            text-align: center !important;
        }

        & .elementor-icon-box-title span {
            justify-content: center !important;
        }

        & .elementor-icon-box-description {
            white-space: normal !important;
            word-wrap: break-word !important;
            line-height: 1.3 !important;
        }
    }
}

:is(:root, #tws-root) :is(body, #tws-body) {
    & .e-loop-item {
        position: relative;

        & :is(.tws-sim-card, .e-con, .e-con-inner, .elementor-widget, .elementor-widget-container, .elementor-heading-title) {
            position: static !important;
            transform: none !important;
        }

        & .elementor-heading-title a {
            position: static;

            &::after {
                content: "";
                position: absolute;
                inset: 0;
                z-index: 10;
            }
        }

        & :is(.tws-bookmark-wrap, .tws-share-wrapper, .tws-curator-insight-wrapper, .tws-category-pill, button, a:not(.elementor-heading-title a)) {
            position: relative;
            z-index: 20;
            pointer-events: auto;
        }
    }
}