/* Shared public-site surfaces. The catalog keeps its dedicated, later theme. */
body.ag-www-body.ag-site-redesign {
    --ag-site-canvas: #f8f8fb;
    --ag-site-surface: #fff;
    --ag-site-soft: #f1ecff;
    --ag-site-ink: #23202e;
    --ag-site-muted: #726d7e;
    --ag-site-line: #e9e6ef;
    --ag-site-accent: #7047eb;
    --agoora-text: var(--ag-site-ink);
    --agoora-muted: var(--ag-site-muted);
    --agoora-purple: var(--ag-site-accent);
    --agoora-purple-2: #6037d5;
    --agoora-purple-soft: var(--ag-site-soft);
    --agoora-border: var(--ag-site-line);
    background: var(--ag-site-canvas);
    color: var(--ag-site-ink);
}

/* Decorative layers belong to the former glass/gradient theme. */
body.ag-www-body.ag-site-redesign .layout-page > :is(.ag-site-bg-parallax, .ag-site-bg-glow, .ag-site-bg-grid) {
    display: none;
}

body.ag-www-body.ag-site-redesign :is(.ag-talents-page, .ag-employer-page, .ag-compare-page, .ag-pool-page, .ag-legal-page, .ag-public-inquiry, .ag-intake-page) {
    position: relative;
    display: flow-root;
    color: var(--ag-site-ink);
    background: var(--ag-site-canvas);
    --ag-compare-ink: var(--ag-site-ink);
    --ag-compare-muted: var(--ag-site-muted);
    --ag-compare-line: var(--ag-site-line);
}

body.ag-www-body.ag-site-redesign :is(.ag-talents-page, .ag-employer-page, .ag-compare-page, .ag-pool-page) .container {
    max-width: 1224px;
}

body.ag-www-body.ag-site-redesign :is(.ag-talents-hero, .ag-employer-hero, .ag-compare-hero, .ag-pool-hero) {
    padding-block: 3rem clamp(3rem, 5vw, 4rem);
    min-height: 0;
    background: transparent;
    border: 0;
}

/* The section owns hero spacing; legacy inner-container padding must not stack. */
body.ag-www-body.ag-site-redesign :is(.ag-talents-hero-container, .ag-employer-hero-container) {
    padding-block: 0;
    min-height: 0;
}

body.ag-www-body.ag-site-redesign .ag-public-inquiry {
    padding-block: 3rem 4rem;
}

body.ag-www-body.ag-site-redesign .ag-legal-page {
    padding-block: 3rem 4rem;
}

body.ag-www-body.ag-site-redesign :is(.ag-talents-hero, .ag-employer-hero, .ag-aurora-cta, .ag-talents-section, .ag-home-section)::before,
body.ag-www-body.ag-site-redesign :is(.ag-shine-card, .ag-talents-btn-primary)::after,
body.ag-www-body.ag-site-redesign .ag-shine-card::before {
    display: none;
}

body.ag-www-body.ag-site-redesign :is(.ag-talents-title, .ag-employer-title, .ag-compare-title, .ag-legal-header h1, .ag-intake-intro h1) {
    color: var(--ag-site-ink);
    font-size: clamp(2rem, 4.3vw, 3.3rem);
    font-weight: 600;
    line-height: 1.22;
    letter-spacing: -.045em;
    overflow-wrap: break-word;
    text-wrap: balance;
}

body.ag-www-body.ag-site-redesign :is(.ag-talents-title, .ag-employer-title, .ag-compare-title) span {
    color: var(--ag-site-accent);
    background: none;
    -webkit-text-fill-color: currentColor;
}

body.ag-www-body.ag-site-redesign :is(.ag-talents-heading, .ag-home-section-title, .ag-global-cta-title, .ag-compare-section h2, .ag-compare-problem h2, .ag-compare-statement h2) {
    color: var(--ag-site-ink);
    font-size: clamp(1.55rem, 2.6vw, 2.15rem);
    font-weight: 600;
    letter-spacing: -.035em;
    line-height: 1.35;
    text-wrap: balance;
}

