/*
 * COMMIT Side CTA Manager — frontend component
 * v1.2.1: CSS-first responsive layout. Positioning is resolved before JS,
 * while JavaScript is limited to campaign selection, animation and tracking.
 */
.commit-scta-root {
    --commit-scta-z: 2147483000;
    position: fixed !important;
    inset: 0 !important;
    width: 0 !important;
    height: 0 !important;
    overflow: visible !important;
    pointer-events: none !important;
    transform: none !important;
    filter: none !important;
    contain: none !important;
    isolation: isolate;
    z-index: var(--commit-scta-z) !important;
}

.commit-side-cta {
    --commit-scta-bg: rgba(198,176,79,.88);
    --commit-scta-text: #000;
    --commit-scta-border: rgba(255,255,255,.42);
    --commit-scta-blur: 16px;
    --commit-scta-radius: 32px;
    --commit-scta-font-weight: 600;
    --commit-scta-font-family: "Cerebri Sans", "Open Sans", Arial, sans-serif;
    --commit-scta-shadow: 0 12px 34px rgba(0,0,0,.16);
    --commit-scta-hover-bg: rgba(207,194,129,.94);
    --commit-scta-hover-text: #000;
    --commit-scta-hover-distance: 4px;

    /* Resolved per viewport in the media blocks below. */
    --commit-scta-font-size: 14px;
    --commit-scta-icon-size: 9px;
    --commit-scta-padding-v: 16px;
    --commit-scta-padding-h: 9px;
    --commit-scta-icon-button-size: 52px;
    --commit-scta-edge: 0px;
    --commit-scta-offset-y: 0px;
    --commit-scta-free-y: 50%;
    --commit-scta-pill-min-height: 44px;
    --commit-scta-pill-max-width: 360px;
    --commit-scta-pill-gap: 10px;

    position: fixed !important;
    z-index: var(--commit-scta-z) !important;
    display: block;
    margin: 0;
    padding: 0;
    color: var(--commit-scta-text);
    text-decoration: none !important;
    visibility: hidden;
    pointer-events: none;
    opacity: 1;
    -webkit-tap-highlight-color: transparent;
    isolation: isolate;
    outline: none;
}

/* JS winners and the server-selected no-JS fallback are exposed per viewport. */
.commit-side-cta.is-selected { visibility: visible; pointer-events: auto; }
.commit-scta-root.is-js-ready .commit-side-cta:not(.is-selected) { visibility: hidden !important; pointer-events: none !important; }

.commit-side-cta__surface {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    overflow: hidden;
    color: inherit;
    background: var(--commit-scta-bg);
    border: 1px solid var(--commit-scta-border);
    box-shadow: var(--commit-scta-shadow);
    backdrop-filter: blur(var(--commit-scta-blur)) saturate(1.08);
    -webkit-backdrop-filter: blur(var(--commit-scta-blur)) saturate(1.08);
    opacity: 1;
    transform: translate3d(0,0,0);
    transform-origin: center;
    will-change: transform, opacity, background-color, box-shadow;
    transition: background-color .28s ease, color .28s ease, box-shadow .28s ease, transform .28s cubic-bezier(.2,.8,.2,1);
}

.commit-side-cta__content {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    font-family: var(--commit-scta-font-family);
    font-size: var(--commit-scta-font-size);
    font-weight: var(--commit-scta-font-weight);
    line-height: 1.2;
    letter-spacing: 0;
}

.commit-side-cta__text { min-width: 0; }

.commit-side-cta__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--commit-scta-icon-size);
    height: var(--commit-scta-icon-size);
    flex: 0 0 auto;
    transform-origin: center;
    transition: transform .28s cubic-bezier(.2,.8,.2,1);
}
.commit-side-cta__icon svg,
.commit-side-cta__icon img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    overflow: visible;
}

