.jem-header-top-bar {
    background-image: linear-gradient(112deg, var(--wp--preset--color--brand-primary) 0 54%, transparent 54.15%);
    border-block-start: 3px solid var(--wp--preset--color--action-light);
}

@media (max-width: 781px) {
    .jem-header-top-bar {
        background-image: none;
    }
}

/* Inset solid-color text banners. */
:where(main, .wp-block-post-content) > .wp-block-group.alignfull:is(
    .is-style-section-brand-primary,
    .is-style-section-brand-secondary,
    .is-style-section-dark,
    .has-brand-primary-background-color,
    .has-brand-secondary-background-color
):not([style*="background-image"]):not(:has(.wp-block-cover, .wp-block-image, .wp-block-columns, .wp-block-query)):has(
    > :is(h1, h2),
    > .wp-block-group > :is(h1, h2)
) {
    max-inline-size: min(var(--wp--style--global--wide-size, 75rem), calc(100% - 2rem));
    margin-inline: auto !important;
    padding-block: clamp(1.5rem, 4vw, 3rem) !important;
    padding-inline: clamp(1rem, 3vw, 2rem);
}

.clarity-trademark {
    margin: 0;
    padding: 0.75rem 1rem;
    background-color: var(--wp--preset--color--brand-primary);
    color: #fff;
    text-align: center;
}

.is-style-clarity-legacy-slider {
    padding: clamp(1.25rem, 4vw, 3rem);
    border-block-start: 3px solid var(--wp--preset--color--action-light);
    background-color: var(--wp--preset--color--brand-primary);
    color: #fff;
}

.is-style-clarity-legacy-slider > .wp-block-group[hidden] {
    display: none !important;
}

.clarity-slider-controls {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem;
    margin-block-start: 1.5rem;
}

.clarity-slider-controls button {
    min-block-size: 44px;
    padding-inline: 1rem;
    border: 1px solid currentColor;
    border-radius: 0.25rem;
    background: transparent;
    color: inherit;
    font: inherit;
    cursor: pointer;
}

.clarity-slider-controls button:hover,
.clarity-slider-controls button:focus-visible {
    background: #fff;
    color: var(--wp--preset--color--brand-primary);
}