body.ag-www-body.ag-site-redesign :is(.ag-talents-page, .ag-employer-page, .ag-compare-page, .ag-pool-page) h3 {
    color: var(--ag-site-ink);
    font-size: 1.05rem;
    font-weight: 550;
    line-height: 1.5;
    letter-spacing: -.02em;
}

body.ag-www-body.ag-site-redesign :is(.ag-public-copy, .ag-talents-lead, .ag-employer-subtitle, .ag-compare-subtitle, .ag-pool-copy, .ag-global-cta-subtitle) {
    color: var(--ag-site-muted);
    font-size: 1rem;
    line-height: 1.75;
}

body.ag-www-body.ag-site-redesign :is(.ag-talents-hero-container, .ag-employer-hero-container) > :is(p, .ag-talents-lead) {
    max-width: 720px;
    margin-inline: auto;
}

body.ag-www-body.ag-site-redesign :is(.ag-talents-section, .ag-home-section, .ag-compare-section, .ag-compare-problem, .ag-compare-statement) {
    padding-block: clamp(2.5rem, 5vw, 4.5rem);
    background: transparent;
    border: 0;
}

body.ag-www-body.ag-site-redesign :is(.ag-talents-card, .ag-public-panel, .ag-home-section-panel, .ag-home-jobs-card, .ag-about-founder-card,
    .ag-path-card, .ag-process-step, .ag-principles, .ag-employer-feature-card, .ag-employer-pricing-card,
    .ag-employer-claim-card, .ag-employer-search-results-card, .ag-employer-selection-card,
    .ag-talents-profile-card, .ag-talents-quality-card, .ag-talents-quality-cta-card,
    .ag-compare-hero-card, .ag-compare-content-card, .ag-compare-feature-card, .ag-compare-prose-card,
    .ag-compare-statement-panel, .ag-compare-table-wrap, .ag-legal-card, .ag-pool-form-card, .ag-testimonial) {
    background: var(--ag-site-surface);
    color: var(--ag-site-ink);
    border: 1px solid var(--ag-site-line);
    border-radius: 14px;
    box-shadow: none;
    backdrop-filter: none;
}

body.ag-www-body.ag-site-redesign :is(.ag-talents-card, .ag-public-panel, .ag-home-section-panel, .ag-home-jobs-card, .ag-path-card,
    .ag-employer-feature-card, .ag-employer-pricing-card, .ag-compare-content-card, .ag-compare-feature-card,
    .ag-compare-prose-card, .ag-legal-card, .ag-pool-form-card) {
    padding: clamp(1.4rem, 3vw, 2.5rem);
}

body.ag-www-body.ag-site-redesign :is(.ag-talents-card, .ag-employer-feature-card, .ag-employer-pricing-card, .ag-path-card) > p:last-child {
    margin-bottom: 0;
}

body.ag-www-body.ag-site-redesign :is(.ag-public-sprint, .ag-offer-featured, .ag-compare-content-card-accent, .ag-compare-prose-card-final,
    .ag-compare-hero-row-highlight, .ag-path-personal) {
    background: var(--ag-site-soft);
    color: var(--ag-site-ink);
    border: 1px solid var(--ag-site-line);
    border-radius: 14px;
    box-shadow: none;
}

body.ag-www-body.ag-site-redesign :is(.ag-talents-card, .ag-employer-feature-card, .ag-employer-pricing-card, .ag-home-job-row).ag-motion-card:hover {
    transform: none;
    box-shadow: none;
}

body.ag-www-body.ag-site-redesign :is(.ag-home-section-icon, .ag-compare-card-icon, .ag-talents-quality-icon, .ag-feature-icon, .ag-global-cta-icon, .ag-employer-final-icon) {
    background: var(--ag-site-soft);
    color: var(--ag-site-accent);
    border: 0;
    border-radius: 10px;
    box-shadow: none;
    animation: none;
}

