/* Main action buttons share one style inside Center content. Menus, utility controls and public landing pages stay outside the allowlists. */
:is(.dashboard-shell, .knowledge-library-page, .center-article-content) {
    --content-button-radius: 9px;
    --content-button-min-height: 44px;
    --content-button-font-size: 14px;
    --content-button-line-height: 1.4;
    --content-button-font-weight: 700;
    --content-button-padding: 11px 18px;
    --content-button-base: #7651ed;
    --content-button-gradient-start: #8e70f4;
    --content-button-deep: #653ce8;
    --content-button-text: #fff;
    --content-button-focus: #b89dff;
    --content-button-fill-time: .28s;
    --content-button-paint-time: .18s;
    --content-button-easing: ease;
    --content-button-shadow: 0 3px 9px rgba(102, 60, 232, .16);
    --content-button-background: linear-gradient(var(--content-button-deep), var(--content-button-deep)), linear-gradient(110deg, var(--content-button-gradient-start), var(--content-button-base));
    --content-button-transition: background-size var(--content-button-fill-time) var(--content-button-easing), border-color var(--content-button-paint-time) var(--content-button-easing), box-shadow var(--content-button-paint-time) var(--content-button-easing);
}

/* Geometry applies to disabled buttons as well, so changing state never changes their dimensions. Widths remain controlled by each page. */
.dashboard-shell.dashboard-shell :is(.add-shop-button, .project-admin-button, .site-detail-delete-button, .site-delete-submit-button, .support-button, .billing-plan-button, .billing-button, .ob-button, .profile-button),
.knowledge-library-page.knowledge-library-page :is(.knowledge-article-card__link, .knowledge-library-load__button) {
    box-sizing: border-box;
    min-height: var(--content-button-min-height);
    padding: var(--content-button-padding);
    border-width: 1px;
    border-style: solid;
    border-radius: var(--content-button-radius);
    font-family: inherit;
    font-size: var(--content-button-font-size);
    font-weight: var(--content-button-font-weight);
    line-height: var(--content-button-line-height);
    text-decoration: none;
    transform: none;
}

.dashboard-shell.dashboard-shell :is(.add-shop-button, .project-admin-button, .site-detail-delete-button, .site-delete-submit-button, .support-button, .billing-plan-button, .billing-button--primary, .ob-button, .profile-button):not(:disabled):not([aria-disabled="true"]):not(.disabled):not(.add-shop-button--disabled):not(.billing-plan-button--disabled):not(.billing-button--current):not(.is-loading),
.knowledge-library-page.knowledge-library-page :is(.knowledge-article-card__link, .knowledge-library-load__button):not(:disabled):not([aria-disabled="true"]):not(.disabled):not(.is-loading) {
    color: var(--content-button-text);
    border-color: var(--content-button-base);
    background-color: var(--content-button-base);
    background-image: var(--content-button-background);
    background-size: 0% 100%, 100% 100%;
    background-repeat: no-repeat;
    background-position: left center;
    box-shadow: none;
    text-decoration: none;
    transform: none;
    transition: var(--content-button-transition);
}

.dashboard-shell.dashboard-shell :is(.add-shop-button, .project-admin-button, .site-detail-delete-button, .site-delete-submit-button, .support-button, .billing-plan-button, .billing-button--primary, .ob-button, .profile-button):not(:disabled):not([aria-disabled="true"]):not(.disabled):not(.add-shop-button--disabled):not(.billing-plan-button--disabled):not(.billing-button--current):not(.is-loading):is(:hover, :focus-visible),
.knowledge-library-page.knowledge-library-page :is(.knowledge-article-card__link, .knowledge-library-load__button):not(:disabled):not([aria-disabled="true"]):not(.disabled):not(.is-loading):is(:hover, :focus-visible) {
    color: var(--content-button-text);
    border-color: var(--content-button-deep);
    background-size: 100% 100%, 100% 100%;
    box-shadow: var(--content-button-shadow);
    text-decoration: none;
    transform: none;
}

.dashboard-shell.dashboard-shell :is(.add-shop-button, .project-admin-button, .site-detail-delete-button, .site-delete-submit-button, .support-button, .billing-plan-button, .billing-button--primary, .ob-button, .profile-button):not(:disabled):not([aria-disabled="true"]):not(.disabled):not(.add-shop-button--disabled):not(.billing-plan-button--disabled):not(.billing-button--current):not(.is-loading):focus-visible,
.knowledge-library-page.knowledge-library-page :is(.knowledge-article-card__link, .knowledge-library-load__button):not(:disabled):not([aria-disabled="true"]):not(.disabled):not(.is-loading):focus-visible {
    outline: 3px solid var(--content-button-focus);
    outline-offset: 3px;
}

