.skinbg-manager-homepage,
.skinbg-manager-preview {
    overflow-x: clip;
}

.skinbg-manager-section[data-color-mode="custom"] section {
    background: var(--skinbg-section-bg) !important;
    border-color: var(--skinbg-section-border, currentColor) !important;
}

.skinbg-manager-section[data-color-mode="custom"] h1,
.skinbg-manager-section[data-color-mode="custom"] h2 {
    color: var(--skinbg-section-heading) !important;
}

.skinbg-manager-section[data-color-mode="custom"] p,
.skinbg-manager-section[data-color-mode="custom"] .skinbg-services-card-text,
.skinbg-manager-section[data-color-mode="custom"] .skinbg-publications-card-text,
.skinbg-manager-section[data-color-mode="custom"] .skinbg-videos-card-text,
.skinbg-manager-section[data-color-mode="custom"] .skinbg-blog-card-text,
.skinbg-manager-section[data-color-mode="custom"] .skinbg-text-image-text,
.skinbg-manager-section[data-color-mode="custom"] .skinbg-cta-text,
.skinbg-manager-section[data-color-mode="custom"] .skinbg-faq-answer,
.skinbg-manager-section[data-color-mode="custom"] .skinbg-testimonials-description,
.skinbg-manager-section[data-color-mode="custom"] .skinbg-gallery-description,
.skinbg-manager-section[data-color-mode="custom"] .skinbg-gallery-caption {
    color: var(--skinbg-section-text) !important;
}

.skinbg-manager-section[data-color-mode="custom"] a:not(.group),
.skinbg-manager-section[data-color-mode="custom"] i,
.skinbg-manager-section[data-color-mode="custom"] .skinbg-text-image-eyebrow,
.skinbg-manager-section[data-color-mode="custom"] .skinbg-cta-eyebrow,
.skinbg-manager-section[data-color-mode="custom"] .skinbg-faq-eyebrow,
.skinbg-manager-section[data-color-mode="custom"] .skinbg-testimonials-eyebrow,
.skinbg-manager-section[data-color-mode="custom"] .skinbg-gallery-eyebrow {
    color: var(--skinbg-section-accent) !important;
}