body.ag-www-body.ag-site-redesign :is(.ag-home-job-row, .ag-employer-result-item) {
    background: var(--ag-site-surface);
    border-color: var(--ag-site-line);
    border-radius: 10px;
    box-shadow: none;
    transition: background-color .15s, border-color .15s;
}

body.ag-www-body.ag-site-redesign .ag-home-job-row:hover {
    background: var(--ag-site-soft);
    transform: none;
    box-shadow: none;
}

body.ag-www-body.ag-site-redesign .ag-home-job-row h3 {
    font-size: .9rem;
    line-height: 1.5;
}

body.ag-www-body.ag-site-redesign :is(.ag-global-cta, .ag-employer-final-cta) {
    background: var(--ag-site-soft);
    border-block: 1px solid var(--ag-site-line);
    padding-block: clamp(3rem, 6vw, 5rem);
    color: var(--ag-site-ink);
}

body.ag-www-body.ag-site-redesign :is(.ag-compare-prose-inverted, .ag-compare-prose-inverted p, .ag-compare-check-list-muted, .ag-talents-card p) {
    color: var(--ag-site-muted);
}

body.ag-www-body.ag-site-redesign :is(.ag-talents-badge, .ag-employer-badge, .ag-compare-badge, .ag-talents-quality-tag, .ag-legal-kicker) {
    border: 1px solid var(--ag-site-line);
    background: var(--ag-site-soft);
    color: var(--ag-site-accent);
    border-radius: 6px;
    font-size: .75rem;
    font-weight: 600;
    box-shadow: none;
}

body.ag-www-body.ag-site-redesign :is(.ag-talents-page, .ag-employer-page, .ag-compare-page, .ag-pool-page, .ag-public-inquiry,
    .ag-legal-page, .ag-intake-page, .ag-job-hero, .ag-job-content) .btn {
    padding: .75rem 1.1rem;
    border-radius: 8px;
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 0;
    box-shadow: none !important;
    transform: none;
    white-space: normal;
}

body.ag-www-body.ag-site-redesign :is(.ag-talents-btn-primary, .ag-pool-submit),
body.ag-www-body.ag-site-redesign :is(.ag-job-hero, .ag-job-content, .ag-intake-page) .btn-primary {
    background: var(--ag-site-accent) !important;
    border-color: var(--ag-site-accent) !important;
    color: #fff !important;
}

body.ag-www-body.ag-site-redesign .ag-talents-btn-secondary {
    background: var(--ag-site-surface);
    border: 1px solid var(--ag-site-line);
    color: var(--ag-site-ink);
}

body.ag-www-body.ag-site-redesign :is(.ag-talents-btn-primary, .ag-pool-submit):hover {
    background: #6037d5 !important;
    border-color: #6037d5 !important;
}

body.ag-www-body.ag-site-redesign :is(.ag-talents-page, .ag-employer-page, .ag-compare-page, .ag-pool-page, .ag-public-inquiry, .ag-legal-page) :is(a, button, input, select, textarea):focus-visible {
    outline: 2px solid color-mix(in srgb, var(--ag-site-accent) 55%, transparent);
    outline-offset: 3px;
    box-shadow: none;
}

body.ag-www-body.ag-site-redesign :is(.ag-talents-page, .ag-employer-page, .ag-compare-page) .accordion-item {
    border: 1px solid var(--ag-site-line);
    border-radius: 10px !important;
    background: var(--ag-site-surface);
    box-shadow: none;
    overflow: hidden;
    margin-bottom: 12px;
}

body.ag-www-body.ag-site-redesign :is(.ag-talents-page, .ag-employer-page, .ag-compare-page) .accordion-button {
    background: var(--ag-site-surface);
    color: var(--ag-site-ink);
    padding: 1.2rem 1.4rem;
    font-size: .95rem;
    font-weight: 600;
    box-shadow: none;
}