.commit-side-cta__shine {
    position: absolute;
    z-index: 1;
    top: -35%;
    left: -125%;
    width: 70%;
    height: 170%;
    opacity: .42;
    pointer-events: none;
    background: linear-gradient(105deg, transparent 15%, rgba(255,255,255,.55) 50%, transparent 85%);
    transform: rotate(12deg);
}

/* Shared interaction states. Only the inner surface moves, never the anchor. */
.commit-side-cta:hover .commit-side-cta__surface,
.commit-side-cta:focus-visible .commit-side-cta__surface {
    color: var(--commit-scta-hover-text);
    background: var(--commit-scta-hover-bg);
}
.commit-side-cta.hover-effect-lift:hover .commit-side-cta__surface,
.commit-side-cta.hover-effect-lift:focus-visible .commit-side-cta__surface {
    transform: translate3d(0,calc(-1 * var(--commit-scta-hover-distance)),0);
    box-shadow: 0 20px 48px rgba(0,0,0,.24);
}
.commit-side-cta.hover-effect-glow:hover .commit-side-cta__surface,
.commit-side-cta.hover-effect-glow:focus-visible .commit-side-cta__surface {
    box-shadow: 0 18px 48px rgba(0,0,0,.22), 0 0 0 5px rgba(198,176,79,.14);
}
.commit-side-cta.hover-effect-expand:hover .commit-side-cta__surface,
.commit-side-cta.hover-effect-expand:focus-visible .commit-side-cta__surface {
    transform: scale(1.035);
    box-shadow: 0 18px 44px rgba(0,0,0,.21);
}
.commit-side-cta.hover-icon-diagonal:hover .commit-side-cta__icon,
.commit-side-cta.hover-icon-diagonal:focus-visible .commit-side-cta__icon { transform: translate3d(2px,-2px,0); }
.commit-side-cta.hover-icon-right:hover .commit-side-cta__icon,
.commit-side-cta.hover-icon-right:focus-visible .commit-side-cta__icon { transform: translate3d(3px,0,0); }
.commit-side-cta.hover-icon-rotate:hover .commit-side-cta__icon,
.commit-side-cta.hover-icon-rotate:focus-visible .commit-side-cta__icon { transform: rotate(12deg); }
.commit-side-cta:hover .commit-side-cta__shine,
.commit-side-cta:focus-visible .commit-side-cta__shine { animation: commit-scta-shine .95s ease both; }
.commit-side-cta:focus-visible .commit-side-cta__surface { outline: 2px solid currentColor; outline-offset: -4px; }

/* Entrance and attention fallbacks. */
.commit-side-cta.is-css-enter.entrance-soft-slide.active-side-right .commit-side-cta__surface { animation: commit-scta-enter-right .72s cubic-bezier(.22,1,.36,1) both; }
.commit-side-cta.is-css-enter.entrance-soft-slide.active-side-left .commit-side-cta__surface { animation: commit-scta-enter-left .72s cubic-bezier(.22,1,.36,1) both; }
.commit-side-cta.is-css-enter.entrance-fade-scale .commit-side-cta__surface { animation: commit-scta-fade-scale .7s cubic-bezier(.22,1,.36,1) both; }
.commit-side-cta.is-css-enter.entrance-spring.active-side-right .commit-side-cta__surface { animation: commit-scta-spring-right .86s cubic-bezier(.18,.9,.2,1.22) both; }
.commit-side-cta.is-css-enter.entrance-spring.active-side-left .commit-side-cta__surface { animation: commit-scta-spring-left .86s cubic-bezier(.18,.9,.2,1.22) both; }
.commit-side-cta.is-css-enter.entrance-glass-reveal .commit-side-cta__surface { animation: commit-scta-glass-reveal .82s cubic-bezier(.22,1,.36,1) both; }
.commit-side-cta.is-css-nudge.active-side-right .commit-side-cta__surface { animation: commit-scta-nudge-right .62s cubic-bezier(.2,.8,.2,1); }
.commit-side-cta.is-css-nudge.active-side-left .commit-side-cta__surface { animation: commit-scta-nudge-left .62s cubic-bezier(.2,.8,.2,1); }
.commit-side-cta.is-css-shine .commit-side-cta__shine { animation: commit-scta-shine 1.05s ease; }
.commit-side-cta.is-css-glow .commit-side-cta__surface { animation: commit-scta-glow 1.2s ease both; }