.skinbg-manager-section[data-color-mode="custom"] .bg-white,
.skinbg-manager-section[data-color-mode="custom"] .bg-\[\#F8FAFC\],
.skinbg-manager-section[data-color-mode="custom"] .bg-white\/5,
.skinbg-manager-section[data-color-mode="custom"] .skinbg-text-image-media,
.skinbg-manager-section[data-color-mode="custom"] .skinbg-cta-shell,
.skinbg-manager-section[data-color-mode="custom"] .skinbg-faq-item,
.skinbg-manager-section[data-color-mode="custom"] .skinbg-testimonial-card,
.skinbg-manager-section[data-color-mode="custom"] .skinbg-gallery-item {
    background-color: var(--skinbg-card-bg) !important;
}

.skinbg-manager-section[data-color-mode="custom"] h3,
.skinbg-manager-section[data-color-mode="custom"] .skinbg-faq-question,
.skinbg-manager-section[data-color-mode="custom"] .skinbg-testimonial-quote {
    color: var(--skinbg-card-text, var(--skinbg-section-heading)) !important;
}

.skinbg-manager-section[data-color-mode="custom"] .skinbg-hero-button.bg-\[\#0284C7\],
.skinbg-manager-section[data-color-mode="custom"] .skinbg-section-cta {
    background-color: var(--skinbg-cta-bg) !important;
    color: var(--skinbg-cta-text) !important;
}

.skinbg-text-image-text > :first-child,
.skinbg-cta-text > :first-child,
.skinbg-faq-answer > :first-child {
    margin-top: 0;
}

.skinbg-text-image-text > :last-child,
.skinbg-cta-text > :last-child,
.skinbg-faq-answer > :last-child {
    margin-bottom: 0;
}

.skinbg-align-center .skinbg-text-image-text,
.skinbg-align-center .skinbg-cta-text {
    margin-left: auto;
    margin-right: auto;
    max-width: 48rem;
}

.skinbg-section-heading.skinbg-align-center,
.skinbg-cta-shell.skinbg-align-center {
    text-align: center;
}

.skinbg-section-heading.skinbg-align-center > p,
.skinbg-section-heading.skinbg-align-center > div,
.skinbg-cta-shell.skinbg-align-center > p,
.skinbg-cta-shell.skinbg-align-center > div {
    margin-left: auto;
    margin-right: auto;
}

.skinbg-faq-question::-webkit-details-marker {
    display: none;
}

.skinbg-faq-item[open] .skinbg-faq-icon {
    transform: rotate(45deg);
}

.skinbg-faq-icon {
    transition: transform 180ms ease;
}

.skinbg-gallery-link:focus-visible {
    outline: 3px solid #0284C7;
    outline-offset: -3px;
}

.skinbg-hero-cta-divider {
    display: none;
}

@media (min-width: 1024px) {
    .skinbg-hero-layout.skinbg-desktop-media-left > .skinbg-hero-content,
    .skinbg-text-image-layout.skinbg-desktop-media-left > .skinbg-text-image-content {
        order: 2;
    }

    .skinbg-hero-layout.skinbg-desktop-media-left > .skinbg-hero-media,
    .skinbg-text-image-layout.skinbg-desktop-media-left > .skinbg-text-image-media {
        order: 1;
    }

    .skinbg-hero-layout.skinbg-desktop-media-left > .skinbg-hero-media {
        justify-content: flex-start !important;
    }

    .skinbg-hero-actions--stacked,
    .skinbg-hero-actions--stacked_divider {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 0.75rem;
    }

    .skinbg-hero-content.skinbg-align-center .skinbg-hero-actions--stacked,
    .skinbg-hero-content.skinbg-align-center .skinbg-hero-actions--stacked_divider {
        align-items: center;
    }

    .skinbg-hero-actions--stacked_divider .skinbg-hero-cta-divider {
        display: block;
        width: min(20rem, 100%);
        height: 1px;
        background: var(--skinbg-section-border, rgba(15, 23, 42, 0.14));
    }
}

@media (max-width: 767px) {
    /* Shared mobile contract: the Section Manager container is edge-to-edge. */
    .skinbg-manager-section {
        --skinbg-mobile-horizontal-spacing: 16px;
    }

    .skinbg-manager-section[data-mobile-horizontal-spacing="none"] {
        --skinbg-mobile-horizontal-spacing: 0px;
    }

    .skinbg-manager-section[data-mobile-horizontal-spacing="compact"] {
        --skinbg-mobile-horizontal-spacing: 8px;
    }

    .skinbg-manager-section[data-mobile-horizontal-spacing="standard"] {
        --skinbg-mobile-horizontal-spacing: 16px;
    }

    .skinbg-manager-section[data-mobile-horizontal-spacing="wide"] {
        --skinbg-mobile-horizontal-spacing: 24px;
    }

    .skinbg-manager-section > section > div {
        box-sizing: border-box;
        width: 100% !important;
        max-width: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: var(--skinbg-mobile-horizontal-spacing) !important;
        padding-right: var(--skinbg-mobile-horizontal-spacing) !important;
    }

    /* Default mobile heading behaviour. */
    .skinbg-manager-section h1,
    .skinbg-manager-section h2 {
        text-align: center;
    }

    .skinbg-manager-section[data-mobile-title-align="left"] h1,
    .skinbg-manager-section[data-mobile-title-align="left"] h2 {
        text-align: left;
    }

    .skinbg-manager-section[data-mobile-title-align="center"] h1,
    .skinbg-manager-section[data-mobile-title-align="center"] h2 {
        text-align: center;
    }

    .skinbg-manager-section[data-mobile-title-align="right"] h1,
    .skinbg-manager-section[data-mobile-title-align="right"] h2 {
        text-align: right;
    }

    .skinbg-manager-section .skinbg-section-heading > div:first-child {
        width: 100%;
        min-width: 0;
    }

    /* Body copy remains readable and left aligned unless explicitly overridden. */
    .skinbg-manager-section p,
    .skinbg-manager-section .skinbg-hero-description,
    .skinbg-manager-section .skinbg-services-card-text,
    .skinbg-manager-section .skinbg-publications-card-text,
    .skinbg-manager-section .skinbg-videos-card-text,
    .skinbg-manager-section .skinbg-blog-card-text,
    .skinbg-manager-section .skinbg-text-image-text,
    .skinbg-manager-section .skinbg-cta-text,
    .skinbg-manager-section .skinbg-faq-answer,
    .skinbg-manager-section .skinbg-testimonials-description,
    .skinbg-manager-section .skinbg-gallery-description,
    .skinbg-manager-section .skinbg-gallery-caption {
        text-align: left;
    }

    .skinbg-manager-section[data-mobile-content-align="center"] p,
    .skinbg-manager-section[data-mobile-content-align="center"] .skinbg-hero-description,
    .skinbg-manager-section[data-mobile-content-align="center"] .skinbg-services-card-text,
    .skinbg-manager-section[data-mobile-content-align="center"] .skinbg-publications-card-text,
    .skinbg-manager-section[data-mobile-content-align="center"] .skinbg-videos-card-text,
    .skinbg-manager-section[data-mobile-content-align="center"] .skinbg-blog-card-text,
    .skinbg-manager-section[data-mobile-content-align="center"] .skinbg-text-image-text,
    .skinbg-manager-section[data-mobile-content-align="center"] .skinbg-cta-text,
    .skinbg-manager-section[data-mobile-content-align="center"] .skinbg-faq-answer,
    .skinbg-manager-section[data-mobile-content-align="center"] .skinbg-testimonials-description,
    .skinbg-manager-section[data-mobile-content-align="center"] .skinbg-gallery-description,
    .skinbg-manager-section[data-mobile-content-align="center"] .skinbg-gallery-caption {
        text-align: center;
    }

    .skinbg-manager-section[data-mobile-content-align="left"] p,
    .skinbg-manager-section[data-mobile-content-align="left"] .skinbg-hero-description,
    .skinbg-manager-section[data-mobile-content-align="left"] .skinbg-services-card-text,
    .skinbg-manager-section[data-mobile-content-align="left"] .skinbg-publications-card-text,
    .skinbg-manager-section[data-mobile-content-align="left"] .skinbg-videos-card-text,
    .skinbg-manager-section[data-mobile-content-align="left"] .skinbg-blog-card-text,
    .skinbg-manager-section[data-mobile-content-align="left"] .skinbg-text-image-text,
    .skinbg-manager-section[data-mobile-content-align="left"] .skinbg-cta-text,
    .skinbg-manager-section[data-mobile-content-align="left"] .skinbg-faq-answer,
    .skinbg-manager-section[data-mobile-content-align="left"] .skinbg-testimonials-description,
    .skinbg-manager-section[data-mobile-content-align="left"] .skinbg-gallery-description,
    .skinbg-manager-section[data-mobile-content-align="left"] .skinbg-gallery-caption {
        text-align: left;
    }

    .skinbg-manager-section[data-mobile-content-align="right"] p,
    .skinbg-manager-section[data-mobile-content-align="right"] .skinbg-hero-description,
    .skinbg-manager-section[data-mobile-content-align="right"] .skinbg-services-card-text,
    .skinbg-manager-section[data-mobile-content-align="right"] .skinbg-publications-card-text,
    .skinbg-manager-section[data-mobile-content-align="right"] .skinbg-videos-card-text,
    .skinbg-manager-section[data-mobile-content-align="right"] .skinbg-blog-card-text,
    .skinbg-manager-section[data-mobile-content-align="right"] .skinbg-text-image-text,
    .skinbg-manager-section[data-mobile-content-align="right"] .skinbg-cta-text,
    .skinbg-manager-section[data-mobile-content-align="right"] .skinbg-faq-answer,
    .skinbg-manager-section[data-mobile-content-align="right"] .skinbg-testimonials-description,
    .skinbg-manager-section[data-mobile-content-align="right"] .skinbg-gallery-description,
    .skinbg-manager-section[data-mobile-content-align="right"] .skinbg-gallery-caption {
        text-align: right;
    }

    /* Shared CTA contract: compact inline actions that wrap only when needed. */
    .skinbg-manager-section .skinbg-section-actions:not(.hidden) {
        box-sizing: border-box;
        display: flex;
        flex-flow: row wrap;
        align-items: center;
        justify-content: center;
        gap: 0.375rem;
        width: 100%;
        max-width: 100%;
    }

    .skinbg-manager-section .skinbg-section-action {
        box-sizing: border-box;
        flex: 0 1 auto;
        max-width: 100%;
        padding: 0.7rem 0.4375rem !important;
        font-size: 9px !important;
        line-height: 1.2;
        white-space: nowrap;
    }

    .skinbg-manager-section .skinbg-section-cta {
        display: inline-flex;
        width: fit-content;
        max-width: 100%;
    }

    .skinbg-manager-section[data-mobile-actions-align="left"] .skinbg-section-actions {
        justify-content: flex-start;
    }

    .skinbg-manager-section[data-mobile-actions-align="center"] .skinbg-section-actions {
        justify-content: center;
    }

    .skinbg-manager-section[data-mobile-actions-align="right"] .skinbg-section-actions {
        justify-content: flex-end;
    }

    /* Media is centered by default; individual sections may opt into left alignment. */
    .skinbg-manager-section .hero-image-fix,
    .skinbg-manager-section .skinbg-text-image-media,
    .skinbg-manager-section .skinbg-gallery-item {
        margin-left: auto;
        margin-right: auto;
    }

    .skinbg-manager-section[data-mobile-media-align="left"] .hero-image-fix,
    .skinbg-manager-section[data-mobile-media-align="left"] .skinbg-text-image-media,
    .skinbg-manager-section[data-mobile-media-align="left"] .skinbg-gallery-item {
        margin-left: 0;
        margin-right: auto;
    }

    .skinbg-manager-section[data-mobile-media-align="center"] .hero-image-fix,
    .skinbg-manager-section[data-mobile-media-align="center"] .skinbg-text-image-media,
    .skinbg-manager-section[data-mobile-media-align="center"] .skinbg-gallery-item {
        margin-left: auto;
        margin-right: auto;
    }

    .skinbg-manager-section[data-mobile-media-align="right"] .hero-image-fix,
    .skinbg-manager-section[data-mobile-media-align="right"] .skinbg-text-image-media,
    .skinbg-manager-section[data-mobile-media-align="right"] .skinbg-gallery-item {
        margin-left: auto;
        margin-right: 0;
    }

    /* Mobile column overrides are intentionally limited to card/grid sections. */
    .skinbg-manager-section--services[data-mobile-columns="2"] section .grid.grid-cols-1,
    .skinbg-manager-section--publications[data-mobile-columns="2"] section .grid.grid-cols-1,
    .skinbg-manager-section--videos[data-mobile-columns="2"] section .grid.grid-cols-1,
    .skinbg-manager-section--blog[data-mobile-columns="2"] section .grid.grid-cols-1,
    .skinbg-manager-section--testimonials[data-mobile-columns="2"] section .grid.grid-cols-1,
    .skinbg-manager-section--gallery[data-mobile-columns="2"] section .grid.grid-cols-1,
    .skinbg-manager-section--cards-links[data-mobile-columns="2"] section .grid.grid-cols-1 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .skinbg-manager-section--services[data-mobile-columns="1"] section .grid,
    .skinbg-manager-section--publications[data-mobile-columns="1"] section .grid,
    .skinbg-manager-section--videos[data-mobile-columns="1"] section .grid,
    .skinbg-manager-section--blog[data-mobile-columns="1"] section .grid,
    .skinbg-manager-section--testimonials[data-mobile-columns="1"] section .grid,
    .skinbg-manager-section--gallery[data-mobile-columns="1"] section .grid,
    .skinbg-manager-section--cards-links[data-mobile-columns="1"] section .grid {
        grid-template-columns: minmax(0, 1fr) !important;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .skinbg-manager-section .skinbg-section-actions {
        gap: 0.75rem;
    }

    .skinbg-manager-section .skinbg-section-action {
        max-width: 100%;
        padding: 0.8rem 1.125rem !important;
        font-size: 10px !important;
        line-height: 1.2;
        white-space: nowrap;
    }
}

@media (prefers-reduced-motion: reduce) {
    .skinbg-faq-icon,
    .skinbg-gallery-image {
        transition: none !important;
    }
}