body.ag-www-body.ag-site-redesign :is(.ag-talents-page, .ag-employer-page, .ag-compare-page) .accordion-body {
    color: var(--ag-site-muted);
    line-height: 1.75;
    padding: .25rem 1.4rem 1.3rem;
}

body.ag-www-body.ag-site-redesign :is(.ag-public-inquiry, .ag-pool-page, .ag-employer-page, .ag-intake-page) :is(.form-control, .form-select, .ag-pool-field input, .ag-employer-claim-input-wrap) {
    background-color: var(--ag-site-surface);
    border-radius: 8px;
    color: var(--ag-site-ink);
    box-shadow: none;
}

body.ag-www-body.ag-site-redesign :is(.ag-public-inquiry, .ag-pool-page, .ag-employer-page, .ag-intake-page) :is(.form-control, .form-select, .ag-pool-field input, .ag-employer-claim-input-wrap):not(.is-invalid, .is-valid) {
    border-color: var(--ag-site-line);
}

body.ag-www-body.ag-site-redesign :is(.ag-public-inquiry, .ag-pool-page, .ag-intake-page) .form-label {
    color: var(--ag-site-ink);
    font-size: .875rem;
    font-weight: 600;
}

body.ag-www-body.ag-site-redesign .ag-intake-page :is(.card, .ag-intake-upload) {
    background: var(--ag-site-surface);
    border-color: var(--ag-site-line);
    border-radius: 14px;
    box-shadow: none;
}

body.ag-www-body.ag-site-redesign .ag-intake-page .ag-intake-next {
    background: var(--ag-site-soft);
}

body.ag-www-body.ag-site-redesign :is(.ag-job-hero, .ag-job-content) {
    position: relative;
    color: var(--ag-site-ink);
}

body.ag-www-body.ag-site-redesign .ag-job-hero h1 {
    font-size: clamp(1.8rem, 3.6vw, 2.8rem);
    font-weight: 600;
    line-height: 1.35;
}

body.ag-www-body.ag-site-redesign .ag-job-content :is(.ag-job-description, .ag-intake-aside, .pl-portal-section, .pl-portal-contact-card) {
    background: var(--ag-site-surface);
    border: 1px solid var(--ag-site-line);
    border-radius: 14px;
    box-shadow: none;
}

body.ag-www-body.ag-site-redesign .ag-job-description {
    padding: clamp(1.4rem, 3vw, 2.5rem);
    color: var(--ag-site-muted);
    line-height: 1.8;
    overflow-wrap: anywhere;
}

body.ag-www-body.ag-site-redesign .ag-job-description :is(h1, h2, h3, h4, h5, h6) {
    font-size: 1.05rem;
    font-weight: 550;
    line-height: 1.6;
    color: var(--ag-site-ink);
    margin-block: 1.6rem .8rem;
}

body.ag-www-body.ag-site-redesign .ag-job-description li::marker {
    color: var(--ag-site-accent);
}

body.ag-www-body.ag-site-redesign .ag-legal-card {
    color: var(--ag-site-muted);
}

body.ag-www-body.ag-site-redesign .ag-legal-card :is(h1, h2, h3, h4) {
    color: var(--ag-site-ink);
    font-weight: 550;
    line-height: 1.5;
}

body.ag-www-body.ag-site-redesign .ag-legal-card h1 {
    font-size: clamp(1.7rem, 3vw, 2.4rem);
}

body.ag-www-body.ag-site-redesign :is(.ag-compare-table, .ag-public-comparison-table) {
    --bs-table-bg: var(--ag-site-surface);
    --bs-table-color: var(--ag-site-ink);
    --bs-table-border-color: var(--ag-site-line);
    color: var(--ag-site-ink);
}

body.ag-www-body.ag-site-redesign :is(.ag-compare-table, .ag-public-comparison-table) :is(th, td) {
    border-color: var(--ag-site-line);
}