@keyframes commit-scta-enter-right { from { opacity:0; transform:translate3d(26px,0,0); } to { opacity:1; transform:translate3d(0,0,0); } }
@keyframes commit-scta-enter-left { from { opacity:0; transform:translate3d(-26px,0,0); } to { opacity:1; transform:translate3d(0,0,0); } }
@keyframes commit-scta-fade-scale { from { opacity:0; transform:scale(.92); } to { opacity:1; transform:scale(1); } }
@keyframes commit-scta-spring-right { 0% { opacity:0; transform:translate3d(38px,0,0) scale(.96) rotate(1.2deg); } 72% { opacity:1; transform:translate3d(-3px,0,0) scale(1.01); } 100% { opacity:1; transform:none; } }
@keyframes commit-scta-spring-left { 0% { opacity:0; transform:translate3d(-38px,0,0) scale(.96) rotate(-1.2deg); } 72% { opacity:1; transform:translate3d(3px,0,0) scale(1.01); } 100% { opacity:1; transform:none; } }
@keyframes commit-scta-glass-reveal { from { opacity:0; transform:scaleY(.82); filter:blur(5px); } to { opacity:1; transform:scaleY(1); filter:blur(0); } }
@keyframes commit-scta-nudge-right { 0%,100% { transform:none; } 35% { transform:translate3d(-4px,0,0); } 65% { transform:translate3d(1px,0,0); } }
@keyframes commit-scta-nudge-left { 0%,100% { transform:none; } 35% { transform:translate3d(4px,0,0); } 65% { transform:translate3d(-1px,0,0); } }
@keyframes commit-scta-shine { from { left:-125%; } to { left:155%; } }
@keyframes commit-scta-glow { 0%,100% { box-shadow:var(--commit-scta-shadow); } 50% { box-shadow:0 18px 46px rgba(0,0,0,.22), 0 0 0 6px rgba(198,176,79,.16); } }