.knowledge-library-page.knowledge-library-page .knowledge-library-load__button:is(:disabled, .is-loading, [aria-disabled="true"]) {
    color: var(--content-button-text);
    border-color: var(--content-button-base);
    background-color: var(--content-button-base);
    background-image: var(--content-button-background);
    background-size: 0% 100%, 100% 100%;
    background-repeat: no-repeat;
    background-position: left center;
    box-shadow: none;
    opacity: .65;
    transform: none;
    transition: none;
    cursor: wait;
}

.knowledge-library-page .knowledge-library-load__button[hidden] { display: none !important; }

/* A card lift would move its Read button even when that button itself is steady. */
.knowledge-library-page .knowledge-article-card:hover,
.knowledge-library-page .knowledge-article-card:focus-within { transform: none; }

/* Article blocks emit ID-specific inline styles. Priority is restricted to their allowlisted buttons. */
.center-article-content :is(.sc-article-cta__button, .sc-hero-simple__button, .sc-hero-poster__btn, .sc-hero-slider__btn, .sc-center-hero__button, .sc-center-pricing__button) {
    box-sizing: border-box !important;
    min-height: var(--content-button-min-height) !important;
    padding: var(--content-button-padding) !important;
    border-width: 1px !important;
    border-style: solid !important;
    border-radius: var(--content-button-radius) !important;
    font-family: inherit !important;
    font-size: var(--content-button-font-size) !important;
    font-weight: var(--content-button-font-weight) !important;
    line-height: var(--content-button-line-height) !important;
    text-decoration: none !important;
    transform: none !important;
}

.center-article-content :is(.sc-article-cta__button, .sc-hero-simple__button, .sc-hero-poster__btn, .sc-hero-slider__btn, .sc-center-hero__button, .sc-center-pricing__button):not(:disabled):not([aria-disabled="true"]):not(.disabled):not(.is-loading) {
    color: var(--content-button-text) !important;
    border-color: var(--content-button-base) !important;
    background-color: var(--content-button-base) !important;
    background-image: var(--content-button-background) !important;
    background-size: 0% 100%, 100% 100% !important;
    background-repeat: no-repeat !important;
    background-position: left center !important;
    box-shadow: none !important;
    text-decoration: none !important;
    opacity: 1 !important;
    transform: none !important;
    transition: var(--content-button-transition) !important;
}

.center-article-content :is(.sc-article-cta__button, .sc-hero-simple__button, .sc-hero-poster__btn, .sc-hero-slider__btn, .sc-center-hero__button, .sc-center-pricing__button):not(:disabled):not([aria-disabled="true"]):not(.disabled):not(.is-loading):is(:hover, :focus-visible) {
    color: var(--content-button-text) !important;
    border-color: var(--content-button-deep) !important;
    background-size: 100% 100%, 100% 100% !important;
    box-shadow: var(--content-button-shadow) !important;
    text-decoration: none !important;
    opacity: 1 !important;
    transform: none !important;
}

.center-article-content :is(.sc-article-cta__button, .sc-hero-simple__button, .sc-hero-poster__btn, .sc-hero-slider__btn, .sc-center-hero__button, .sc-center-pricing__button):not(:disabled):not([aria-disabled="true"]):not(.disabled):not(.is-loading):focus-visible {
    outline: 3px solid var(--content-button-focus) !important;
    outline-offset: 3px !important;
}

@media (prefers-reduced-motion: reduce) {
    .dashboard-shell.dashboard-shell :is(.add-shop-button, .project-admin-button, .site-detail-delete-button, .site-delete-submit-button, .support-button, .billing-plan-button, .billing-button, .ob-button, .profile-button),
    .knowledge-library-page.knowledge-library-page :is(.knowledge-article-card__link, .knowledge-library-load__button),
    .center-article-content :is(.sc-article-cta__button, .sc-hero-simple__button, .sc-hero-poster__btn, .sc-hero-slider__btn, .sc-center-hero__button, .sc-center-pricing__button) { transition: none !important; }
}