@media (max-width: 767.98px) {
    body.ag-www-body.ag-site-redesign .ag-job-hero h1 {
        font-size: 1.3125rem;
        line-height: 1.3;
        letter-spacing: -.02em;
    }
    body.ag-www-body.ag-site-redesign :is(.ag-talents-page, .ag-employer-page, .ag-compare-page, .ag-pool-page, .ag-legal-page) .container {
        padding-inline: 20px !important;
    }
    body.ag-www-body.ag-site-redesign :is(.ag-talents-hero, .ag-employer-hero, .ag-compare-hero, .ag-pool-hero) {
        padding-top: 2rem;
        padding-bottom: 2.5rem;
    }
    body.ag-www-body.ag-site-redesign :is(.ag-talents-section, .ag-home-section, .ag-compare-section, .ag-compare-problem, .ag-compare-statement) {
        padding-block: 2rem;
    }
    body.ag-www-body.ag-site-redesign :is(.ag-talents-title, .ag-employer-title, .ag-compare-title) {
        font-size: clamp(1.8rem, 7vw, 2.3rem);
        letter-spacing: -.04em;
    }
    body.ag-www-body.ag-site-redesign :is(.ag-public-panel, .ag-home-section-panel, .ag-legal-card, .ag-talents-card, .ag-path-card) {
        padding: 1.3rem;
    }
    body.ag-www-body.ag-site-redesign .ag-public-inquiry {
        padding-inline: 20px;
    }
    body.ag-www-body.ag-site-redesign .ag-job-description {
        margin-inline: 12px;
        width: calc(100% - 24px);
    }
}

/* Public account screens use the same surfaces, without importing marketing CSS. */
body.ag-site-auth .authentication-wrapper {
    min-height: 100dvh;
    background: var(--ag-site-canvas);
}

body.ag-site-auth .authentication-wrapper.authentication-basic .authentication-inner {
    max-width: 520px;
    width: 100%;
}

body.ag-site-auth .placd-login-hero {
    margin-bottom: 28px;
}

body.ag-site-auth .placd-login-title {
    color: var(--ag-site-ink);
    font-size: clamp(1.7rem, 4vw, 2.2rem);
    font-weight: 600;
    line-height: 1.35;
    letter-spacing: -.04em;
}

body.ag-site-auth :is(.placd-login-subtitle, .placd-login-card-subtitle, .placd-auth-status-text) {
    color: var(--ag-site-muted);
    line-height: 1.7;
}

body.ag-site-auth .placd-login-card.card {
    border: 1px solid var(--ag-site-line);
    border-radius: 14px;
    background: var(--ag-site-surface);
    box-shadow: none;
}

body.ag-site-auth .placd-login-card .card-body {
    padding: clamp(1.4rem, 4vw, 2rem);
}

body.ag-site-auth .placd-login-card-title {
    color: var(--ag-site-ink);
    font-size: 1rem;
    font-weight: 550;
    line-height: 1.5;
}

body.ag-site-auth :is(.form-control, .form-select, .input-group-text) {
    background-color: var(--ag-site-surface);
    color: var(--ag-site-ink);
    box-shadow: none;
}

body.ag-site-auth :is(.form-control, .form-select, .input-group-text):not(.is-invalid, .is-valid) {
    border-color: var(--ag-site-line);
}

body.ag-site-auth :is(.form-control, .form-select) {
    border-radius: 8px;
}

body.ag-site-auth :is(.form-label, .form-check-label, .placd-login-card-header) {
    color: var(--ag-site-ink);
}

body.ag-site-auth .form-control::placeholder,
body.ag-site-auth .placd-login-footer {
    color: var(--ag-site-muted);
}

body.ag-site-auth :is(.placd-login-mode-switch, .placd-auth-status) {
    background: var(--ag-site-canvas);
    border-color: var(--ag-site-line);
    border-radius: 10px;
}

body.ag-site-auth .placd-login-mode-btn {
    color: var(--ag-site-muted);
    border-radius: 7px;
}