/* Device-specific variables and presentation. */
@media (min-width: 1025px) {
    .commit-side-cta {
        --commit-scta-font-size: var(--commit-scta-desktop-font-size,14px);
        --commit-scta-icon-size: var(--commit-scta-desktop-icon-size,9px);
        --commit-scta-padding-v: var(--commit-scta-desktop-padding-v,16px);
        --commit-scta-padding-h: var(--commit-scta-desktop-padding-h,9px);
        --commit-scta-icon-button-size: var(--commit-scta-desktop-icon-button-size,52px);
        --commit-scta-edge: var(--commit-scta-desktop-edge,0px);
        --commit-scta-offset-y: var(--commit-scta-desktop-offset-y,0px);
        --commit-scta-free-y: var(--commit-scta-desktop-free-y,50%);
        --commit-scta-pill-min-height: var(--commit-scta-desktop-pill-min-height,44px);
        --commit-scta-pill-max-width: var(--commit-scta-desktop-pill-max-width,360px);
        --commit-scta-pill-gap: var(--commit-scta-desktop-pill-gap,10px);
    }
    .commit-side-cta.supports-desktop.is-fallback-selected-desktop { visibility:visible; pointer-events:auto; }
    .commit-side-cta:not(.supports-desktop) { visibility:hidden !important; pointer-events:none !important; }
    .commit-side-cta.side-desktop-right { right:max(var(--commit-scta-edge),env(safe-area-inset-right,0px)); left:auto !important; }
    .commit-side-cta.side-desktop-left { left:max(var(--commit-scta-edge),env(safe-area-inset-left,0px)); right:auto !important; }
    .commit-side-cta.anchor-desktop-top { top:calc(env(safe-area-inset-top,0px) + var(--commit-scta-offset-y)); bottom:auto !important; transform:none !important; }
    .commit-side-cta.anchor-desktop-center { top:calc(50% + var(--commit-scta-offset-y)); bottom:auto !important; transform:translateY(-50%) !important; }
    .commit-side-cta.anchor-desktop-bottom { top:auto !important; bottom:calc(env(safe-area-inset-bottom,0px) + var(--commit-scta-offset-y)); transform:none !important; }
    .commit-side-cta.anchor-desktop-free { top:clamp(28px,var(--commit-scta-free-y),calc(100vh - 28px)); top:clamp(28px,var(--commit-scta-free-y),calc(100dvh - 28px)); bottom:auto !important; transform:translateY(-50%) !important; }
    .commit-side-cta.layout-desktop-vertical .commit-side-cta__surface { width:60px; padding:var(--commit-scta-padding-v) var(--commit-scta-padding-h); }
    .commit-side-cta.is-size-compact.layout-desktop-vertical .commit-side-cta__surface { width:52px; }
    .commit-side-cta.is-size-large.layout-desktop-vertical .commit-side-cta__surface { width:70px; }
    .commit-side-cta.layout-desktop-vertical .commit-side-cta__content { flex-direction:column; gap:12px; }
    .commit-side-cta.layout-desktop-vertical .commit-side-cta__text { writing-mode:vertical-rl; text-orientation:mixed; white-space:nowrap; }
    .commit-side-cta.layout-desktop-vertical.side-desktop-left .commit-side-cta__text { transform:rotate(180deg); }
    .commit-side-cta.layout-desktop-vertical.side-desktop-right .commit-side-cta__surface { border-radius:var(--commit-scta-radius) 0 0 var(--commit-scta-radius); border-right-color:rgba(255,255,255,.15); }
    .commit-side-cta.layout-desktop-vertical.side-desktop-left .commit-side-cta__surface { border-radius:0 var(--commit-scta-radius) var(--commit-scta-radius) 0; border-left-color:rgba(255,255,255,.15); }
    .commit-side-cta.layout-desktop-pill .commit-side-cta__surface { width:max-content; max-width:min(var(--commit-scta-pill-max-width),calc(100vw - 28px)); min-height:var(--commit-scta-pill-min-height); padding:var(--commit-scta-padding-v) var(--commit-scta-padding-h); border-radius:999px; }
    .commit-side-cta.layout-desktop-pill .commit-side-cta__content { flex-direction:row; gap:var(--commit-scta-pill-gap); }
    .commit-side-cta.layout-desktop-pill .commit-side-cta__text { writing-mode:horizontal-tb; transform:none; text-align:left; }
    .commit-side-cta.layout-desktop-pill.lines-desktop-1 .commit-side-cta__text { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
    .commit-side-cta.layout-desktop-pill.lines-desktop-2 .commit-side-cta__text { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; }
    .commit-side-cta.layout-desktop-icon .commit-side-cta__surface { width:var(--commit-scta-icon-button-size); height:var(--commit-scta-icon-button-size); padding:0; border-radius:50%; }
    .commit-side-cta.layout-desktop-icon .commit-side-cta__content { flex-direction:row; gap:0; }
    .commit-side-cta.layout-desktop-icon .commit-side-cta__text { display:none; }
    .commit-side-cta.hover-effect-inward.side-desktop-right:hover .commit-side-cta__surface,
    .commit-side-cta.hover-effect-inward.side-desktop-right:focus-visible .commit-side-cta__surface { transform:translate3d(calc(-1 * var(--commit-scta-hover-distance)),0,0); }
    .commit-side-cta.hover-effect-inward.side-desktop-left:hover .commit-side-cta__surface,
    .commit-side-cta.hover-effect-inward.side-desktop-left:focus-visible .commit-side-cta__surface { transform:translate3d(var(--commit-scta-hover-distance),0,0); }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .commit-side-cta {
        --commit-scta-font-size: var(--commit-scta-tablet-font-size,14px);
        --commit-scta-icon-size: var(--commit-scta-tablet-icon-size,9px);
        --commit-scta-padding-v: var(--commit-scta-tablet-padding-v,16px);
        --commit-scta-padding-h: var(--commit-scta-tablet-padding-h,9px);
        --commit-scta-icon-button-size: var(--commit-scta-tablet-icon-button-size,52px);
        --commit-scta-edge: var(--commit-scta-tablet-edge,0px);
        --commit-scta-offset-y: var(--commit-scta-tablet-offset-y,0px);
        --commit-scta-free-y: var(--commit-scta-tablet-free-y,50%);
        --commit-scta-pill-min-height: var(--commit-scta-tablet-pill-min-height,44px);
        --commit-scta-pill-max-width: var(--commit-scta-tablet-pill-max-width,360px);
        --commit-scta-pill-gap: var(--commit-scta-tablet-pill-gap,10px);
    }
    .commit-side-cta.supports-tablet.is-fallback-selected-tablet { visibility:visible; pointer-events:auto; }
    .commit-side-cta:not(.supports-tablet) { visibility:hidden !important; pointer-events:none !important; }
    .commit-side-cta.side-tablet-right { right:max(var(--commit-scta-edge),env(safe-area-inset-right,0px)); left:auto !important; }
    .commit-side-cta.side-tablet-left { left:max(var(--commit-scta-edge),env(safe-area-inset-left,0px)); right:auto !important; }
    .commit-side-cta.anchor-tablet-top { top:calc(env(safe-area-inset-top,0px) + var(--commit-scta-offset-y)); bottom:auto !important; transform:none !important; }
    .commit-side-cta.anchor-tablet-center { top:calc(50% + var(--commit-scta-offset-y)); bottom:auto !important; transform:translateY(-50%) !important; }
    .commit-side-cta.anchor-tablet-bottom { top:auto !important; bottom:calc(env(safe-area-inset-bottom,0px) + var(--commit-scta-offset-y)); transform:none !important; }
    .commit-side-cta.anchor-tablet-free { top:clamp(28px,var(--commit-scta-free-y),calc(100vh - 28px)); top:clamp(28px,var(--commit-scta-free-y),calc(100dvh - 28px)); bottom:auto !important; transform:translateY(-50%) !important; }
    .commit-side-cta.layout-tablet-vertical .commit-side-cta__surface { width:60px; padding:var(--commit-scta-padding-v) var(--commit-scta-padding-h); }
    .commit-side-cta.is-size-compact.layout-tablet-vertical .commit-side-cta__surface { width:52px; }
    .commit-side-cta.is-size-large.layout-tablet-vertical .commit-side-cta__surface { width:70px; }
    .commit-side-cta.layout-tablet-vertical .commit-side-cta__content { flex-direction:column; gap:12px; }
    .commit-side-cta.layout-tablet-vertical .commit-side-cta__text { writing-mode:vertical-rl; text-orientation:mixed; white-space:nowrap; }
    .commit-side-cta.layout-tablet-vertical.side-tablet-left .commit-side-cta__text { transform:rotate(180deg); }
    .commit-side-cta.layout-tablet-vertical.side-tablet-right .commit-side-cta__surface { border-radius:var(--commit-scta-radius) 0 0 var(--commit-scta-radius); border-right-color:rgba(255,255,255,.15); }
    .commit-side-cta.layout-tablet-vertical.side-tablet-left .commit-side-cta__surface { border-radius:0 var(--commit-scta-radius) var(--commit-scta-radius) 0; border-left-color:rgba(255,255,255,.15); }
    .commit-side-cta.layout-tablet-pill .commit-side-cta__surface { width:max-content; max-width:min(var(--commit-scta-pill-max-width),calc(100vw - 28px)); min-height:var(--commit-scta-pill-min-height); padding:var(--commit-scta-padding-v) var(--commit-scta-padding-h); border-radius:999px; }
    .commit-side-cta.layout-tablet-pill .commit-side-cta__content { flex-direction:row; gap:var(--commit-scta-pill-gap); }
    .commit-side-cta.layout-tablet-pill .commit-side-cta__text { writing-mode:horizontal-tb; transform:none; text-align:left; }
    .commit-side-cta.layout-tablet-pill.lines-tablet-1 .commit-side-cta__text { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
    .commit-side-cta.layout-tablet-pill.lines-tablet-2 .commit-side-cta__text { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; }
    .commit-side-cta.layout-tablet-icon .commit-side-cta__surface { width:var(--commit-scta-icon-button-size); height:var(--commit-scta-icon-button-size); padding:0; border-radius:50%; }
    .commit-side-cta.layout-tablet-icon .commit-side-cta__content { flex-direction:row; gap:0; }
    .commit-side-cta.layout-tablet-icon .commit-side-cta__text { display:none; }
    .commit-side-cta.hover-effect-inward.side-tablet-right:hover .commit-side-cta__surface,
    .commit-side-cta.hover-effect-inward.side-tablet-right:focus-visible .commit-side-cta__surface { transform:translate3d(calc(-1 * var(--commit-scta-hover-distance)),0,0); }
    .commit-side-cta.hover-effect-inward.side-tablet-left:hover .commit-side-cta__surface,
    .commit-side-cta.hover-effect-inward.side-tablet-left:focus-visible .commit-side-cta__surface { transform:translate3d(var(--commit-scta-hover-distance),0,0); }
}

@media (max-width: 767px) {
    .commit-side-cta {
        --commit-scta-font-size: var(--commit-scta-mobile-font-size,12px);
        --commit-scta-icon-size: var(--commit-scta-mobile-icon-size,10px);
        --commit-scta-padding-v: var(--commit-scta-mobile-padding-v,10px);
        --commit-scta-padding-h: var(--commit-scta-mobile-padding-h,16px);
        --commit-scta-icon-button-size: var(--commit-scta-mobile-icon-button-size,52px);
        --commit-scta-edge: var(--commit-scta-mobile-edge,14px);
        --commit-scta-offset-y: var(--commit-scta-mobile-offset-y,18px);
        --commit-scta-free-y: var(--commit-scta-mobile-free-y,82%);
        --commit-scta-pill-min-height: var(--commit-scta-mobile-pill-min-height,46px);
        --commit-scta-pill-max-width: var(--commit-scta-mobile-pill-max-width,340px);
        --commit-scta-pill-gap: var(--commit-scta-mobile-pill-gap,9px);
    }
    .commit-side-cta.supports-mobile.is-fallback-selected-mobile { visibility:visible; pointer-events:auto; }
    .commit-side-cta:not(.supports-mobile) { visibility:hidden !important; pointer-events:none !important; }
    .commit-side-cta.side-mobile-right { right:max(var(--commit-scta-edge),env(safe-area-inset-right,0px)); left:auto !important; }
    .commit-side-cta.side-mobile-left { left:max(var(--commit-scta-edge),env(safe-area-inset-left,0px)); right:auto !important; }
    .commit-side-cta.anchor-mobile-top { top:calc(env(safe-area-inset-top,0px) + var(--commit-scta-offset-y)); bottom:auto !important; transform:none !important; }
    .commit-side-cta.anchor-mobile-center { top:calc(50% + var(--commit-scta-offset-y)); bottom:auto !important; transform:translateY(-50%) !important; }
    .commit-side-cta.anchor-mobile-bottom { top:auto !important; bottom:calc(env(safe-area-inset-bottom,0px) + var(--commit-scta-offset-y)); transform:none !important; }
    .commit-side-cta.anchor-mobile-free { top:clamp(24px,var(--commit-scta-free-y),calc(100vh - 24px)); top:clamp(24px,var(--commit-scta-free-y),calc(100dvh - 24px)); bottom:auto !important; transform:translateY(-50%) !important; }
    .commit-side-cta.layout-mobile-vertical .commit-side-cta__surface { width:56px; padding:var(--commit-scta-padding-v) var(--commit-scta-padding-h); }
    .commit-side-cta.is-size-compact.layout-mobile-vertical .commit-side-cta__surface { width:50px; }
    .commit-side-cta.is-size-large.layout-mobile-vertical .commit-side-cta__surface { width:64px; }
    .commit-side-cta.layout-mobile-vertical .commit-side-cta__content { flex-direction:column; gap:10px; }
    .commit-side-cta.layout-mobile-vertical .commit-side-cta__text { writing-mode:vertical-rl; text-orientation:mixed; white-space:nowrap; }
    .commit-side-cta.layout-mobile-vertical.side-mobile-left .commit-side-cta__text { transform:rotate(180deg); }
    .commit-side-cta.layout-mobile-vertical.side-mobile-right .commit-side-cta__surface { border-radius:var(--commit-scta-radius) 0 0 var(--commit-scta-radius); border-right-color:rgba(255,255,255,.15); }
    .commit-side-cta.layout-mobile-vertical.side-mobile-left .commit-side-cta__surface { border-radius:0 var(--commit-scta-radius) var(--commit-scta-radius) 0; border-left-color:rgba(255,255,255,.15); }
    .commit-side-cta.layout-mobile-pill .commit-side-cta__surface { width:max-content; max-width:min(var(--commit-scta-pill-max-width),calc(100vw - 28px)); min-height:var(--commit-scta-pill-min-height); padding:var(--commit-scta-padding-v) var(--commit-scta-padding-h); border-radius:999px; }
    .commit-side-cta.layout-mobile-pill .commit-side-cta__content { flex-direction:row; gap:var(--commit-scta-pill-gap); max-width:100%; }
    .commit-side-cta.layout-mobile-pill .commit-side-cta__text { writing-mode:horizontal-tb; transform:none; text-align:left; min-width:0; }
    .commit-side-cta.layout-mobile-pill.lines-mobile-1 .commit-side-cta__text { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
    .commit-side-cta.layout-mobile-pill.lines-mobile-2 .commit-side-cta__text { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; }
    .commit-side-cta.layout-mobile-icon .commit-side-cta__surface { width:var(--commit-scta-icon-button-size); height:var(--commit-scta-icon-button-size); padding:0; border-radius:50%; }
    .commit-side-cta.layout-mobile-icon .commit-side-cta__content { flex-direction:row; gap:0; }
    .commit-side-cta.layout-mobile-icon .commit-side-cta__text { display:none; }
    .commit-side-cta.hover-effect-inward.side-mobile-right:hover .commit-side-cta__surface,
    .commit-side-cta.hover-effect-inward.side-mobile-right:focus-visible .commit-side-cta__surface { transform:translate3d(calc(-1 * var(--commit-scta-hover-distance)),0,0); }
    .commit-side-cta.hover-effect-inward.side-mobile-left:hover .commit-side-cta__surface,
    .commit-side-cta.hover-effect-inward.side-mobile-left:focus-visible .commit-side-cta__surface { transform:translate3d(var(--commit-scta-hover-distance),0,0); }
}

.commit-scta-preview-badge {
    position: fixed;
    z-index: calc(var(--commit-scta-z) + 1);
    left: 50%;
    bottom: 18px;
    transform: translateX(-50%);
    padding: 8px 12px;
    border-radius: 999px;
    color: #fff;
    background: rgba(20,20,20,.82);
    font: 600 11px/1.2 Arial,sans-serif;
    pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
    .commit-side-cta__surface,
    .commit-side-cta__icon,
    .commit-side-cta__shine { animation:none !important; transition:none !important; }
}