body.ag-site-auth .placd-login-mode-btn.active {
    color: var(--ag-site-accent);
    background: var(--ag-site-soft);
    box-shadow: none;
}

body.ag-site-auth .btn {
    border-radius: 8px;
    padding: .75rem 1.1rem;
    line-height: 1.4;
    font-weight: 600;
    box-shadow: none !important;
}

body.ag-site-auth .btn-primary {
    background: #7047eb !important;
    border-color: #7047eb !important;
    color: #fff !important;
}

body.ag-site-auth :is(.placd-login-inline-link, .placd-login-footer a) {
    color: var(--ag-site-accent);
}

body.ag-site-auth :is(a, button, input, select):focus-visible {
    outline: 2px solid color-mix(in srgb, var(--ag-site-accent) 55%, transparent);
    outline-offset: 3px;
}

/* Preserve Bootstrap validation states above the neutral surface borders. */
body.ag-www-body.ag-site-redesign :is(.ag-public-inquiry, .ag-pool-page, .ag-employer-page, .ag-intake-page, .placd-login-card) :is(.form-control, .form-select).is-invalid,
body.ag-www-body.ag-site-redesign :is(.ag-public-inquiry, .ag-pool-page, .ag-employer-page, .ag-intake-page, .placd-login-card) .was-validated :is(.form-control, .form-select):invalid {
    border-color: var(--bs-form-invalid-border-color, #d43b54);
}

body.ag-www-body.ag-site-redesign :is(.ag-public-inquiry, .ag-pool-page, .ag-employer-page, .ag-intake-page, .placd-login-card) :is(.form-control, .form-select).is-valid,
body.ag-www-body.ag-site-redesign :is(.ag-public-inquiry, .ag-pool-page, .ag-employer-page, .ag-intake-page, .placd-login-card) .was-validated :is(.form-control, .form-select):valid {
    border-color: var(--bs-form-valid-border-color, #287358);
}

/* Standalone intake only: the catalog modal keeps its dedicated component theme. */
body.ag-www-body.ag-site-redesign .ag-intake-page .select2-container--default .select2-selection {
    min-height: 44px;
    background: var(--ag-site-surface);
    color: var(--ag-site-ink);
    border: 1px solid var(--ag-site-line);
    border-radius: 8px;
    box-shadow: none;
}

body.ag-www-body.ag-site-redesign .ag-intake-page .select2-container--default .select2-selection__rendered {
    color: var(--ag-site-ink);
}

body.ag-www-body.ag-site-redesign .ag-intake-page .select2-container--default .select2-selection__placeholder,
body.ag-www-body.ag-site-redesign .ag-intake-page .select2-container--default .select2-search__field::placeholder {
    color: var(--ag-site-muted);
}

body.ag-www-body.ag-site-redesign .ag-intake-page .select2-container--default .select2-search__field {
    min-width: 5rem;
    max-width: 100%;
    background: transparent;
    color: var(--ag-site-ink);
    font-family: inherit;
    outline: none;
    box-shadow: none;
}

body.ag-www-body.ag-site-redesign .ag-intake-page .select2-container--default .select2-selection__choice {
    background: var(--ag-site-soft);
    border-color: var(--ag-site-line);
    border-radius: 5px;
    color: var(--ag-site-accent);
}

body.ag-www-body.ag-site-redesign .ag-intake-page .select2-container--default .select2-selection__choice__remove {
    color: var(--ag-site-accent);
    border-color: var(--ag-site-line);
    background: transparent;
}

body.ag-www-body.ag-site-redesign .ag-intake-page .select2-container--default:is(.select2-container--focus, .select2-container--open) .select2-selection {
    border-color: var(--ag-site-accent);
    box-shadow: none;
}

/* Select2 appends this dropdown to body, outside the standalone intake wrapper. */
body.ag-www-body.ag-site-redesign:has(.ag-intake-page) > .select2-container .select2-dropdown {
    background: var(--ag-site-surface);
    color: var(--ag-site-ink);
    border: 1px solid var(--ag-site-line);
    border-radius: 8px;
    box-shadow: 0 10px 24px #28203f0d;
    overflow: hidden;
}

body.ag-www-body.ag-site-redesign:has(.ag-intake-page) > .select2-container .select2-search__field {
    background: var(--ag-site-surface);
    border-color: var(--ag-site-line);
    border-radius: 5px;
    color: var(--ag-site-ink);
    outline-color: var(--ag-site-accent);
    box-shadow: none;
}

body.ag-www-body.ag-site-redesign:has(.ag-intake-page) > .select2-container .select2-results__option {
    padding: .65rem .85rem;
    color: var(--ag-site-ink);
    line-height: 1.5;
}

body.ag-www-body.ag-site-redesign:has(.ag-intake-page) > .select2-container .select2-results__option--highlighted,
body.ag-www-body.ag-site-redesign:has(.ag-intake-page) > .select2-container .select2-results__option[aria-selected="true"] {
    background: var(--ag-site-soft);
    color: var(--ag-site-accent);
}

body.ag-www-body.ag-site-redesign:has(.ag-intake-page) > .select2-container .select2-results__message {
    color: var(--ag-site-muted);
}

body.ag-www-body.ag-site-redesign .ag-intake-page :is(.is-invalid + .select2-container, .is-invalid ~ .select2-container) .select2-selection {
    border-color: var(--bs-form-invalid-border-color, #d43b54);
}

body.ag-www-body.ag-site-redesign .ag-intake-page :is(.is-valid + .select2-container, .is-valid ~ .select2-container) .select2-selection {
    border-color: var(--bs-form-valid-border-color, #287358);
}

/* Mapbox renders these vendor classes in light DOM; keep its native behavior. */
body.ag-www-body.ag-site-redesign .ag-intake-page mapbox-search-box :is([class*="--SearchBox"], [class*="--Geocoder"], [class*="--Results"], [class*="--Modal"]) {
    background: var(--ag-site-surface) !important;
    color: var(--ag-site-ink) !important;
    border-color: var(--ag-site-line) !important;
    border-radius: 8px;
    box-shadow: none;
}

body.ag-www-body.ag-site-redesign .ag-intake-page mapbox-search-box [class*="--Input"] {
    background: transparent !important;
    color: var(--ag-site-ink) !important;
    font-family: inherit;
}

body.ag-www-body.ag-site-redesign .ag-intake-page mapbox-search-box [class*="--Input"]::placeholder {
    color: var(--ag-site-muted) !important;
}

body.ag-www-body.ag-site-redesign .ag-intake-page mapbox-search-box [class*="--Suggestion"] {
    color: var(--ag-site-ink) !important;
}

/* Mapbox mounts the result portal beside its custom element, inside this page. */
body.ag-www-body.ag-site-redesign .ag-intake-page :is([class*="--Results"], [class*="--Modal"]) {
    background: var(--ag-site-surface) !important;
    color: var(--ag-site-ink) !important;
    border-color: var(--ag-site-line) !important;
}

body.ag-www-body.ag-site-redesign .ag-intake-page [class*="--Suggestion"] {
    background: transparent !important;
    color: var(--ag-site-ink) !important;
}

body.ag-www-body.ag-site-redesign .ag-intake-page [class*="--Suggestion"]:hover,
body.ag-www-body.ag-site-redesign .ag-intake-page [class*="--Suggestion"][aria-selected="true"] {
    background: var(--ag-site-soft) !important;
    color: var(--ag-site-accent) !important;
}

body.ag-www-body.ag-site-redesign .ag-intake-page :is([class*="--MapboxSearch"], [class*="--Input"],
    [class*="--Results"], [class*="--SuggestionName"], [class*="--SuggestionDescription"],
    [class*="--Suggestion"] :is(span, p, strong, small, mark):not([class*="Icon"], [class*="icon"])) {
    font-family: 'Outfit', sans-serif !important;
}