/* SerialLord stories polish 20260903-v8. Story CTA, video tap pause, description teaser. */
.sl-stories {
    margin: 0 0 16px !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}
.sl-stories__rail {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    align-items: center !important;
    min-height: 78px !important;
    padding: 6px 6px 8px !important;
    margin: -6px -6px 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    scroll-behavior: smooth !important;
    scroll-snap-type: x proximity !important;
    overscroll-behavior-x: contain !important;
    cursor: grab !important;
    user-select: none !important;
    -webkit-user-select: none !important;
}
.sl-stories__rail.is-dragging {
    cursor: grabbing !important;
    scroll-behavior: auto !important;
    scroll-snap-type: none !important;
}
.sl-stories__rail.is-dragging .sl-story {
    cursor: grabbing !important;
    pointer-events: none !important;
}
.sl-stories__rail:focus-visible {
    outline: 2px solid rgba(126,211,78,.58) !important;
    outline-offset: 3px !important;
    border-radius: 14px !important;
}
.sl-stories .sl-story {
    scroll-snap-align: start !important;
}
.sl-stories__rail-nav {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 2px !important;
    min-height: 24px !important;
    margin: 0 6px 1px 0 !important;
}
.sl-stories__rail-nav[hidden] {
    display: none !important;
}
.sl-stories__rail-arrow,
.sl-stories__rail-arrow:hover,
.sl-stories__rail-arrow:focus,
.sl-stories__rail-arrow:active {
    appearance: none !important;
    -webkit-appearance: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    width: 30px !important;
    height: 24px !important;
    min-width: 30px !important;
    min-height: 24px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: none !important;
    background-color: transparent !important;
    background-image: none !important;
    color: rgba(152,205,121,.66) !important;
    -webkit-text-fill-color: rgba(152,205,121,.66) !important;
    box-shadow: none !important;
    outline: 0 !important;
    cursor: pointer !important;
    opacity: .78 !important;
    filter: none !important;
    transform: translateX(0) !important;
    transition: transform .20s cubic-bezier(.22,.8,.22,1), color .20s ease, opacity .20s ease !important;
}
.sl-stories__rail-arrow::before {
    content: "" !important;
    position: absolute !important;
    z-index: 2 !important;
    top: 50% !important;
    left: 50% !important;
    width: 9px !important;
    height: 9px !important;
    margin: -5px 0 0 -6px !important;
    border-top: 1.7px solid currentColor !important;
    border-right: 1.7px solid currentColor !important;
    border-radius: 1px !important;
    background: none !important;
    box-shadow: none !important;
    transform: rotate(45deg) skew(-3deg, -3deg) !important;
}
.sl-stories__rail-arrow::after {
    content: "" !important;
    position: absolute !important;
    z-index: 1 !important;
    top: 50% !important;
    left: 4px !important;
    width: 12px !important;
    height: 1.5px !important;
    margin-top: -.75px !important;
    border: 0 !important;
    border-radius: 99px !important;
    background: linear-gradient(90deg, transparent, currentColor) !important;
    box-shadow: none !important;
    opacity: .48 !important;
    transform: none !important;
}
.sl-stories__rail-arrow--prev::before {
    margin-left: -3px !important;
    transform: rotate(-135deg) skew(-3deg, -3deg) !important;
}
.sl-stories__rail-arrow--prev::after {
    left: auto !important;
    right: 4px !important;
    background: linear-gradient(90deg, currentColor, transparent) !important;
}
.sl-stories__rail-arrow:hover,
.sl-stories__rail-arrow:focus-visible {
    color: rgba(184,234,154,.94) !important;
    -webkit-text-fill-color: rgba(184,234,154,.94) !important;
    opacity: 1 !important;
}
.sl-stories__rail-arrow--prev:hover,
.sl-stories__rail-arrow--prev:focus-visible {
    transform: translateX(-2px) !important;
}
.sl-stories__rail-arrow--next:hover,
.sl-stories__rail-arrow--next:focus-visible {
    transform: translateX(2px) !important;
}
.sl-stories__rail-arrow:active {
    opacity: .66 !important;
    transform: scale(.92) !important;
}
.sl-stories__rail-arrow:disabled,
.sl-stories__rail-arrow:disabled:hover {
    opacity: .18 !important;
    border: 0 !important;
    background: none !important;
    color: rgba(255,255,255,.52) !important;
    -webkit-text-fill-color: rgba(255,255,255,.52) !important;
    box-shadow: none !important;
    cursor: default !important;
    transform: none !important;
}
.sl-stories__rail-arrow .fa {
    display: none !important;
}
html:not(.sl-admin-dark) body:not(.dark) .sl-stories__rail-arrow,
html:not(.sl-admin-dark) body:not(.dark) .sl-stories__rail-arrow:focus {
    border: 0 !important;
    background: none !important;
    color: rgba(74,125,51,.70) !important;
    -webkit-text-fill-color: rgba(74,125,51,.70) !important;
    box-shadow: none !important;
}
html:not(.sl-admin-dark) body:not(.dark) .sl-stories__rail-arrow:hover,
html:not(.sl-admin-dark) body:not(.dark) .sl-stories__rail-arrow:focus-visible {
    color: rgba(50,110,29,.96) !important;
    -webkit-text-fill-color: rgba(50,110,29,.96) !important;
}
html:not(.sl-admin-dark) body:not(.dark) .sl-stories__rail-arrow:disabled,
html:not(.sl-admin-dark) body:not(.dark) .sl-stories__rail-arrow:disabled:hover {
    opacity: .17 !important;
    border: 0 !important;
    background: none !important;
    color: rgba(51,67,47,.55) !important;
    -webkit-text-fill-color: rgba(51,67,47,.55) !important;
}
@media screen and (max-width: 760px) {
    .sl-stories__rail-nav {
        min-height: 22px !important;
        margin-bottom: 1px !important;
    }
    .sl-stories__rail-arrow,
    .sl-stories__rail-arrow:hover,
    .sl-stories__rail-arrow:focus,
    .sl-stories__rail-arrow:active {
        width: 28px !important;
        height: 22px !important;
        min-width: 28px !important;
        min-height: 22px !important;
    }
}
.sl-stories .sl-story,
.sl-stories .sl-story:hover,
.sl-stories .sl-story:focus,
.sl-stories .sl-story:focus-visible,
.sl-stories .sl-story:active {
    flex: 0 0 74px !important;
    width: 74px !important;
    height: 74px !important;
    min-height: 74px !important;
    padding: 0 !important;
    overflow: visible !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
    transform: none !important;
}
.sl-stories .sl-story:before,
.sl-stories .sl-story:after,
.sl-stories .sl-story:hover:before,
.sl-stories .sl-story:hover:after,
.sl-stories .sl-story--add:before,
.sl-stories .sl-story--add:after,
.sl-stories .sl-story--add:hover:before,
.sl-stories .sl-story--add:hover:after {
    display: none !important;
    content: none !important;
    background: transparent !important;
    box-shadow: none !important;
}
.sl-stories .sl-story__ring,
.sl-stories .sl-story:hover .sl-story__ring,
.sl-stories .sl-story:focus-visible .sl-story__ring,
.sl-stories .sl-story--add .sl-story__ring,
.sl-stories .sl-story--add:hover .sl-story__ring,
.sl-stories .sl-story--add:focus-visible .sl-story__ring {
    width: 66px !important;
    height: 66px !important;
    padding: 3px !important;
    transform: none !important;
    filter: none !important;
    box-shadow: none !important;
    background:
        linear-gradient(rgba(20,24,22,.78), rgba(20,24,22,.78)) padding-box,
        conic-gradient(from 225deg, rgba(126,211,78,.62), rgba(72,92,78,.38), rgba(126,211,78,.52), rgba(28,34,34,.54), rgba(126,211,78,.62)) border-box !important;
}
html:not(.sl-admin-dark) body:not(.dark) .sl-stories .sl-story__ring,
html:not(.sl-admin-dark) body:not(.dark) .sl-stories .sl-story:hover .sl-story__ring,
html:not(.sl-admin-dark) body:not(.dark) .sl-stories .sl-story:focus-visible .sl-story__ring {
    background:
        linear-gradient(rgba(241,246,239,.80), rgba(241,246,239,.80)) padding-box,
        conic-gradient(from 225deg, rgba(99,173,57,.58), rgba(191,213,181,.44), rgba(99,173,57,.44), rgba(70,82,74,.34), rgba(99,173,57,.58)) border-box !important;
}
.sl-stories .sl-story__media,
.sl-stories .sl-story:hover .sl-story__media,
.sl-stories .sl-story:focus-visible .sl-story__media {
    width: 60px !important;
    height: 60px !important;
    border: 0 !important;
    outline: 1px solid rgba(255,255,255,.10) !important;
    box-shadow: inset 0 -10px 16px rgba(0,0,0,.22) !important;
    transform: none !important;
    filter: none !important;
}
.sl-stories .sl-story--add .sl-story__media--add,
.sl-stories .sl-story--add:hover .sl-story__media--add,
.sl-stories .sl-story--add:focus-visible .sl-story__media--add {
    background: rgba(24,29,27,.92) !important;
    box-shadow: inset 0 0 0 1px rgba(126,211,78,.12) !important;
}
.sl-stories .sl-story:not(.sl-story--add) .sl-story__hint,
.sl-stories .sl-story:not(.sl-story--add):hover .sl-story__hint,
.sl-stories .sl-story:not(.sl-story--add):focus-visible .sl-story__hint {
    display: none !important;
}
.sl-stories .sl-story__hint {
    display: none !important;
}
.sl-stories .sl-story--add .sl-story__hint,
.sl-stories .sl-story--add:hover .sl-story__hint,
.sl-stories .sl-story--add:focus-visible .sl-story__hint {
    left: calc(100% + 7px) !important;
    top: 50% !important;
    bottom: auto !important;
    display: block !important;
    max-width: 150px !important;
    padding: 0 !important;
    overflow: visible !important;
    opacity: 0 !important;
    transform: translate(0, -50%) !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: rgba(255,255,255,.96) !important;
    font-size: 9px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    text-shadow: 0 2px 6px rgba(0,0,0,.92), 0 0 12px rgba(0,0,0,.62) !important;
    white-space: nowrap !important;
}
.sl-stories .sl-story--add:hover .sl-story__hint,
.sl-stories .sl-story--add:focus-visible .sl-story__hint {
    opacity: 1 !important;
}
html:not(.sl-admin-dark) body:not(.dark) .sl-stories .sl-story--add .sl-story__hint,
html:not(.sl-admin-dark) body:not(.dark) .sl-stories .sl-story--add:hover .sl-story__hint,
html:not(.sl-admin-dark) body:not(.dark) .sl-stories .sl-story--add:focus-visible .sl-story__hint {
    color: rgba(22,28,22,.96) !important;
    text-shadow: 0 1px 5px rgba(255,255,255,.88), 0 2px 7px rgba(0,0,0,.28) !important;
}

html:not(.sl-admin-dark) body:not(.dark) .sl-story-viewer .sl-story-action b {
    color: #fff !important;
    text-shadow: 0 2px 8px rgba(0,0,0,.96), 0 0 16px rgba(0,0,0,.62) !important;
}
html:not(.sl-admin-dark) body:not(.dark) .sl-story-viewer .sl-story-comments__form input,
html:not(.sl-admin-dark) body:not(.dark) .sl-story-viewer .sl-story-comment-reply__form input {
    background: #f8faf6 !important;
    border: 1px solid rgba(34,47,36,.20) !important;
    color: #0a0f0b !important;
}
html:not(.sl-admin-dark) body:not(.dark) .sl-story-viewer .sl-story-comments__form input::placeholder,
html:not(.sl-admin-dark) body:not(.dark) .sl-story-viewer .sl-story-comment-reply__form input::placeholder {
    color: rgba(8,13,9,.86) !important;
    opacity: 1 !important;
}
html:not(.sl-admin-dark) body:not(.dark) .sl-story-viewer .sl-story-share {
    border: 1px solid rgba(36,50,38,.16) !important;
    background: rgba(255,255,255,.985) !important;
    color: #111812 !important;
    box-shadow: 0 24px 62px rgba(28,38,29,.22), inset 0 1px 0 rgba(255,255,255,.96) !important;
}
html:not(.sl-admin-dark) body:not(.dark) .sl-story-viewer .sl-story-share__item,
html:not(.sl-admin-dark) body:not(.dark) .sl-story-viewer .sl-story-share__item:hover,
html:not(.sl-admin-dark) body:not(.dark) .sl-story-viewer .sl-story-share__item:focus,
html:not(.sl-admin-dark) body:not(.dark) .sl-story-viewer .sl-story-share__item:active,
html:not(.sl-admin-dark) body:not(.dark) .sl-story-viewer .sl-story-share__item--copy,
html:not(.sl-admin-dark) body:not(.dark) .sl-story-viewer .sl-story-share__item--copy:hover,
html:not(.sl-admin-dark) body:not(.dark) .sl-story-viewer .sl-story-share__item--copy:focus,
html:not(.sl-admin-dark) body:not(.dark) .sl-story-viewer .sl-story-share__item--copy:active {
    border: 1px solid rgba(36,50,38,.14) !important;
    background: #f5f8f2 !important;
    background-image: none !important;
    color: #151f16 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.75) !important;
}
html:not(.sl-admin-dark) body:not(.dark) .sl-story-viewer .sl-story-share__item:hover,
html:not(.sl-admin-dark) body:not(.dark) .sl-story-viewer .sl-story-share__item:focus,
html:not(.sl-admin-dark) body:not(.dark) .sl-story-viewer .sl-story-share__item--copy:hover,
html:not(.sl-admin-dark) body:not(.dark) .sl-story-viewer .sl-story-share__item--copy:focus {
    border-color: rgba(80,142,54,.34) !important;
    background: #eef8ea !important;
    color: #143113 !important;
}
html:not(.sl-admin-dark) body:not(.dark) .sl-story-viewer .sl-story-share .sl-story-sheet__head,
html:not(.sl-admin-dark) body:not(.dark) .sl-story-viewer .sl-story-share .sl-story-sheet__head button,
html:not(.sl-admin-dark) body:not(.dark) .sl-story-viewer .sl-story-share .sl-story-sheet__head button:hover,
html:not(.sl-admin-dark) body:not(.dark) .sl-story-viewer .sl-story-share .sl-story-sheet__head button:focus {
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}
html:not(.sl-admin-dark) body:not(.dark) .sl-story-viewer .sl-story-share .sl-story-sheet__head b,
html:not(.sl-admin-dark) body:not(.dark) .sl-story-viewer .sl-story-share__item b,
html:not(.sl-admin-dark) body:not(.dark) .sl-story-viewer .sl-story-share__item--copy b {
    color: inherit !important;
}
html:not(.sl-admin-dark) body:not(.dark) .sl-story-viewer .sl-story-share__item .fa,
html:not(.sl-admin-dark) body:not(.dark) .sl-story-viewer .sl-story-share__item:hover .fa,
html:not(.sl-admin-dark) body:not(.dark) .sl-story-viewer .sl-story-share__item:focus .fa,
html:not(.sl-admin-dark) body:not(.dark) .sl-story-viewer .sl-story-share__item--copy .fa,
html:not(.sl-admin-dark) body:not(.dark) .sl-story-viewer .sl-story-share__item--copy:hover .fa,
html:not(.sl-admin-dark) body:not(.dark) .sl-story-viewer .sl-story-share__item--copy:focus .fa {
    color: #4d8f37 !important;
    -webkit-text-fill-color: #4d8f37 !important;
    background: none !important;
    filter: none !important;
}

/* SerialLord stories polish 20260903-v2: transparent matte rings for dark theme. */
html.sl-admin-dark .sl-stories,
html.sl-admin-dark .sl-stories__rail,
html.sl-admin-dark .sl-stories .sl-story,
html.sl-admin-dark .sl-stories .sl-story:hover,
html.sl-admin-dark .sl-stories .sl-story:focus-visible,
body.dark .sl-stories,
body.dark .sl-stories__rail,
body.dark .sl-stories .sl-story,
body.dark .sl-stories .sl-story:hover,
body.dark .sl-stories .sl-story:focus-visible {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}
html.sl-admin-dark .sl-stories .sl-story__ring,
html.sl-admin-dark .sl-stories .sl-story:hover .sl-story__ring,
html.sl-admin-dark .sl-stories .sl-story:focus-visible .sl-story__ring,
html.sl-admin-dark .sl-stories .sl-story--add .sl-story__ring,
html.sl-admin-dark .sl-stories .sl-story--add:hover .sl-story__ring,
html.sl-admin-dark .sl-stories .sl-story--add:focus-visible .sl-story__ring,
body.dark .sl-stories .sl-story__ring,
body.dark .sl-stories .sl-story:hover .sl-story__ring,
body.dark .sl-stories .sl-story:focus-visible .sl-story__ring,
body.dark .sl-stories .sl-story--add .sl-story__ring,
body.dark .sl-stories .sl-story--add:hover .sl-story__ring,
body.dark .sl-stories .sl-story--add:focus-visible .sl-story__ring {
    padding: 2px !important;
    background:
        conic-gradient(from 225deg, rgba(126,211,78,.70), rgba(61,78,67,.30), rgba(126,211,78,.48), rgba(255,255,255,.10), rgba(126,211,78,.70)) border-box !important;
    box-shadow: none !important;
    filter: none !important;
}
html.sl-admin-dark .sl-stories .sl-story__media,
html.sl-admin-dark .sl-stories .sl-story:hover .sl-story__media,
html.sl-admin-dark .sl-stories .sl-story:focus-visible .sl-story__media,
body.dark .sl-stories .sl-story__media,
body.dark .sl-stories .sl-story:hover .sl-story__media,
body.dark .sl-stories .sl-story:focus-visible .sl-story__media {
    width: 62px !important;
    height: 62px !important;
    outline: 0 !important;
    border: 0 !important;
    box-shadow: inset 0 -9px 14px rgba(0,0,0,.24) !important;
    filter: none !important;
}
html.sl-admin-dark .sl-stories .sl-story--add .sl-story__media--add,
html.sl-admin-dark .sl-stories .sl-story--add:hover .sl-story__media--add,
html.sl-admin-dark .sl-stories .sl-story--add:focus-visible .sl-story__media--add,
body.dark .sl-stories .sl-story--add .sl-story__media--add,
body.dark .sl-stories .sl-story--add:hover .sl-story__media--add,
body.dark .sl-stories .sl-story--add:focus-visible .sl-story__media--add {
    background: rgba(22,27,25,.86) !important;
    box-shadow: inset 0 0 0 1px rgba(126,211,78,.10) !important;
}

/* SerialLord stories polish 20260903-v3: soft dimensional hover without backplates. */
.sl-stories .sl-story__ring {
    transition: transform .22s ease, background .22s ease, filter .22s ease !important;
    will-change: transform !important;
}
.sl-stories .sl-story__media {
    transition: transform .22s ease, box-shadow .22s ease, filter .22s ease !important;
    will-change: transform !important;
}
.sl-stories .sl-story:hover .sl-story__ring,
.sl-stories .sl-story:focus-visible .sl-story__ring {
    transform: translateY(-2px) scale(1.045) !important;
    filter: saturate(1.06) contrast(1.02) !important;
    box-shadow: none !important;
}
.sl-stories .sl-story:hover .sl-story__media,
.sl-stories .sl-story:focus-visible .sl-story__media {
    transform: scale(.94) !important;
    filter: saturate(1.08) contrast(1.03) !important;
    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,.10),
        inset 0 -16px 24px rgba(0,0,0,.36) !important;
}
.sl-stories .sl-story:hover .sl-story__media--add,
.sl-stories .sl-story:focus-visible .sl-story__media--add {
    transform: scale(.92) !important;
}
.sl-stories .sl-story:hover .sl-story__media--add .fa,
.sl-stories .sl-story:focus-visible .sl-story__media--add .fa {
    transform: scale(1.12) !important;
}
html.sl-admin-dark .sl-stories .sl-story:hover .sl-story__ring,
html.sl-admin-dark .sl-stories .sl-story:focus-visible .sl-story__ring,
body.dark .sl-stories .sl-story:hover .sl-story__ring,
body.dark .sl-stories .sl-story:focus-visible .sl-story__ring {
    background:
        conic-gradient(from 225deg, rgba(144,231,91,.82), rgba(70,91,76,.36), rgba(144,231,91,.58), rgba(255,255,255,.13), rgba(144,231,91,.82)) border-box !important;
}
html:not(.sl-admin-dark) body:not(.dark) .sl-stories .sl-story:hover .sl-story__ring,
html:not(.sl-admin-dark) body:not(.dark) .sl-stories .sl-story:focus-visible .sl-story__ring {
    background:
        linear-gradient(rgba(244,249,242,.88), rgba(244,249,242,.88)) padding-box,
        conic-gradient(from 225deg, rgba(96,177,54,.74), rgba(194,219,184,.48), rgba(96,177,54,.54), rgba(73,86,76,.38), rgba(96,177,54,.74)) border-box !important;
}

/* SerialLord stories polish 20260903-v4: flatter matte circles, no glossy gradients. */
.sl-stories .sl-story__ring,
.sl-stories .sl-story:hover .sl-story__ring,
.sl-stories .sl-story:focus-visible .sl-story__ring,
.sl-stories .sl-story--add .sl-story__ring,
.sl-stories .sl-story--add:hover .sl-story__ring,
.sl-stories .sl-story--add:focus-visible .sl-story__ring {
    padding: 2px !important;
    background: rgba(95, 160, 61, .46) !important;
    box-shadow: none !important;
}
.sl-stories .sl-story__media,
.sl-stories .sl-story:hover .sl-story__media,
.sl-stories .sl-story:focus-visible .sl-story__media {
    width: 62px !important;
    height: 62px !important;
    outline: 1px solid rgba(255,255,255,.08) !important;
    box-shadow: inset 0 -8px 14px rgba(0,0,0,.24) !important;
}
.sl-stories .sl-story:hover .sl-story__ring,
.sl-stories .sl-story:focus-visible .sl-story__ring {
    background: rgba(113, 190, 70, .58) !important;
}
.sl-stories .sl-story:hover .sl-story__media,
.sl-stories .sl-story:focus-visible .sl-story__media {
    transform: scale(.945) !important;
    box-shadow: inset 0 -12px 20px rgba(0,0,0,.30) !important;
}
html.sl-admin-dark .sl-stories .sl-story__ring,
html.sl-admin-dark .sl-stories .sl-story:hover .sl-story__ring,
html.sl-admin-dark .sl-stories .sl-story:focus-visible .sl-story__ring,
body.dark .sl-stories .sl-story__ring,
body.dark .sl-stories .sl-story:hover .sl-story__ring,
body.dark .sl-stories .sl-story:focus-visible .sl-story__ring {
    background: rgba(112, 201, 70, .34) !important;
}
html.sl-admin-dark .sl-stories .sl-story:hover .sl-story__ring,
html.sl-admin-dark .sl-stories .sl-story:focus-visible .sl-story__ring,
body.dark .sl-stories .sl-story:hover .sl-story__ring,
body.dark .sl-stories .sl-story:focus-visible .sl-story__ring {
    background: rgba(126, 218, 78, .48) !important;
}
html:not(.sl-admin-dark) body:not(.dark) .sl-stories .sl-story__ring,
html:not(.sl-admin-dark) body:not(.dark) .sl-stories .sl-story:hover .sl-story__ring,
html:not(.sl-admin-dark) body:not(.dark) .sl-stories .sl-story:focus-visible .sl-story__ring {
    background: rgba(92, 159, 56, .42) !important;
}
html:not(.sl-admin-dark) body:not(.dark) .sl-stories .sl-story:hover .sl-story__ring,
html:not(.sl-admin-dark) body:not(.dark) .sl-stories .sl-story:focus-visible .sl-story__ring {
    background: rgba(101, 181, 61, .56) !important;
}
.sl-stories .sl-story--add .sl-story__media--add,
.sl-stories .sl-story--add:hover .sl-story__media--add,
.sl-stories .sl-story--add:focus-visible .sl-story__media--add {
    background: rgba(25, 30, 28, .92) !important;
    box-shadow: inset 0 0 0 1px rgba(126,211,78,.08) !important;
}

.sl-story-viewer .sl-story-viewer__media iframe {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    border: 0 !important;
    border-radius: inherit !important;
    background: #000 !important;
}

.sl-story-submit__field em {
    display: block !important;
    margin-top: 5px !important;
    color: rgba(255,255,255,.58) !important;
    font-size: 11px !important;
    font-style: normal !important;
    line-height: 1.35 !important;
}

html:not(.sl-admin-dark) body:not(.dark) .sl-story-submit__field em {
    color: rgba(22,31,23,.60) !important;
}

.sl-story-viewer .sl-story-desc-teaser,
.sl-story-viewer .sl-story-desc-teaser:hover,
.sl-story-viewer .sl-story-desc-teaser:focus {
    position: absolute !important;
    z-index: 17 !important;
    left: 18px !important;
    right: 76px !important;
    bottom: 54px !important;
    display: block !important;
    max-width: calc(100% - 96px) !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    color: rgba(255,255,255,.96) !important;
    font-size: 14px !important;
    font-weight: 850 !important;
    line-height: 1.28 !important;
    letter-spacing: 0 !important;
    text-shadow: 0 2px 7px rgba(0,0,0,.96), 0 0 16px rgba(0,0,0,.62) !important;
    pointer-events: auto !important;
}
.sl-story-viewer.sl-story-viewer--light-media .sl-story-desc-teaser {
    color: #fff !important;
    font-weight: 950 !important;
    text-shadow: 0 2px 5px rgba(0,0,0,1), 0 0 18px rgba(0,0,0,.96), 0 0 30px rgba(0,0,0,.74) !important;
}
.sl-story-viewer .sl-story-description:not([hidden]) ~ .sl-story-desc-teaser,
.sl-story-viewer .sl-story-desc-teaser[hidden] {
    display: none !important;
}
.sl-story-viewer .sl-story-desc-toggle,
.sl-story-viewer .sl-story-desc-toggle:hover,
.sl-story-viewer .sl-story-desc-toggle:focus,
.sl-story-viewer .sl-story-desc-toggle:active {
    bottom: 18px !important;
}
.sl-story-viewer .sl-story-cta,
.sl-story-viewer .sl-story-cta:hover,
.sl-story-viewer .sl-story-cta:focus,
.sl-story-viewer .sl-story-cta:active {
    position: absolute !important;
    z-index: 18 !important;
    left: 18px !important;
    right: 76px !important;
    bottom: 18px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 9px !important;
    min-height: 38px !important;
    padding: 9px 16px !important;
    border: 1px solid rgba(147, 231, 95, .32) !important;
    border-radius: 999px !important;
    background: rgba(82, 166, 45, .78) !important;
    background-image: linear-gradient(135deg, rgba(130, 219, 78, .92), rgba(67, 145, 42, .82)) !important;
    box-shadow: 0 14px 34px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.24) !important;
    color: #fff !important;
    text-decoration: none !important;
    text-shadow: 0 1px 4px rgba(0,0,0,.42) !important;
    transform: none !important;
}
.sl-story-viewer .sl-story-cta[hidden] {
    display: none !important;
}
.sl-story-viewer .sl-story-cta .fa,
.sl-story-viewer .sl-story-cta b {
    color: inherit !important;
    -webkit-text-fill-color: currentColor !important;
    background: none !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    line-height: 1.1 !important;
    letter-spacing: 0 !important;
}
.sl-story-viewer .sl-story-cta .fa {
    flex: 0 0 auto !important;
    font-size: 12px !important;
}
.sl-story-viewer .sl-story-cta:hover,
.sl-story-viewer .sl-story-cta:focus {
    border-color: rgba(180, 255, 132, .48) !important;
    background: rgba(96, 188, 54, .86) !important;
    background-image: linear-gradient(135deg, rgba(144, 233, 89, .98), rgba(76, 159, 45, .9)) !important;
    box-shadow: 0 18px 42px rgba(0,0,0,.38), 0 0 0 1px rgba(143, 225, 88, .16), inset 0 1px 0 rgba(255,255,255,.28) !important;
}
.sl-story-viewer.sl-story-viewer--has-description .sl-story-cta {
    bottom: 54px !important;
}
.sl-story-viewer.sl-story-viewer--has-cta .sl-story-desc-teaser {
    bottom: 96px !important;
}
.sl-story-viewer.sl-story-viewer--has-cta .sl-story-description {
    bottom: 98px !important;
}

.sl-stories .sl-story__hint,
.sl-stories .sl-story:hover .sl-story__hint,
.sl-stories .sl-story:focus-visible .sl-story__hint {
    display: none !important;
}

@media screen and (max-width: 760px) {
    .sl-story-viewer .sl-story-desc-teaser {
        left: 14px !important;
        right: 62px !important;
        bottom: 52px !important;
        max-width: calc(100% - 82px) !important;
        font-size: 13px !important;
    }
    .sl-story-viewer .sl-story-desc-toggle,
    .sl-story-viewer .sl-story-desc-toggle:hover,
    .sl-story-viewer .sl-story-desc-toggle:focus,
    .sl-story-viewer .sl-story-desc-toggle:active {
        bottom: 16px !important;
    }
    .sl-story-viewer .sl-story-cta,
    .sl-story-viewer .sl-story-cta:hover,
    .sl-story-viewer .sl-story-cta:focus,
    .sl-story-viewer .sl-story-cta:active {
        left: 14px !important;
        right: 62px !important;
        bottom: 16px !important;
        min-height: 36px !important;
        padding: 8px 14px !important;
    }
    .sl-story-viewer.sl-story-viewer--has-description .sl-story-cta {
        bottom: 52px !important;
    }
    .sl-story-viewer.sl-story-viewer--has-cta .sl-story-desc-teaser {
        bottom: 90px !important;
    }
    .sl-story-viewer.sl-story-viewer--has-cta .sl-story-description {
        bottom: 92px !important;
    }
}

/* SerialLord stories polish 20260903-v9: slower hold ergonomics, clean scrollbars, share hover. */
.sl-story-viewer,
.sl-story-viewer__panel,
.sl-story-viewer__media,
.sl-story-viewer__media img,
.sl-story-viewer__media video {
    user-select: none !important;
    -webkit-user-select: none !important;
    -webkit-user-drag: none !important;
}

.sl-story-viewer__media,
.sl-story-viewer__media img,
.sl-story-viewer__media video {
    touch-action: manipulation !important;
}

.sl-story-viewer__media img,
.sl-story-viewer__media video {
    pointer-events: auto !important;
}

.sl-story-viewer .sl-story-share__item,
.sl-story-viewer .sl-story-share__item--copy {
    transition: background .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease, transform .18s ease !important;
}

.sl-story-viewer .sl-story-share__item:hover,
.sl-story-viewer .sl-story-share__item:focus,
.sl-story-viewer .sl-story-share__item--copy:hover,
.sl-story-viewer .sl-story-share__item--copy:focus {
    transform: translateY(-1px) !important;
    border-color: rgba(151, 231, 102, .42) !important;
    background: rgba(255,255,255,.14) !important;
    color: #fff !important;
    box-shadow: 0 10px 24px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.13) !important;
}

.sl-story-viewer .sl-story-share__item:hover .fa,
.sl-story-viewer .sl-story-share__item:focus .fa,
.sl-story-viewer .sl-story-share__item--copy:hover .fa,
.sl-story-viewer .sl-story-share__item--copy:focus .fa {
    color: #8fe75b !important;
    -webkit-text-fill-color: #8fe75b !important;
}

html:not(.sl-admin-dark) body:not(.dark) .sl-story-viewer .sl-story-share__item:hover,
html:not(.sl-admin-dark) body:not(.dark) .sl-story-viewer .sl-story-share__item:focus,
html:not(.sl-admin-dark) body:not(.dark) .sl-story-viewer .sl-story-share__item--copy:hover,
html:not(.sl-admin-dark) body:not(.dark) .sl-story-viewer .sl-story-share__item--copy:focus {
    border-color: rgba(82, 149, 52, .36) !important;
    background: #ecf8e8 !important;
    color: #102412 !important;
    box-shadow: 0 10px 24px rgba(38,58,33,.12), inset 0 1px 0 rgba(255,255,255,.82) !important;
}

html:not(.sl-admin-dark) body:not(.dark) .sl-story-viewer .sl-story-share__item:hover .fa,
html:not(.sl-admin-dark) body:not(.dark) .sl-story-viewer .sl-story-share__item:focus .fa,
html:not(.sl-admin-dark) body:not(.dark) .sl-story-viewer .sl-story-share__item--copy:hover .fa,
html:not(.sl-admin-dark) body:not(.dark) .sl-story-viewer .sl-story-share__item--copy:focus .fa {
    color: #4d8f37 !important;
    -webkit-text-fill-color: #4d8f37 !important;
}

.sl-story-viewer .sl-story-description {
    scrollbar-width: thin !important;
    scrollbar-color: rgba(255,255,255,.34) transparent !important;
}

.sl-story-viewer .sl-story-description::-webkit-scrollbar {
    width: 6px !important;
}

.sl-story-viewer .sl-story-description::-webkit-scrollbar-track {
    background: transparent !important;
}

.sl-story-viewer .sl-story-description::-webkit-scrollbar-thumb {
    border-radius: 999px !important;
    background: rgba(255,255,255,.34) !important;
}

.sl-story-viewer .sl-story-description::-webkit-scrollbar-button {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    background: transparent !important;
}

html:not(.sl-admin-dark) body:not(.dark) .sl-story-viewer .sl-story-description {
    scrollbar-color: rgba(58,78,61,.38) transparent !important;
}

html:not(.sl-admin-dark) body:not(.dark) .sl-story-viewer .sl-story-description::-webkit-scrollbar-thumb {
    background: rgba(58,78,61,.38) !important;
}

/* SerialLord stories polish 20260903-v10: matte add-story button matches the light theme. */
.sl-stories .sl-story--add .sl-story__ring,
.sl-stories .sl-story--add:hover .sl-story__ring,
.sl-stories .sl-story--add:focus-visible .sl-story__ring,
html.sl-admin-dark .sl-stories .sl-story--add .sl-story__ring,
html.sl-admin-dark .sl-stories .sl-story--add:hover .sl-story__ring,
html.sl-admin-dark .sl-stories .sl-story--add:focus-visible .sl-story__ring,
body.dark .sl-stories .sl-story--add .sl-story__ring,
body.dark .sl-stories .sl-story--add:hover .sl-story__ring,
body.dark .sl-stories .sl-story--add:focus-visible .sl-story__ring {
    padding: 2px !important;
    background: rgba(92, 159, 56, .42) !important;
    background-image: none !important;
    box-shadow: none !important;
    filter: none !important;
}

.sl-stories .sl-story--add .sl-story__media--add,
.sl-stories .sl-story--add:hover .sl-story__media--add,
.sl-stories .sl-story--add:focus-visible .sl-story__media--add,
html.sl-admin-dark .sl-stories .sl-story--add .sl-story__media--add,
html.sl-admin-dark .sl-stories .sl-story--add:hover .sl-story__media--add,
html.sl-admin-dark .sl-stories .sl-story--add:focus-visible .sl-story__media--add,
body.dark .sl-stories .sl-story--add .sl-story__media--add,
body.dark .sl-stories .sl-story--add:hover .sl-story__media--add,
body.dark .sl-stories .sl-story--add:focus-visible .sl-story__media--add {
    background: rgba(241, 246, 239, .84) !important;
    background-image: none !important;
    box-shadow: inset 0 0 0 1px rgba(53, 86, 43, .12), inset 0 -10px 18px rgba(54, 77, 50, .08) !important;
    filter: none !important;
}

.sl-stories .sl-story--add .sl-story__media--add .fa,
.sl-stories .sl-story--add:hover .sl-story__media--add .fa,
.sl-stories .sl-story--add:focus-visible .sl-story__media--add .fa,
html.sl-admin-dark .sl-stories .sl-story--add .sl-story__media--add .fa,
html.sl-admin-dark .sl-stories .sl-story--add:hover .sl-story__media--add .fa,
html.sl-admin-dark .sl-stories .sl-story--add:focus-visible .sl-story__media--add .fa,
body.dark .sl-stories .sl-story--add .sl-story__media--add .fa,
body.dark .sl-stories .sl-story--add:hover .sl-story__media--add .fa,
body.dark .sl-stories .sl-story--add:focus-visible .sl-story__media--add .fa {
    color: #62b33d !important;
    -webkit-text-fill-color: #62b33d !important;
    background: none !important;
    filter: none !important;
    text-shadow: none !important;
}

.sl-stories .sl-story--add:hover .sl-story__ring,
.sl-stories .sl-story--add:focus-visible .sl-story__ring,
html.sl-admin-dark .sl-stories .sl-story--add:hover .sl-story__ring,
html.sl-admin-dark .sl-stories .sl-story--add:focus-visible .sl-story__ring,
body.dark .sl-stories .sl-story--add:hover .sl-story__ring,
body.dark .sl-stories .sl-story--add:focus-visible .sl-story__ring {
    background: rgba(101, 181, 61, .56) !important;
}

.sl-stories .sl-story--add:hover .sl-story__media--add,
.sl-stories .sl-story--add:focus-visible .sl-story__media--add,
html.sl-admin-dark .sl-stories .sl-story--add:hover .sl-story__media--add,
html.sl-admin-dark .sl-stories .sl-story--add:focus-visible .sl-story__media--add,
body.dark .sl-stories .sl-story--add:hover .sl-story__media--add,
body.dark .sl-stories .sl-story--add:focus-visible .sl-story__media--add {
    background: rgba(247, 251, 245, .92) !important;
    box-shadow: inset 0 0 0 1px rgba(70, 121, 45, .14), inset 0 -10px 18px rgba(54, 77, 50, .07) !important;
}

/* SerialLord stories polish 20260903-v11: dark theme gets its own matte black add button. */
html.sl-admin-dark .sl-stories .sl-story--add .sl-story__ring,
html.sl-admin-dark .sl-stories .sl-story--add:hover .sl-story__ring,
html.sl-admin-dark .sl-stories .sl-story--add:focus-visible .sl-story__ring,
body.dark .sl-stories .sl-story--add .sl-story__ring,
body.dark .sl-stories .sl-story--add:hover .sl-story__ring,
body.dark .sl-stories .sl-story--add:focus-visible .sl-story__ring {
    background: rgba(105, 178, 67, .34) !important;
    background-image: none !important;
    box-shadow: none !important;
    filter: none !important;
}

html.sl-admin-dark .sl-stories .sl-story--add .sl-story__media--add,
html.sl-admin-dark .sl-stories .sl-story--add:hover .sl-story__media--add,
html.sl-admin-dark .sl-stories .sl-story--add:focus-visible .sl-story__media--add,
body.dark .sl-stories .sl-story--add .sl-story__media--add,
body.dark .sl-stories .sl-story--add:hover .sl-story__media--add,
body.dark .sl-stories .sl-story--add:focus-visible .sl-story__media--add {
    background: rgba(17, 20, 19, .92) !important;
    background-image: none !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.055), inset 0 -10px 18px rgba(0,0,0,.16) !important;
    filter: none !important;
}

html.sl-admin-dark .sl-stories .sl-story--add .sl-story__media--add .fa,
html.sl-admin-dark .sl-stories .sl-story--add:hover .sl-story__media--add .fa,
html.sl-admin-dark .sl-stories .sl-story--add:focus-visible .sl-story__media--add .fa,
body.dark .sl-stories .sl-story--add .sl-story__media--add .fa,
body.dark .sl-stories .sl-story--add:hover .sl-story__media--add .fa,
body.dark .sl-stories .sl-story--add:focus-visible .sl-story__media--add .fa {
    color: #79d950 !important;
    -webkit-text-fill-color: #79d950 !important;
    text-shadow: 0 0 14px rgba(121, 217, 80, .18) !important;
}

html.sl-admin-dark .sl-stories .sl-story--add:hover .sl-story__ring,
html.sl-admin-dark .sl-stories .sl-story--add:focus-visible .sl-story__ring,
body.dark .sl-stories .sl-story--add:hover .sl-story__ring,
body.dark .sl-stories .sl-story--add:focus-visible .sl-story__ring {
    background: rgba(120, 205, 75, .46) !important;
}

html.sl-admin-dark .sl-stories .sl-story--add:hover .sl-story__media--add,
html.sl-admin-dark .sl-stories .sl-story--add:focus-visible .sl-story__media--add,
body.dark .sl-stories .sl-story--add:hover .sl-story__media--add,
body.dark .sl-stories .sl-story--add:focus-visible .sl-story__media--add {
    background: rgba(22, 26, 24, .95) !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.07), inset 0 -10px 18px rgba(0,0,0,.18) !important;
}

/* SerialLord stories polish 20260904-v12: video covers, clean video chrome, custom sound/pause. */
.sl-stories .sl-story__media--video.sl-story__media--with-preview {
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.sl-stories .sl-story__media--video.sl-story__media--with-preview:before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    border-radius: inherit !important;
    background: linear-gradient(180deg, rgba(0,0,0,.03), rgba(0,0,0,.30)) !important;
    pointer-events: none !important;
}

.sl-stories .sl-story__media--video.sl-story__media--with-preview .fa {
    position: relative !important;
    z-index: 2 !important;
    width: 24px !important;
    height: 24px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    background: rgba(0,0,0,.52) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    font-size: 10px !important;
    box-shadow: 0 8px 18px rgba(0,0,0,.24) !important;
}

.sl-story-viewer .sl-story-viewer__media video {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: inherit !important;
}

.sl-story-viewer .sl-story-viewer__media video::-webkit-media-controls,
.sl-story-viewer .sl-story-viewer__media video::-webkit-media-controls-panel,
.sl-story-viewer .sl-story-viewer__media video::-webkit-media-controls-play-button,
.sl-story-viewer .sl-story-viewer__media video::-webkit-media-controls-timeline,
.sl-story-viewer .sl-story-viewer__media video::-webkit-media-controls-current-time-display,
.sl-story-viewer .sl-story-viewer__media video::-webkit-media-controls-time-remaining-display,
.sl-story-viewer .sl-story-viewer__media video::-webkit-media-controls-mute-button,
.sl-story-viewer .sl-story-viewer__media video::-webkit-media-controls-volume-slider,
.sl-story-viewer .sl-story-viewer__media video::-webkit-media-controls-fullscreen-button {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

.sl-story-viewer .sl-story-video-sound,
.sl-story-viewer .sl-story-video-sound:hover,
.sl-story-viewer .sl-story-video-sound:focus,
.sl-story-viewer .sl-story-video-sound:active {
    position: absolute !important;
    z-index: 22 !important;
    right: 20px !important;
    top: 58px !important;
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    min-height: 38px !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid rgba(255,255,255,.18) !important;
    border-radius: 50% !important;
    background: rgba(16,18,18,.38) !important;
    background-image: none !important;
    color: #fff !important;
    box-shadow: 0 12px 28px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.10) !important;
    backdrop-filter: blur(10px) !important;
    transform: none !important;
}

.sl-story-viewer .sl-story-video-sound:hover,
.sl-story-viewer .sl-story-video-sound:focus {
    background: rgba(16,18,18,.52) !important;
    border-color: rgba(255,255,255,.28) !important;
}

.sl-story-viewer .sl-story-video-sound .fa {
    color: inherit !important;
    -webkit-text-fill-color: currentColor !important;
    background: none !important;
    font-size: 17px !important;
    line-height: 1 !important;
}

.sl-story-viewer .sl-story-video-sound[hidden] {
    display: none !important;
}

.sl-story-viewer .sl-story-video-state {
    position: absolute !important;
    z-index: 21 !important;
    left: 50% !important;
    top: 50% !important;
    width: 76px !important;
    height: 76px !important;
    margin: -38px 0 0 -38px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    background: rgba(0,0,0,.42) !important;
    color: #fff !important;
    opacity: 0 !important;
    transform: scale(.82) !important;
    pointer-events: none !important;
    backdrop-filter: blur(8px) !important;
    transition: opacity .18s ease, transform .18s ease !important;
}

.sl-story-viewer .sl-story-video-state.is-visible {
    opacity: 1 !important;
    transform: scale(1) !important;
}

.sl-story-viewer .sl-story-video-state .fa {
    color: inherit !important;
    -webkit-text-fill-color: currentColor !important;
    background: none !important;
    font-size: 30px !important;
    line-height: 1 !important;
}

.sl-story-viewer .sl-story-video-state[hidden] {
    display: none !important;
}

@media screen and (max-width: 760px) {
    .sl-story-viewer .sl-story-video-sound,
    .sl-story-viewer .sl-story-video-sound:hover,
    .sl-story-viewer .sl-story-video-sound:focus,
    .sl-story-viewer .sl-story-video-sound:active {
        right: 14px !important;
        top: 52px !important;
        width: 36px !important;
        height: 36px !important;
        min-width: 36px !important;
        min-height: 36px !important;
    }
}

/* SerialLord stories polish 20260904-v13: video sound moved into action rail with volume slider. */
.sl-story-viewer .sl-story-sound-control {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    overflow: visible !important;
}

.sl-story-viewer .sl-story-sound-control[hidden] {
    display: none !important;
}

.sl-story-viewer .sl-story-action--sound,
.sl-story-viewer .sl-story-action--sound:hover,
.sl-story-viewer .sl-story-action--sound:focus,
.sl-story-viewer .sl-story-action--sound:active {
    position: relative !important;
    z-index: 28 !important;
}

.sl-story-viewer .sl-story-action--sound.is-active .fa {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

.sl-story-viewer .sl-story-volume {
    position: absolute !important;
    z-index: 27 !important;
    right: 54px !important;
    top: 50% !important;
    width: 42px !important;
    height: 128px !important;
    margin-top: -64px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid rgba(255,255,255,.16) !important;
    border-radius: 18px !important;
    background: rgba(18,20,20,.58) !important;
    box-shadow: 0 16px 34px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.10) !important;
    backdrop-filter: blur(14px) !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transform: translateX(8px) scale(.96) !important;
    transition: opacity .16s ease, transform .16s ease, border-color .16s ease, background .16s ease !important;
}

.sl-story-viewer .sl-story-sound-control.is-open .sl-story-volume,
.sl-story-viewer .sl-story-sound-control:hover .sl-story-volume,
.sl-story-viewer .sl-story-sound-control:focus-within .sl-story-volume {
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: translateX(0) scale(1) !important;
}

.sl-story-viewer .sl-story-volume input[type="range"] {
    width: 94px !important;
    height: 26px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    outline: none !important;
    background: transparent !important;
    box-shadow: none !important;
    accent-color: #f3f3f3 !important;
    transform: rotate(-90deg) !important;
    cursor: pointer !important;
}

.sl-story-viewer .sl-story-volume input[type="range"]::-webkit-slider-runnable-track {
    height: 4px !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.36) !important;
}

.sl-story-viewer .sl-story-volume input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none !important;
    width: 16px !important;
    height: 16px !important;
    margin-top: -6px !important;
    border: 2px solid rgba(18,20,20,.66) !important;
    border-radius: 50% !important;
    background: #ffffff !important;
    box-shadow: 0 4px 12px rgba(0,0,0,.24) !important;
}

.sl-story-viewer .sl-story-volume input[type="range"]::-moz-range-track {
    height: 4px !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.36) !important;
}

.sl-story-viewer .sl-story-volume input[type="range"]::-moz-range-thumb {
    width: 16px !important;
    height: 16px !important;
    border: 2px solid rgba(18,20,20,.66) !important;
    border-radius: 50% !important;
    background: #ffffff !important;
    box-shadow: 0 4px 12px rgba(0,0,0,.24) !important;
}

html:not(.sl-admin-dark) body:not(.dark) .sl-story-viewer .sl-story-volume {
    border-color: rgba(20,24,22,.14) !important;
    background: rgba(255,255,255,.86) !important;
    box-shadow: 0 16px 34px rgba(34,43,33,.16), inset 0 1px 0 rgba(255,255,255,.86) !important;
}

html:not(.sl-admin-dark) body:not(.dark) .sl-story-viewer .sl-story-volume input[type="range"] {
    accent-color: #242824 !important;
}

html:not(.sl-admin-dark) body:not(.dark) .sl-story-viewer .sl-story-volume input[type="range"]::-webkit-slider-runnable-track {
    background: rgba(19,24,20,.26) !important;
}

html:not(.sl-admin-dark) body:not(.dark) .sl-story-viewer .sl-story-volume input[type="range"]::-webkit-slider-thumb {
    border-color: rgba(255,255,255,.86) !important;
    background: #20251f !important;
}

html:not(.sl-admin-dark) body:not(.dark) .sl-story-viewer .sl-story-volume input[type="range"]::-moz-range-track {
    background: rgba(19,24,20,.26) !important;
}

html:not(.sl-admin-dark) body:not(.dark) .sl-story-viewer .sl-story-volume input[type="range"]::-moz-range-thumb {
    border-color: rgba(255,255,255,.86) !important;
    background: #20251f !important;
}

@media screen and (max-width: 760px) {
    .sl-story-viewer .sl-story-volume {
        right: 46px !important;
        width: 38px !important;
        height: 112px !important;
        margin-top: -56px !important;
        border-radius: 16px !important;
    }

    .sl-story-viewer .sl-story-volume input[type="range"] {
        width: 82px !important;
    }
}

/* SerialLord stories polish 20260904-v14: top-right sound control with stable horizontal volume. */
.sl-story-viewer .sl-story-sound-control--top,
.sl-story-viewer .sl-story-sound-control--top:hover,
.sl-story-viewer .sl-story-sound-control--top:focus-within {
    position: absolute !important;
    z-index: 32 !important;
    right: 18px !important;
    top: 56px !important;
    width: auto !important;
    min-width: 0 !important;
    height: 40px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    overflow: visible !important;
    pointer-events: auto !important;
}

.sl-story-viewer .sl-story-sound-control--top[hidden] {
    display: none !important;
}

.sl-story-viewer .sl-story-sound-control--top .sl-story-video-sound,
.sl-story-viewer .sl-story-sound-control--top .sl-story-video-sound:hover,
.sl-story-viewer .sl-story-sound-control--top .sl-story-video-sound:focus,
.sl-story-viewer .sl-story-sound-control--top .sl-story-video-sound:active {
    position: relative !important;
    z-index: 34 !important;
    right: auto !important;
    top: auto !important;
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid rgba(255,255,255,.18) !important;
    border-radius: 50% !important;
    background: rgba(14,16,16,.46) !important;
    background-image: none !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    box-shadow: 0 12px 28px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.11) !important;
    backdrop-filter: blur(12px) !important;
    transform: none !important;
}

.sl-story-viewer .sl-story-sound-control--top .sl-story-video-sound:hover,
.sl-story-viewer .sl-story-sound-control--top .sl-story-video-sound:focus,
.sl-story-viewer .sl-story-sound-control--top.is-open .sl-story-video-sound {
    border-color: rgba(255,255,255,.30) !important;
    background: rgba(14,16,16,.62) !important;
    box-shadow: 0 14px 32px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.14) !important;
}

.sl-story-viewer .sl-story-sound-control--top .sl-story-video-sound .fa {
    color: inherit !important;
    -webkit-text-fill-color: currentColor !important;
    font-size: 17px !important;
    line-height: 1 !important;
    background: none !important;
}

.sl-story-viewer .sl-story-sound-control--top .sl-story-video-sound[hidden] {
    display: none !important;
}

.sl-story-viewer .sl-story-sound-control--top .sl-story-volume {
    position: absolute !important;
    z-index: 33 !important;
    right: 48px !important;
    top: 50% !important;
    width: 150px !important;
    height: 40px !important;
    margin: -20px 0 0 0 !important;
    padding: 0 14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid rgba(255,255,255,.16) !important;
    border-radius: 999px !important;
    background: rgba(14,16,16,.58) !important;
    box-shadow: 0 16px 34px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.10) !important;
    backdrop-filter: blur(14px) !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transform: translateX(8px) scale(.98) !important;
    transition: opacity .16s ease, transform .16s ease, border-color .16s ease, background .16s ease !important;
}

.sl-story-viewer .sl-story-sound-control--top.is-open .sl-story-volume,
.sl-story-viewer .sl-story-sound-control--top:hover .sl-story-volume,
.sl-story-viewer .sl-story-sound-control--top:focus-within .sl-story-volume {
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: translateX(0) scale(1) !important;
}

.sl-story-viewer .sl-story-sound-control--top .sl-story-volume input[type="range"] {
    -webkit-appearance: none !important;
    appearance: none !important;
    width: 122px !important;
    height: 18px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    outline: none !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
    cursor: pointer !important;
    touch-action: none !important;
}

.sl-story-viewer .sl-story-sound-control--top .sl-story-volume input[type="range"]::-webkit-slider-runnable-track {
    height: 4px !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.40) !important;
}

.sl-story-viewer .sl-story-sound-control--top .sl-story-volume input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none !important;
    width: 16px !important;
    height: 16px !important;
    margin-top: -6px !important;
    border: 2px solid rgba(18,20,20,.72) !important;
    border-radius: 50% !important;
    background: #ffffff !important;
    box-shadow: 0 4px 12px rgba(0,0,0,.25) !important;
}

.sl-story-viewer .sl-story-sound-control--top .sl-story-volume input[type="range"]::-moz-range-track {
    height: 4px !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.40) !important;
}

.sl-story-viewer .sl-story-sound-control--top .sl-story-volume input[type="range"]::-moz-range-thumb {
    width: 16px !important;
    height: 16px !important;
    border: 2px solid rgba(18,20,20,.72) !important;
    border-radius: 50% !important;
    background: #ffffff !important;
    box-shadow: 0 4px 12px rgba(0,0,0,.25) !important;
}

html:not(.sl-admin-dark) body:not(.dark) .sl-story-viewer .sl-story-sound-control--top .sl-story-video-sound,
html:not(.sl-admin-dark) body:not(.dark) .sl-story-viewer .sl-story-sound-control--top .sl-story-video-sound:hover,
html:not(.sl-admin-dark) body:not(.dark) .sl-story-viewer .sl-story-sound-control--top .sl-story-video-sound:focus,
html:not(.sl-admin-dark) body:not(.dark) .sl-story-viewer .sl-story-sound-control--top .sl-story-video-sound:active {
    border-color: rgba(20,24,22,.16) !important;
    background: rgba(255,255,255,.84) !important;
    color: #1f251e !important;
    -webkit-text-fill-color: #1f251e !important;
    box-shadow: 0 12px 28px rgba(34,43,33,.14), inset 0 1px 0 rgba(255,255,255,.80) !important;
}

html:not(.sl-admin-dark) body:not(.dark) .sl-story-viewer .sl-story-sound-control--top .sl-story-volume {
    border-color: rgba(20,24,22,.14) !important;
    background: rgba(255,255,255,.88) !important;
    box-shadow: 0 16px 34px rgba(34,43,33,.16), inset 0 1px 0 rgba(255,255,255,.86) !important;
}

html:not(.sl-admin-dark) body:not(.dark) .sl-story-viewer .sl-story-sound-control--top .sl-story-volume input[type="range"]::-webkit-slider-runnable-track {
    background: rgba(19,24,20,.28) !important;
}

html:not(.sl-admin-dark) body:not(.dark) .sl-story-viewer .sl-story-sound-control--top .sl-story-volume input[type="range"]::-webkit-slider-thumb {
    border-color: rgba(255,255,255,.88) !important;
    background: #20251f !important;
}

html:not(.sl-admin-dark) body:not(.dark) .sl-story-viewer .sl-story-sound-control--top .sl-story-volume input[type="range"]::-moz-range-track {
    background: rgba(19,24,20,.28) !important;
}

html:not(.sl-admin-dark) body:not(.dark) .sl-story-viewer .sl-story-sound-control--top .sl-story-volume input[type="range"]::-moz-range-thumb {
    border-color: rgba(255,255,255,.88) !important;
    background: #20251f !important;
}

@media screen and (max-width: 760px) {
    .sl-story-viewer .sl-story-sound-control--top,
    .sl-story-viewer .sl-story-sound-control--top:hover,
    .sl-story-viewer .sl-story-sound-control--top:focus-within {
        right: 14px !important;
        top: 52px !important;
        height: 38px !important;
    }

    .sl-story-viewer .sl-story-sound-control--top .sl-story-video-sound,
    .sl-story-viewer .sl-story-sound-control--top .sl-story-video-sound:hover,
    .sl-story-viewer .sl-story-sound-control--top .sl-story-video-sound:focus,
    .sl-story-viewer .sl-story-sound-control--top .sl-story-video-sound:active {
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
        min-height: 38px !important;
    }

    .sl-story-viewer .sl-story-sound-control--top .sl-story-volume {
        right: 44px !important;
        width: 132px !important;
        height: 38px !important;
        margin-top: -19px !important;
        padding: 0 12px !important;
    }

    .sl-story-viewer .sl-story-sound-control--top .sl-story-volume input[type="range"] {
        width: 106px !important;
    }
}

/* SerialLord stories polish 20260904-v15: sound lives at the top of the right action rail. */
.sl-story-viewer .sl-story-viewer__actions .sl-story-sound-control--rail,
.sl-story-viewer .sl-story-viewer__actions .sl-story-sound-control--rail:hover,
.sl-story-viewer .sl-story-viewer__actions .sl-story-sound-control--rail:focus-within {
    position: relative !important;
    z-index: 35 !important;
    right: auto !important;
    top: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    margin: 0 0 2px 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: visible !important;
    pointer-events: auto !important;
    order: -1 !important;
}

.sl-story-viewer .sl-story-viewer__actions .sl-story-sound-control--rail[hidden] {
    display: none !important;
}

.sl-story-viewer .sl-story-viewer__actions .sl-story-sound-control--rail::before {
    content: "" !important;
    position: absolute !important;
    right: 42px !important;
    top: 0 !important;
    width: 18px !important;
    height: 100% !important;
    display: block !important;
}

.sl-story-viewer .sl-story-viewer__actions .sl-story-sound-control--rail .sl-story-action--sound,
.sl-story-viewer .sl-story-viewer__actions .sl-story-sound-control--rail .sl-story-action--sound:hover,
.sl-story-viewer .sl-story-viewer__actions .sl-story-sound-control--rail .sl-story-action--sound:focus,
.sl-story-viewer .sl-story-viewer__actions .sl-story-sound-control--rail .sl-story-action--sound:active {
    position: relative !important;
    z-index: 37 !important;
    right: auto !important;
    top: auto !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transform: none !important;
}

.sl-story-viewer .sl-story-viewer__actions .sl-story-sound-control--rail .sl-story-action--sound .fa {
    background: none !important;
    color: inherit !important;
    -webkit-text-fill-color: currentColor !important;
}

.sl-story-viewer .sl-story-viewer__actions .sl-story-sound-control--rail .sl-story-action--sound.is-active .fa {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

.sl-story-viewer .sl-story-viewer__actions .sl-story-sound-control--rail .sl-story-volume {
    position: absolute !important;
    z-index: 36 !important;
    right: 42px !important;
    top: 50% !important;
    width: 148px !important;
    height: 42px !important;
    margin: -21px 0 0 0 !important;
    padding: 0 14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid rgba(255,255,255,.16) !important;
    border-radius: 999px !important;
    background: rgba(13,15,15,.66) !important;
    box-shadow: 0 16px 34px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.10) !important;
    backdrop-filter: blur(14px) !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transform: translateX(7px) scale(.98) !important;
    transition: opacity .16s ease, transform .16s ease, border-color .16s ease, background .16s ease !important;
}

.sl-story-viewer .sl-story-viewer__actions .sl-story-sound-control--rail.is-open .sl-story-volume,
.sl-story-viewer .sl-story-viewer__actions .sl-story-sound-control--rail:hover .sl-story-volume,
.sl-story-viewer .sl-story-viewer__actions .sl-story-sound-control--rail:focus-within .sl-story-volume {
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: translateX(0) scale(1) !important;
}

.sl-story-viewer .sl-story-viewer__actions .sl-story-sound-control--rail .sl-story-volume input[type="range"] {
    -webkit-appearance: none !important;
    appearance: none !important;
    width: 120px !important;
    height: 22px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    outline: none !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
    cursor: pointer !important;
    touch-action: none !important;
}

.sl-story-viewer .sl-story-viewer__actions .sl-story-sound-control--rail .sl-story-volume input[type="range"]::-webkit-slider-runnable-track {
    height: 4px !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.42) !important;
}

.sl-story-viewer .sl-story-viewer__actions .sl-story-sound-control--rail .sl-story-volume input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none !important;
    width: 16px !important;
    height: 16px !important;
    margin-top: -6px !important;
    border: 2px solid rgba(18,20,20,.72) !important;
    border-radius: 50% !important;
    background: #ffffff !important;
    box-shadow: 0 4px 12px rgba(0,0,0,.25) !important;
}

.sl-story-viewer .sl-story-viewer__actions .sl-story-sound-control--rail .sl-story-volume input[type="range"]::-moz-range-track {
    height: 4px !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.42) !important;
}

.sl-story-viewer .sl-story-viewer__actions .sl-story-sound-control--rail .sl-story-volume input[type="range"]::-moz-range-thumb {
    width: 16px !important;
    height: 16px !important;
    border: 2px solid rgba(18,20,20,.72) !important;
    border-radius: 50% !important;
    background: #ffffff !important;
    box-shadow: 0 4px 12px rgba(0,0,0,.25) !important;
}

html:not(.sl-admin-dark) body:not(.dark) .sl-story-viewer .sl-story-viewer__actions .sl-story-sound-control--rail .sl-story-volume {
    border-color: rgba(20,24,22,.14) !important;
    background: rgba(255,255,255,.90) !important;
    box-shadow: 0 16px 34px rgba(34,43,33,.16), inset 0 1px 0 rgba(255,255,255,.88) !important;
}

html:not(.sl-admin-dark) body:not(.dark) .sl-story-viewer .sl-story-viewer__actions .sl-story-sound-control--rail .sl-story-volume input[type="range"]::-webkit-slider-runnable-track {
    background: rgba(19,24,20,.30) !important;
}

html:not(.sl-admin-dark) body:not(.dark) .sl-story-viewer .sl-story-viewer__actions .sl-story-sound-control--rail .sl-story-volume input[type="range"]::-webkit-slider-thumb {
    border-color: rgba(255,255,255,.90) !important;
    background: #20251f !important;
}

html:not(.sl-admin-dark) body:not(.dark) .sl-story-viewer .sl-story-viewer__actions .sl-story-sound-control--rail .sl-story-volume input[type="range"]::-moz-range-track {
    background: rgba(19,24,20,.30) !important;
}

html:not(.sl-admin-dark) body:not(.dark) .sl-story-viewer .sl-story-viewer__actions .sl-story-sound-control--rail .sl-story-volume input[type="range"]::-moz-range-thumb {
    border-color: rgba(255,255,255,.90) !important;
    background: #20251f !important;
}

@media screen and (max-width: 760px) {
    .sl-story-viewer .sl-story-viewer__actions .sl-story-sound-control--rail .sl-story-action--sound,
    .sl-story-viewer .sl-story-viewer__actions .sl-story-sound-control--rail .sl-story-action--sound:hover,
    .sl-story-viewer .sl-story-viewer__actions .sl-story-sound-control--rail .sl-story-action--sound:focus,
    .sl-story-viewer .sl-story-viewer__actions .sl-story-sound-control--rail .sl-story-action--sound:active {
        width: 42px !important;
        height: 42px !important;
        min-width: 42px !important;
        min-height: 42px !important;
    }

    .sl-story-viewer .sl-story-viewer__actions .sl-story-sound-control--rail .sl-story-volume {
        right: 40px !important;
        width: 128px !important;
        height: 38px !important;
        margin-top: -19px !important;
        padding: 0 12px !important;
    }

    .sl-story-viewer .sl-story-viewer__actions .sl-story-sound-control--rail .sl-story-volume input[type="range"] {
        width: 102px !important;
    }
}

/* SerialLord stories polish 20260904-v16: stable vertical volume rail, zero volume stays zero. */
.sl-story-viewer .sl-story-viewer__actions .sl-story-sound-control--rail::before {
    right: 40px !important;
    top: -48px !important;
    width: 22px !important;
    height: 140px !important;
}

.sl-story-viewer .sl-story-viewer__actions .sl-story-sound-control--rail .sl-story-volume {
    right: 44px !important;
    top: 50% !important;
    width: 42px !important;
    height: 132px !important;
    margin: -66px 0 0 0 !important;
    padding: 14px 0 !important;
    border-radius: 18px !important;
    transform: translateX(7px) scale(.98) !important;
}

.sl-story-viewer .sl-story-viewer__actions .sl-story-sound-control--rail.is-open .sl-story-volume,
.sl-story-viewer .sl-story-viewer__actions .sl-story-sound-control--rail:hover .sl-story-volume,
.sl-story-viewer .sl-story-viewer__actions .sl-story-sound-control--rail:focus-within .sl-story-volume {
    transform: translateX(0) scale(1) !important;
}

.sl-story-viewer .sl-story-viewer__actions .sl-story-sound-control--rail .sl-story-volume input[type="range"] {
    width: 22px !important;
    height: 104px !important;
    writing-mode: vertical-lr !important;
    direction: rtl !important;
    transform: none !important;
}

.sl-story-viewer .sl-story-viewer__actions .sl-story-sound-control--rail .sl-story-volume input[type="range"]::-webkit-slider-runnable-track {
    width: 4px !important;
    height: 104px !important;
}

.sl-story-viewer .sl-story-viewer__actions .sl-story-sound-control--rail .sl-story-volume input[type="range"]::-webkit-slider-thumb {
    margin-top: 0 !important;
    margin-left: -6px !important;
}

@media screen and (max-width: 760px) {
    .sl-story-viewer .sl-story-viewer__actions .sl-story-sound-control--rail::before {
        right: 38px !important;
        top: -42px !important;
        width: 22px !important;
        height: 124px !important;
    }

    .sl-story-viewer .sl-story-viewer__actions .sl-story-sound-control--rail .sl-story-volume {
        right: 40px !important;
        width: 38px !important;
        height: 118px !important;
        margin-top: -59px !important;
        padding: 12px 0 !important;
        border-radius: 16px !important;
    }

    .sl-story-viewer .sl-story-viewer__actions .sl-story-sound-control--rail .sl-story-volume input[type="range"] {
        width: 22px !important;
        height: 94px !important;
    }

    .sl-story-viewer .sl-story-viewer__actions .sl-story-sound-control--rail .sl-story-volume input[type="range"]::-webkit-slider-runnable-track {
        height: 94px !important;
    }
}

/* SerialLord stories polish 20260904-v17: volume slider must not stay open after dragging. */
.sl-story-viewer .sl-story-viewer__actions .sl-story-sound-control--rail:not(.is-open):not(:hover) .sl-story-volume {
    opacity: 0 !important;
    pointer-events: none !important;
    transform: translateX(7px) scale(.98) !important;
}

@media screen and (max-width: 760px) {
    .sl-story-viewer .sl-story-viewer__actions .sl-story-sound-control--rail:not(.is-open):not(:hover) .sl-story-volume {
        transform: translateX(7px) scale(.98) !important;
    }
}

/* SerialLord stories polish 20260904-v18: theme-aware sound button and slimmer volume rail. */
.sl-story-viewer .sl-story-viewer__actions .sl-story-sound-control--rail .sl-story-action--sound,
.sl-story-viewer .sl-story-viewer__actions .sl-story-sound-control--rail .sl-story-action--sound:hover,
.sl-story-viewer .sl-story-viewer__actions .sl-story-sound-control--rail .sl-story-action--sound:focus,
.sl-story-viewer .sl-story-viewer__actions .sl-story-sound-control--rail .sl-story-action--sound:active {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    border: 1px solid rgba(255,255,255,.16) !important;
    border-radius: 50% !important;
    background: rgba(12,14,14,.46) !important;
    color: rgba(255,255,255,.90) !important;
    box-shadow: 0 12px 26px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.10) !important;
    backdrop-filter: blur(12px) saturate(1.08) !important;
    transition: background .16s ease, border-color .16s ease, color .16s ease, box-shadow .16s ease, transform .16s ease !important;
}

.sl-story-viewer .sl-story-viewer__actions .sl-story-sound-control--rail:hover .sl-story-action--sound,
.sl-story-viewer .sl-story-viewer__actions .sl-story-sound-control--rail.is-open .sl-story-action--sound,
.sl-story-viewer .sl-story-viewer__actions .sl-story-sound-control--rail .sl-story-action--sound:hover {
    border-color: rgba(255,255,255,.28) !important;
    background: rgba(20,22,22,.66) !important;
    color: #ffffff !important;
    box-shadow: 0 16px 34px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.14) !important;
}

.sl-story-viewer .sl-story-viewer__actions .sl-story-sound-control--rail .sl-story-action--sound .fa {
    font-size: 18px !important;
    line-height: 1 !important;
}

.sl-story-viewer .sl-story-viewer__actions .sl-story-sound-control--rail .sl-story-volume {
    right: 50px !important;
    width: 30px !important;
    height: 126px !important;
    margin-top: -63px !important;
    padding: 10px 0 !important;
    border: 1px solid rgba(255,255,255,.13) !important;
    border-radius: 999px !important;
    background: rgba(10,12,12,.34) !important;
    box-shadow: 0 16px 34px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.08) !important;
    backdrop-filter: blur(16px) saturate(1.08) !important;
}

.sl-story-viewer .sl-story-viewer__actions .sl-story-sound-control--rail.is-open .sl-story-volume,
.sl-story-viewer .sl-story-viewer__actions .sl-story-sound-control--rail:hover .sl-story-volume,
.sl-story-viewer .sl-story-viewer__actions .sl-story-sound-control--rail:focus-within .sl-story-volume {
    transform: translateX(0) scale(1) !important;
}

.sl-story-viewer .sl-story-viewer__actions .sl-story-sound-control--rail:not(.is-open):not(:hover) .sl-story-volume {
    transform: translateX(5px) scale(.97) !important;
}

.sl-story-viewer .sl-story-viewer__actions .sl-story-sound-control--rail .sl-story-volume input[type="range"] {
    width: 18px !important;
    height: 104px !important;
}

.sl-story-viewer .sl-story-viewer__actions .sl-story-sound-control--rail .sl-story-volume input[type="range"]::-webkit-slider-runnable-track {
    width: 3px !important;
    height: 104px !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.46) !important;
}

.sl-story-viewer .sl-story-viewer__actions .sl-story-sound-control--rail .sl-story-volume input[type="range"]::-webkit-slider-thumb {
    width: 13px !important;
    height: 13px !important;
    margin-left: -5px !important;
    border: 2px solid rgba(12,14,14,.78) !important;
    background: #ffffff !important;
    box-shadow: 0 3px 10px rgba(0,0,0,.26) !important;
}

.sl-story-viewer .sl-story-viewer__actions .sl-story-sound-control--rail .sl-story-volume input[type="range"]::-moz-range-track {
    width: 3px !important;
    height: 104px !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.46) !important;
}

.sl-story-viewer .sl-story-viewer__actions .sl-story-sound-control--rail .sl-story-volume input[type="range"]::-moz-range-thumb {
    width: 13px !important;
    height: 13px !important;
    border: 2px solid rgba(12,14,14,.78) !important;
    background: #ffffff !important;
    box-shadow: 0 3px 10px rgba(0,0,0,.26) !important;
}

html:not(.sl-admin-dark) body:not(.dark) .sl-story-viewer .sl-story-viewer__actions .sl-story-sound-control--rail .sl-story-action--sound,
html:not(.sl-admin-dark) body:not(.dark) .sl-story-viewer .sl-story-viewer__actions .sl-story-sound-control--rail .sl-story-action--sound:hover,
html:not(.sl-admin-dark) body:not(.dark) .sl-story-viewer .sl-story-viewer__actions .sl-story-sound-control--rail .sl-story-action--sound:focus,
html:not(.sl-admin-dark) body:not(.dark) .sl-story-viewer .sl-story-viewer__actions .sl-story-sound-control--rail .sl-story-action--sound:active {
    border-color: rgba(24,28,26,.16) !important;
    background: rgba(255,255,255,.74) !important;
    color: #161d18 !important;
    box-shadow: 0 12px 26px rgba(22,28,24,.14), inset 0 1px 0 rgba(255,255,255,.84) !important;
}

html:not(.sl-admin-dark) body:not(.dark) .sl-story-viewer .sl-story-viewer__actions .sl-story-sound-control--rail:hover .sl-story-action--sound,
html:not(.sl-admin-dark) body:not(.dark) .sl-story-viewer .sl-story-viewer__actions .sl-story-sound-control--rail.is-open .sl-story-action--sound,
html:not(.sl-admin-dark) body:not(.dark) .sl-story-viewer .sl-story-viewer__actions .sl-story-sound-control--rail .sl-story-action--sound:hover {
    border-color: rgba(24,28,26,.24) !important;
    background: rgba(255,255,255,.92) !important;
    color: #0f1511 !important;
    box-shadow: 0 16px 34px rgba(22,28,24,.18), inset 0 1px 0 rgba(255,255,255,.92) !important;
}

html:not(.sl-admin-dark) body:not(.dark) .sl-story-viewer .sl-story-viewer__actions .sl-story-sound-control--rail .sl-story-volume {
    border-color: rgba(24,28,26,.13) !important;
    background: rgba(255,255,255,.56) !important;
    box-shadow: 0 16px 34px rgba(22,28,24,.12), inset 0 1px 0 rgba(255,255,255,.70) !important;
}

html:not(.sl-admin-dark) body:not(.dark) .sl-story-viewer .sl-story-viewer__actions .sl-story-sound-control--rail .sl-story-volume input[type="range"]::-webkit-slider-runnable-track {
    background: rgba(16,22,18,.34) !important;
}

html:not(.sl-admin-dark) body:not(.dark) .sl-story-viewer .sl-story-viewer__actions .sl-story-sound-control--rail .sl-story-volume input[type="range"]::-webkit-slider-thumb {
    border-color: rgba(255,255,255,.86) !important;
    background: #141b16 !important;
}

html:not(.sl-admin-dark) body:not(.dark) .sl-story-viewer .sl-story-viewer__actions .sl-story-sound-control--rail .sl-story-volume input[type="range"]::-moz-range-track {
    background: rgba(16,22,18,.34) !important;
}

html:not(.sl-admin-dark) body:not(.dark) .sl-story-viewer .sl-story-viewer__actions .sl-story-sound-control--rail .sl-story-volume input[type="range"]::-moz-range-thumb {
    border-color: rgba(255,255,255,.86) !important;
    background: #141b16 !important;
}

@media screen and (max-width: 760px) {
    .sl-story-viewer .sl-story-viewer__actions .sl-story-sound-control--rail .sl-story-action--sound,
    .sl-story-viewer .sl-story-viewer__actions .sl-story-sound-control--rail .sl-story-action--sound:hover,
    .sl-story-viewer .sl-story-viewer__actions .sl-story-sound-control--rail .sl-story-action--sound:focus,
    .sl-story-viewer .sl-story-viewer__actions .sl-story-sound-control--rail .sl-story-action--sound:active {
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        min-height: 40px !important;
    }

    .sl-story-viewer .sl-story-viewer__actions .sl-story-sound-control--rail .sl-story-volume {
        right: 47px !important;
        width: 28px !important;
        height: 116px !important;
        margin-top: -58px !important;
        padding: 9px 0 !important;
    }

    .sl-story-viewer .sl-story-viewer__actions .sl-story-sound-control--rail .sl-story-volume input[type="range"] {
        width: 18px !important;
        height: 96px !important;
    }

    .sl-story-viewer .sl-story-viewer__actions .sl-story-sound-control--rail .sl-story-volume input[type="range"]::-webkit-slider-runnable-track {
        height: 96px !important;
    }
}

/* SerialLord stories polish 20260904-v19: clean white sound button for light theme. */
html:not(.sl-admin-dark) body:not(.dark) .sl-story-viewer .sl-story-viewer__actions .sl-story-sound-control--rail .sl-story-action--sound,
html:not(.sl-admin-dark) body:not(.dark) .sl-story-viewer .sl-story-viewer__actions .sl-story-sound-control--rail .sl-story-action--sound:hover,
html:not(.sl-admin-dark) body:not(.dark) .sl-story-viewer .sl-story-viewer__actions .sl-story-sound-control--rail .sl-story-action--sound:focus,
html:not(.sl-admin-dark) body:not(.dark) .sl-story-viewer .sl-story-viewer__actions .sl-story-sound-control--rail .sl-story-action--sound:active,
html:not(.sl-admin-dark) body:not(.dark) .sl-story-viewer .sl-story-viewer__actions .sl-story-sound-control--rail.is-open .sl-story-action--sound {
    border-color: rgba(18,23,20,.10) !important;
    background: rgba(255,255,255,.96) !important;
    color: #747b76 !important;
    box-shadow: 0 10px 24px rgba(17,22,18,.16), inset 0 1px 0 rgba(255,255,255,.96) !important;
}

html:not(.sl-admin-dark) body:not(.dark) .sl-story-viewer .sl-story-viewer__actions .sl-story-sound-control--rail:hover .sl-story-action--sound,
html:not(.sl-admin-dark) body:not(.dark) .sl-story-viewer .sl-story-viewer__actions .sl-story-sound-control--rail .sl-story-action--sound:hover {
    border-color: rgba(18,23,20,.14) !important;
    background: #ffffff !important;
    color: #5f6761 !important;
    box-shadow: 0 14px 30px rgba(17,22,18,.20), inset 0 1px 0 #ffffff !important;
}

html:not(.sl-admin-dark) body:not(.dark) .sl-story-viewer .sl-story-viewer__actions .sl-story-sound-control--rail .sl-story-action--sound .fa,
html:not(.sl-admin-dark) body:not(.dark) .sl-story-viewer .sl-story-viewer__actions .sl-story-sound-control--rail .sl-story-action--sound.is-active .fa {
    color: #747b76 !important;
    -webkit-text-fill-color: #747b76 !important;
}

html:not(.sl-admin-dark) body:not(.dark) .sl-story-viewer .sl-story-viewer__actions .sl-story-sound-control--rail:hover .sl-story-action--sound .fa,
html:not(.sl-admin-dark) body:not(.dark) .sl-story-viewer .sl-story-viewer__actions .sl-story-sound-control--rail .sl-story-action--sound:hover .fa {
    color: #5f6761 !important;
    -webkit-text-fill-color: #5f6761 !important;
}

/* SerialLord stories polish 20260904-v20: soft readability gradients over bright stories. */
.sl-story-viewer .sl-story-viewer__panel::before,
.sl-story-viewer .sl-story-viewer__panel::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 12 !important;
    display: block !important;
    pointer-events: none !important;
}

.sl-story-viewer .sl-story-viewer__panel::before {
    top: 0 !important;
    height: 28% !important;
    border-radius: inherit !important;
    background: linear-gradient(
        to bottom,
        rgba(0,0,0,.58) 0%,
        rgba(0,0,0,.30) 46%,
        rgba(0,0,0,0) 100%
    ) !important;
}

.sl-story-viewer .sl-story-viewer__panel::after {
    bottom: 0 !important;
    height: 36% !important;
    border-radius: inherit !important;
    background: linear-gradient(
        to top,
        rgba(0,0,0,.62) 0%,
        rgba(0,0,0,.34) 50%,
        rgba(0,0,0,0) 100%
    ) !important;
}

.sl-story-viewer .sl-story-viewer__progress,
.sl-story-viewer .sl-story-viewer__meta,
.sl-story-viewer .sl-story-viewer__close,
.sl-story-viewer .sl-story-viewer__nav,
.sl-story-viewer .sl-story-caption,
.sl-story-viewer .sl-story-desc-teaser,
.sl-story-viewer .sl-story-desc-toggle,
.sl-story-viewer .sl-story-description,
.sl-story-viewer .sl-story-cta,
.sl-story-viewer .sl-story-viewer__actions,
.sl-story-viewer .sl-story-video-state,
.sl-story-viewer .sl-story-comments,
.sl-story-viewer .sl-story-share {
    z-index: 18 !important;
}

.sl-story-viewer .sl-story-viewer__media {
    z-index: 1 !important;
}

@media screen and (max-width: 760px) {
    .sl-story-viewer .sl-story-viewer__panel::before {
        height: 30% !important;
    }

    .sl-story-viewer .sl-story-viewer__panel::after {
        height: 40% !important;
    }
}

/* SerialLord stories polish 20260904-v21: keep decorative gradients below real controls. */
.sl-story-viewer .sl-story-viewer__panel::before,
.sl-story-viewer .sl-story-viewer__panel::after {
    z-index: 2 !important;
    pointer-events: none !important;
}

.sl-story-viewer .sl-story-viewer__media {
    z-index: 1 !important;
}

.sl-story-viewer .sl-story-viewer__nav {
    z-index: 8 !important;
}

.sl-story-viewer .sl-story-viewer__progress {
    z-index: 24 !important;
}

.sl-story-viewer .sl-story-viewer__meta,
.sl-story-viewer .sl-story-caption,
.sl-story-viewer .sl-story-desc-teaser,
.sl-story-viewer .sl-story-desc-toggle,
.sl-story-viewer .sl-story-description,
.sl-story-viewer .sl-story-cta,
.sl-story-viewer .sl-story-video-state {
    z-index: 30 !important;
}

.sl-story-viewer .sl-story-viewer__actions {
    z-index: 45 !important;
}

.sl-story-viewer .sl-story-viewer__close {
    z-index: 80 !important;
    pointer-events: auto !important;
}

.sl-story-viewer .sl-story-comments,
.sl-story-viewer .sl-story-share {
    z-index: 90 !important;
}

/* SerialLord stories polish 20260904-v22: hide native scrollbar arrow buttons in story description. */
.sl-story-viewer .sl-story-description::-webkit-scrollbar-button,
.sl-story-viewer .sl-story-description::-webkit-scrollbar-button:single-button,
.sl-story-viewer .sl-story-description::-webkit-scrollbar-button:vertical,
.sl-story-viewer .sl-story-description::-webkit-scrollbar-button:vertical:start,
.sl-story-viewer .sl-story-description::-webkit-scrollbar-button:vertical:end,
.sl-story-viewer .sl-story-description::-webkit-scrollbar-button:vertical:start:decrement,
.sl-story-viewer .sl-story-description::-webkit-scrollbar-button:vertical:end:increment {
    display: block !important;
    width: 0 !important;
    height: 0 !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: 0 !important;
    max-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
}

.sl-story-viewer .sl-story-description::-webkit-scrollbar-corner,
.sl-story-viewer .sl-story-description::-webkit-resizer {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    background: transparent !important;
}

/* SerialLord stories polish 20260904-v23: wider description box with arrowless scrolling. */
.sl-story-viewer .sl-story-description,
.sl-story-viewer .sl-story-description:hover,
.sl-story-viewer .sl-story-description:focus {
    left: 18px !important;
    right: 18px !important;
    width: auto !important;
    max-width: none !important;
    padding: 16px 20px 16px 18px !important;
    overflow-y: auto !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
    box-shadow:
        inset -2px 0 0 rgba(255,255,255,.16),
        0 18px 42px rgba(0,0,0,.28),
        inset 0 1px 0 rgba(255,255,255,.10) !important;
}

.sl-story-viewer .sl-story-description::-webkit-scrollbar,
.sl-story-viewer .sl-story-description::-webkit-scrollbar-track,
.sl-story-viewer .sl-story-description::-webkit-scrollbar-thumb,
.sl-story-viewer .sl-story-description::-webkit-scrollbar-button,
.sl-story-viewer .sl-story-description::-webkit-scrollbar-button:single-button,
.sl-story-viewer .sl-story-description::-webkit-scrollbar-button:start:decrement,
.sl-story-viewer .sl-story-description::-webkit-scrollbar-button:end:increment,
.sl-story-viewer .sl-story-description::-webkit-scrollbar-button:vertical:start:decrement,
.sl-story-viewer .sl-story-description::-webkit-scrollbar-button:vertical:end:increment {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: 0 !important;
    max-height: 0 !important;
    opacity: 0 !important;
    background: transparent !important;
}

html:not(.sl-admin-dark) body:not(.dark) .sl-story-viewer .sl-story-description {
    box-shadow:
        inset -2px 0 0 rgba(255,255,255,.20),
        0 18px 42px rgba(0,0,0,.22),
        inset 0 1px 0 rgba(255,255,255,.18) !important;
}

@media screen and (max-width: 760px) {
    .sl-story-viewer .sl-story-description,
    .sl-story-viewer .sl-story-description:hover,
    .sl-story-viewer .sl-story-description:focus {
        left: 14px !important;
        right: 14px !important;
        padding: 15px 18px 15px 16px !important;
    }
}

/* SerialLord stories polish 20260904-v24: move close button outside the story frame. */
.sl-story-viewer .sl-story-viewer__close,
.sl-story-viewer .sl-story-viewer__close:hover,
.sl-story-viewer .sl-story-viewer__close:focus,
.sl-story-viewer .sl-story-viewer__close:active {
    position: absolute !important;
    top: 6px !important;
    right: -54px !important;
    left: auto !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    border: 1px solid rgba(255,255,255,.16) !important;
    border-radius: 50% !important;
    background: rgba(12,14,14,.46) !important;
    color: rgba(255,255,255,.90) !important;
    box-shadow: 0 12px 26px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.10) !important;
    backdrop-filter: blur(12px) saturate(1.08) !important;
    transform: none !important;
    opacity: 1 !important;
}

.sl-story-viewer .sl-story-viewer__close:hover,
.sl-story-viewer .sl-story-viewer__close:focus {
    border-color: rgba(255,255,255,.28) !important;
    background: rgba(20,22,22,.66) !important;
    color: #ffffff !important;
    box-shadow: 0 16px 34px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.14) !important;
}

.sl-story-viewer .sl-story-viewer__close .fa,
.sl-story-viewer .sl-story-viewer__close:hover .fa,
.sl-story-viewer .sl-story-viewer__close:focus .fa {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
    color: currentColor !important;
    -webkit-text-fill-color: currentColor !important;
    font-size: 18px !important;
    line-height: 1 !important;
}

html:not(.sl-admin-dark) body:not(.dark) .sl-story-viewer .sl-story-viewer__close,
html:not(.sl-admin-dark) body:not(.dark) .sl-story-viewer .sl-story-viewer__close:hover,
html:not(.sl-admin-dark) body:not(.dark) .sl-story-viewer .sl-story-viewer__close:focus,
html:not(.sl-admin-dark) body:not(.dark) .sl-story-viewer .sl-story-viewer__close:active {
    border-color: rgba(24,28,26,.16) !important;
    background: rgba(255,255,255,.74) !important;
    color: #5f6761 !important;
    box-shadow: 0 12px 26px rgba(22,28,24,.14), inset 0 1px 0 rgba(255,255,255,.84) !important;
}

html:not(.sl-admin-dark) body:not(.dark) .sl-story-viewer .sl-story-viewer__close:hover,
html:not(.sl-admin-dark) body:not(.dark) .sl-story-viewer .sl-story-viewer__close:focus {
    border-color: rgba(24,28,26,.24) !important;
    background: rgba(255,255,255,.92) !important;
    color: #0f1511 !important;
    box-shadow: 0 16px 34px rgba(22,28,24,.18), inset 0 1px 0 rgba(255,255,255,.92) !important;
}

@media screen and (max-width: 760px) {
    .sl-story-viewer .sl-story-viewer__close,
    .sl-story-viewer .sl-story-viewer__close:hover,
    .sl-story-viewer .sl-story-viewer__close:focus,
    .sl-story-viewer .sl-story-viewer__close:active {
        top: 8px !important;
        right: -46px !important;
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        min-height: 40px !important;
    }
}

@media screen and (max-width: 560px) {
    .sl-story-viewer .sl-story-viewer__close,
    .sl-story-viewer .sl-story-viewer__close:hover,
    .sl-story-viewer .sl-story-viewer__close:focus,
    .sl-story-viewer .sl-story-viewer__close:active {
        top: 10px !important;
        right: 10px !important;
    }
}

/* Guest prompt for public story submit entry. */
.sl-story-submit--auth[hidden] {
    display: none !important;
}

.sl-story-submit--auth {
    position: fixed !important;
    inset: 0 !important;
    z-index: 99998 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 20px !important;
}

.sl-story-submit--auth .sl-story-submit__shade {
    position: absolute !important;
    inset: 0 !important;
    background: rgba(0,0,0,.64) !important;
    backdrop-filter: blur(12px) saturate(1.08) !important;
}

.sl-story-submit--auth .sl-story-auth {
    position: relative !important;
    z-index: 1 !important;
    width: min(390px, calc(100vw - 32px)) !important;
    margin: 0 !important;
    padding: 28px 24px 24px !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    border-radius: 18px !important;
    background: rgba(20,22,23,.92) !important;
    color: #fff !important;
    box-shadow: 0 28px 70px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.08) !important;
    text-align: center !important;
}

.sl-story-auth__close,
.sl-story-auth__close:hover,
.sl-story-auth__close:focus {
    all: unset !important;
    position: absolute !important;
    top: 12px !important;
    right: 12px !important;
    width: 32px !important;
    height: 32px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    color: rgba(255,255,255,.72) !important;
    cursor: pointer !important;
    transition: color .18s ease, background .18s ease !important;
}

.sl-story-auth__close:hover,
.sl-story-auth__close:focus {
    background: rgba(255,255,255,.08) !important;
    color: #fff !important;
}

.sl-story-auth__icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 58px !important;
    height: 58px !important;
    margin: 0 auto 16px !important;
    border-radius: 18px !important;
    background: rgba(119,189,66,.16) !important;
    color: #8ee35b !important;
    box-shadow: inset 0 0 0 1px rgba(142,227,91,.20) !important;
}

.sl-story-auth__icon .fa {
    font-size: 24px !important;
    line-height: 1 !important;
}

.sl-story-auth > b {
    display: block !important;
    margin: 0 0 10px !important;
    color: #fff !important;
    font-size: 19px !important;
    font-weight: 900 !important;
    line-height: 1.22 !important;
    letter-spacing: 0 !important;
}

.sl-story-auth > p {
    margin: 0 !important;
    color: rgba(255,255,255,.68) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.45 !important;
}

.sl-story-auth__actions {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
    margin-top: 20px !important;
}

.sl-story-auth__form {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
}

.sl-story-auth__form button {
    all: unset !important;
    box-sizing: border-box !important;
}

.sl-story-auth__actions a,
.sl-story-auth__actions a:hover,
.sl-story-auth__actions a:focus,
.sl-story-auth__actions button,
.sl-story-auth__actions button:hover,
.sl-story-auth__actions button:focus {
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 42px !important;
    padding: 0 14px !important;
    border: 0 !important;
    border-radius: 12px !important;
    text-decoration: none !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    transition: transform .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease !important;
    cursor: pointer !important;
}

.sl-story-auth__primary,
.sl-story-auth__primary:hover,
.sl-story-auth__primary:focus {
    background: #78c447 !important;
    color: #17310f !important;
    box-shadow: 0 12px 26px rgba(120,196,71,.24) !important;
}

.sl-story-auth__form .sl-story-auth__primary,
.sl-story-auth__form .sl-story-auth__primary:visited,
.sl-story-auth__form .sl-story-auth__primary:hover,
.sl-story-auth__form .sl-story-auth__primary:focus,
.sl-story-auth__form .sl-story-auth__primary:active {
    background: #78c447 !important;
    background-color: #78c447 !important;
    background-image: none !important;
    color: #17310f !important;
    -webkit-text-fill-color: #17310f !important;
    box-shadow: 0 12px 26px rgba(120,196,71,.24) !important;
}

.sl-story-auth__secondary,
.sl-story-auth__secondary:hover,
.sl-story-auth__secondary:focus {
    appearance: none !important;
    -webkit-appearance: none !important;
    border: 1px solid rgba(255,255,255,.13) !important;
    background: rgba(255,255,255,.06) !important;
    background-image: none !important;
    color: rgba(255,255,255,.88) !important;
    box-shadow: none !important;
    outline: 0 !important;
}

.sl-story-auth__secondary::before,
.sl-story-auth__secondary::after,
.sl-story-auth__secondary:hover::before,
.sl-story-auth__secondary:hover::after,
.sl-story-auth__secondary:focus::before,
.sl-story-auth__secondary:focus::after {
    content: none !important;
    display: none !important;
    border: 0 !important;
    background: none !important;
    box-shadow: none !important;
}

.sl-story-auth__actions a:hover,
.sl-story-auth__actions a:focus,
.sl-story-auth__actions button:hover,
.sl-story-auth__actions button:focus {
    transform: translateY(-1px) !important;
}

html:not(.sl-admin-dark) body:not(.dark) .sl-story-submit--auth .sl-story-submit__shade {
    background: rgba(18,22,19,.44) !important;
}

html:not(.sl-admin-dark) body:not(.dark) .sl-story-submit--auth .sl-story-auth {
    border-color: rgba(31,38,32,.12) !important;
    background: rgba(255,255,255,.96) !important;
    color: #151a16 !important;
    box-shadow: 0 28px 70px rgba(24,32,25,.22), inset 0 1px 0 rgba(255,255,255,.9) !important;
}

html:not(.sl-admin-dark) body:not(.dark) .sl-story-auth > b {
    color: #151a16 !important;
}

html:not(.sl-admin-dark) body:not(.dark) .sl-story-auth > p {
    color: rgba(21,26,22,.66) !important;
}

html:not(.sl-admin-dark) body:not(.dark) .sl-story-auth__close {
    color: rgba(21,26,22,.58) !important;
}

html:not(.sl-admin-dark) body:not(.dark) .sl-story-auth__close:hover,
html:not(.sl-admin-dark) body:not(.dark) .sl-story-auth__close:focus {
    background: rgba(21,26,22,.07) !important;
    color: #151a16 !important;
}

html:not(.sl-admin-dark) body:not(.dark) .sl-story-auth__secondary {
    border-color: rgba(21,26,22,.12) !important;
    background: rgba(21,26,22,.05) !important;
    color: rgba(21,26,22,.82) !important;
}

@media screen and (max-width: 460px) {
    .sl-story-submit--auth {
        padding: 14px !important;
    }

    .sl-story-submit--auth .sl-story-auth {
        padding: 26px 18px 20px !important;
        border-radius: 16px !important;
    }

    .sl-story-auth__actions {
        grid-template-columns: 1fr !important;
    }
}

/* SerialLord stories polish 20260905-v5: inline description action and no video poster flash. */
.sl-story-viewer .sl-story-desc-teaser,
.sl-story-viewer .sl-story-desc-teaser:hover,
.sl-story-viewer .sl-story-desc-teaser:focus {
    pointer-events: auto !important;
}

.sl-story-viewer .sl-story-desc-teaser span {
    display: inline !important;
}

.sl-story-viewer .sl-story-desc-toggle,
.sl-story-viewer .sl-story-desc-toggle:hover,
.sl-story-viewer .sl-story-desc-toggle:focus,
.sl-story-viewer .sl-story-desc-toggle:active {
    all: unset !important;
    display: inline !important;
    margin-left: 4px !important;
    color: rgba(255,255,255,.88) !important;
    -webkit-text-fill-color: rgba(255,255,255,.88) !important;
    font: inherit !important;
    font-weight: 950 !important;
    line-height: inherit !important;
    letter-spacing: 0 !important;
    text-decoration: underline !important;
    text-decoration-thickness: 1px !important;
    text-underline-offset: 3px !important;
    text-shadow: inherit !important;
    cursor: pointer !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    transform: none !important;
}

.sl-story-viewer .sl-story-desc-toggle:hover,
.sl-story-viewer .sl-story-desc-toggle:focus {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}

.sl-story-viewer .sl-story-description__body {
    display: block !important;
}

.sl-story-viewer .sl-story-description__close,
.sl-story-viewer .sl-story-description__close:hover,
.sl-story-viewer .sl-story-description__close:focus,
.sl-story-viewer .sl-story-description__close:active {
    all: unset !important;
    display: inline-flex !important;
    margin-top: 12px !important;
    color: rgba(255,255,255,.82) !important;
    -webkit-text-fill-color: rgba(255,255,255,.82) !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    line-height: 1.1 !important;
    text-decoration: underline !important;
    text-underline-offset: 3px !important;
    cursor: pointer !important;
}

.sl-story-viewer .sl-story-description__close:hover,
.sl-story-viewer .sl-story-description__close:focus {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}

.sl-story-viewer .sl-story-viewer__media.is-loading {
    background: #000 !important;
}

.sl-story-viewer .sl-story-viewer__media video.sl-story-video--pending {
    opacity: 0 !important;
}

.sl-story-viewer .sl-story-viewer__media video.sl-story-video--ready {
    opacity: 1 !important;
    transition: opacity .16s ease !important;
}

/* SerialLord stories polish 20260905-v6: cinematic CTA with more breathing room. */
.sl-story-viewer .sl-story-cta,
.sl-story-viewer .sl-story-cta:hover,
.sl-story-viewer .sl-story-cta:focus,
.sl-story-viewer .sl-story-cta:active {
    bottom: 20px !important;
    min-height: 44px !important;
    padding: 7px 14px 7px 8px !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    overflow: hidden !important;
    border: 1px solid rgba(150,232,92,.24) !important;
    border-radius: 16px !important;
    background:
        linear-gradient(135deg, rgba(17,22,19,.82), rgba(7,10,9,.70)) padding-box,
        linear-gradient(135deg, rgba(147,235,88,.58), rgba(255,255,255,.08), rgba(147,235,88,.20)) border-box !important;
    color: rgba(242,255,235,.96) !important;
    text-shadow: 0 1px 8px rgba(0,0,0,.55) !important;
    box-shadow:
        0 18px 46px rgba(0,0,0,.36),
        0 0 0 1px rgba(130,220,82,.08),
        inset 0 1px 0 rgba(255,255,255,.10),
        inset 0 -18px 34px rgba(84,171,48,.10) !important;
    backdrop-filter: blur(16px) saturate(1.18) !important;
    transform: translateY(0) !important;
}

.sl-story-viewer .sl-story-cta::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 auto 0 0 !important;
    width: 4px !important;
    background: linear-gradient(180deg, rgba(158,242,94,.20), rgba(158,242,94,.96), rgba(158,242,94,.18)) !important;
    box-shadow: 0 0 18px rgba(137,229,82,.58) !important;
}

.sl-story-viewer .sl-story-cta::after {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    right: 16px !important;
    width: 8px !important;
    height: 8px !important;
    border-top: 2px solid currentColor !important;
    border-right: 2px solid currentColor !important;
    opacity: .72 !important;
    transform: translateY(-50%) rotate(45deg) !important;
}

.sl-story-viewer .sl-story-cta .fa {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 30px !important;
    width: 30px !important;
    height: 30px !important;
    border-radius: 11px !important;
    background: rgba(139,226,84,.92) !important;
    color: #10220c !important;
    -webkit-text-fill-color: #10220c !important;
    box-shadow: 0 10px 22px rgba(103,205,61,.26), inset 0 1px 0 rgba(255,255,255,.34) !important;
    font-size: 11px !important;
    text-shadow: none !important;
}

.sl-story-viewer .sl-story-cta b {
    min-width: 0 !important;
    padding-right: 22px !important;
    color: inherit !important;
    -webkit-text-fill-color: currentColor !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    line-height: 1.12 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.sl-story-viewer .sl-story-cta:hover,
.sl-story-viewer .sl-story-cta:focus {
    border-color: rgba(171,255,110,.38) !important;
    color: #fff !important;
    box-shadow:
        0 22px 54px rgba(0,0,0,.42),
        0 0 0 1px rgba(152,236,96,.16),
        0 0 28px rgba(113,213,68,.18),
        inset 0 1px 0 rgba(255,255,255,.14),
        inset 0 -18px 34px rgba(101,195,57,.16) !important;
    transform: translateY(-1px) !important;
}

.sl-story-viewer.sl-story-viewer--has-description .sl-story-cta {
    bottom: 22px !important;
}

.sl-story-viewer.sl-story-viewer--has-cta .sl-story-desc-teaser {
    bottom: 112px !important;
}

.sl-story-viewer.sl-story-viewer--has-cta .sl-story-description {
    bottom: 86px !important;
}

@media screen and (max-width: 760px) {
    .sl-story-viewer .sl-story-cta,
    .sl-story-viewer .sl-story-cta:hover,
    .sl-story-viewer .sl-story-cta:focus,
    .sl-story-viewer .sl-story-cta:active {
        left: 14px !important;
        right: 62px !important;
        bottom: 18px !important;
        min-height: 42px !important;
        padding: 6px 13px 6px 8px !important;
        border-radius: 15px !important;
    }

    .sl-story-viewer.sl-story-viewer--has-description .sl-story-cta {
        bottom: 18px !important;
    }

    .sl-story-viewer.sl-story-viewer--has-cta .sl-story-desc-teaser {
        bottom: 104px !important;
    }

    .sl-story-viewer.sl-story-viewer--has-cta .sl-story-description {
        bottom: 80px !important;
    }
}

/* SerialLord stories polish 20260906-v1: real mobile fullscreen stories. */
html.sl-story-lock,
html.sl-story-lock body {
    overscroll-behavior: none !important;
}

@media screen and (max-width: 760px), screen and (hover: none) and (pointer: coarse) {
    html.sl-story-lock,
    html.sl-story-lock body {
        width: 100% !important;
        height: 100% !important;
        overflow: hidden !important;
    }

    .sl-story-viewer {
        position: fixed !important;
        inset: 0 !important;
        z-index: 99997 !important;
        width: 100vw !important;
        min-width: 100vw !important;
        height: 100vh !important;
        min-height: 100vh !important;
        padding: 0 !important;
        margin: 0 !important;
        background: #000 !important;
        overflow: hidden !important;
        touch-action: manipulation !important;
    }

    @supports (height: 100dvh) {
        .sl-story-viewer {
            height: 100dvh !important;
            min-height: 100dvh !important;
        }
    }

    .sl-story-viewer[hidden] {
        display: none !important;
    }

    .sl-story-viewer__shade {
        position: fixed !important;
        inset: 0 !important;
        width: 100vw !important;
        height: 100vh !important;
        background: #000 !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    @supports (height: 100dvh) {
        .sl-story-viewer__shade {
            height: 100dvh !important;
        }
    }

    .sl-story-viewer__panel {
        position: fixed !important;
        inset: 0 !important;
        display: block !important;
        width: 100vw !important;
        max-width: none !important;
        min-width: 100vw !important;
        height: 100vh !important;
        max-height: none !important;
        min-height: 100vh !important;
        margin: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: #000 !important;
        box-shadow: none !important;
        overflow: hidden !important;
        transform: none !important;
    }

    @supports (height: 100dvh) {
        .sl-story-viewer__panel {
            height: 100dvh !important;
            min-height: 100dvh !important;
        }
    }

    .sl-story-viewer__media,
    .sl-story-viewer__media.is-loading {
        position: absolute !important;
        inset: 0 !important;
        z-index: 1 !important;
        width: 100% !important;
        height: 100% !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: #000 !important;
        overflow: hidden !important;
    }

    .sl-story-viewer__media::before,
    .sl-story-viewer__media::after {
        content: "" !important;
        position: absolute !important;
        left: 0 !important;
        right: 0 !important;
        z-index: 3 !important;
        pointer-events: none !important;
    }

    .sl-story-viewer__media::before {
        top: 0 !important;
        height: 132px !important;
        background: linear-gradient(180deg, rgba(0,0,0,.70), rgba(0,0,0,.24) 48%, rgba(0,0,0,0)) !important;
    }

    .sl-story-viewer__media::after {
        bottom: 0 !important;
        height: 240px !important;
        background: linear-gradient(0deg, rgba(0,0,0,.76), rgba(0,0,0,.28) 58%, rgba(0,0,0,0)) !important;
    }

    .sl-story-viewer__media img,
    .sl-story-viewer__media video,
    .sl-story-viewer__media iframe {
        position: absolute !important;
        inset: 0 !important;
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        max-width: none !important;
        max-height: none !important;
        border: 0 !important;
        border-radius: 0 !important;
        object-fit: cover !important;
        background: #000 !important;
    }

    .sl-story-viewer__progress {
        position: absolute !important;
        z-index: 70 !important;
        top: calc(env(safe-area-inset-top, 0px) + 8px) !important;
        left: max(12px, env(safe-area-inset-left, 0px)) !important;
        right: max(12px, env(safe-area-inset-right, 0px)) !important;
        width: auto !important;
        max-width: none !important;
        transform: none !important;
    }

    .sl-story-viewer__meta {
        position: absolute !important;
        z-index: 72 !important;
        top: calc(env(safe-area-inset-top, 0px) + 24px) !important;
        left: max(14px, env(safe-area-inset-left, 0px)) !important;
        right: calc(max(16px, env(safe-area-inset-right, 0px)) + 54px) !important;
        max-width: none !important;
        color: #fff !important;
        text-shadow: 0 2px 14px rgba(0,0,0,.70) !important;
    }

    .sl-story-viewer__close {
        position: absolute !important;
        z-index: 96 !important;
        top: calc(env(safe-area-inset-top, 0px) + 24px) !important;
        right: max(12px, env(safe-area-inset-right, 0px)) !important;
        width: 42px !important;
        height: 42px !important;
        border: 0 !important;
        border-radius: 50% !important;
        background: rgba(0,0,0,.32) !important;
        color: #fff !important;
        -webkit-text-fill-color: #fff !important;
        box-shadow: 0 10px 28px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.12) !important;
        backdrop-filter: blur(14px) !important;
        -webkit-backdrop-filter: blur(14px) !important;
        transform: none !important;
    }

    .sl-story-viewer__actions {
        position: absolute !important;
        z-index: 74 !important;
        top: auto !important;
        right: max(9px, env(safe-area-inset-right, 0px)) !important;
        bottom: calc(env(safe-area-inset-bottom, 0px) + 112px) !important;
        left: auto !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 13px !important;
        width: 48px !important;
        margin: 0 !important;
        transform: none !important;
    }

    .sl-story-action,
    .sl-story-action:hover,
    .sl-story-action:focus,
    .sl-story-action:active {
        width: 44px !important;
        height: auto !important;
        min-height: 44px !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        color: rgba(255,255,255,.92) !important;
        -webkit-text-fill-color: rgba(255,255,255,.92) !important;
        text-shadow: 0 2px 12px rgba(0,0,0,.70) !important;
        transform: none !important;
    }

    .sl-story-action .fa {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 40px !important;
        height: 40px !important;
        border-radius: 50% !important;
        background: rgba(0,0,0,.30) !important;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 8px 24px rgba(0,0,0,.28) !important;
        backdrop-filter: blur(12px) !important;
        -webkit-backdrop-filter: blur(12px) !important;
    }

    .sl-story-action b {
        display: block !important;
        margin-top: 3px !important;
        color: #fff !important;
        -webkit-text-fill-color: #fff !important;
        font-size: 11px !important;
        font-weight: 850 !important;
        line-height: 1 !important;
        text-align: center !important;
        text-shadow: 0 2px 8px rgba(0,0,0,.82) !important;
    }

    .sl-story-sound-control {
        position: absolute !important;
        z-index: 80 !important;
        top: calc(env(safe-area-inset-top, 0px) + 78px) !important;
        right: max(9px, env(safe-area-inset-right, 0px)) !important;
        width: 48px !important;
    }

    .sl-story-viewer .sl-story-viewer__actions .sl-story-sound-control--rail,
    .sl-story-viewer .sl-story-viewer__actions .sl-story-sound-control--rail:hover,
    .sl-story-viewer .sl-story-viewer__actions .sl-story-sound-control--rail:focus-within {
        position: relative !important;
        z-index: 80 !important;
        inset: auto !important;
        order: -1 !important;
        width: 44px !important;
        min-width: 44px !important;
        margin: 0 !important;
        overflow: visible !important;
    }

    .sl-story-viewer .sl-story-viewer__actions .sl-story-sound-control--rail .sl-story-volume {
        right: 48px !important;
        top: 50% !important;
        width: 34px !important;
        height: 132px !important;
        margin: -66px 0 0 0 !important;
        padding: 13px 8px !important;
        border-radius: 999px !important;
        background: rgba(8,10,10,.54) !important;
        box-shadow: 0 18px 38px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.10) !important;
        backdrop-filter: blur(16px) !important;
        -webkit-backdrop-filter: blur(16px) !important;
    }

    .sl-story-viewer .sl-story-viewer__actions .sl-story-sound-control--rail .sl-story-volume input[type="range"] {
        width: 18px !important;
        height: 104px !important;
    }

    .sl-story-desc-teaser {
        z-index: 64 !important;
        left: max(14px, env(safe-area-inset-left, 0px)) !important;
        right: calc(max(16px, env(safe-area-inset-right, 0px)) + 62px) !important;
        bottom: calc(env(safe-area-inset-bottom, 0px) + 92px) !important;
        max-width: none !important;
        color: #fff !important;
        -webkit-text-fill-color: #fff !important;
        text-shadow: 0 2px 14px rgba(0,0,0,.82), 0 0 18px rgba(0,0,0,.42) !important;
    }

    .sl-story-viewer.sl-story-viewer--has-cta .sl-story-desc-teaser {
        bottom: calc(env(safe-area-inset-bottom, 0px) + 144px) !important;
    }

    .sl-story-cta,
    .sl-story-cta:hover,
    .sl-story-cta:focus,
    .sl-story-cta:active {
        z-index: 66 !important;
        left: max(14px, env(safe-area-inset-left, 0px)) !important;
        right: calc(max(16px, env(safe-area-inset-right, 0px)) + 62px) !important;
        bottom: calc(env(safe-area-inset-bottom, 0px) + 34px) !important;
        width: auto !important;
    }

    .sl-story-description {
        z-index: 86 !important;
        left: max(14px, env(safe-area-inset-left, 0px)) !important;
        right: max(14px, env(safe-area-inset-right, 0px)) !important;
        bottom: calc(env(safe-area-inset-bottom, 0px) + 84px) !important;
        width: auto !important;
        max-width: none !important;
        max-height: min(48vh, 360px) !important;
        border-radius: 16px !important;
    }

    .sl-story-comments {
        position: fixed !important;
        z-index: 99999 !important;
        top: auto !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 100vw !important;
        max-width: none !important;
        height: min(70vh, 640px) !important;
        max-height: 70vh !important;
        border-radius: 20px 20px 0 0 !important;
        transform: none !important;
    }

    .sl-story-comments[hidden] {
        display: none !important;
    }

    .sl-story-share {
        position: fixed !important;
        z-index: 99999 !important;
        left: max(12px, env(safe-area-inset-left, 0px)) !important;
        right: max(12px, env(safe-area-inset-right, 0px)) !important;
        bottom: calc(env(safe-area-inset-bottom, 0px) + 12px) !important;
        width: auto !important;
        max-width: none !important;
        border-radius: 18px !important;
        transform: none !important;
    }

    .sl-story-share[hidden] {
        display: none !important;
    }

    .sl-story-video-state {
        z-index: 92 !important;
    }
}

@media screen and (max-width: 920px) and (orientation: landscape) {
    .sl-story-viewer__actions {
        right: max(12px, env(safe-area-inset-right, 0px)) !important;
        bottom: calc(env(safe-area-inset-bottom, 0px) + 34px) !important;
        gap: 8px !important;
    }

    .sl-story-desc-teaser {
        bottom: calc(env(safe-area-inset-bottom, 0px) + 42px) !important;
        right: calc(max(18px, env(safe-area-inset-right, 0px)) + 74px) !important;
    }

    .sl-story-cta {
        right: calc(max(18px, env(safe-area-inset-right, 0px)) + 74px) !important;
    }

    .sl-story-comments {
        top: 0 !important;
        left: auto !important;
        right: 0 !important;
        bottom: 0 !important;
        width: min(420px, 45vw) !important;
        height: 100vh !important;
        max-height: none !important;
        border-radius: 18px 0 0 18px !important;
    }

    @supports (height: 100dvh) {
        .sl-story-comments {
            height: 100dvh !important;
        }
    }
}

/* SerialLord stories polish 20260907-v1: admin-only story status badges. */
.sl-stories .sl-story {
    position: relative !important;
}

.sl-stories .sl-story__badges {
    position: absolute !important;
    z-index: 8 !important;
    top: 1px !important;
    right: -2px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    gap: 2px !important;
    pointer-events: none !important;
    transform: translateY(0) scale(1) !important;
    transform-origin: 40% 62% !important;
    transition: transform .22s ease, filter .22s ease !important;
    will-change: transform !important;
}

.sl-stories .sl-story:hover .sl-story__badges,
.sl-stories .sl-story:focus-visible .sl-story__badges {
    transform: translateY(-2px) scale(1.045) !important;
    filter: saturate(1.06) contrast(1.02) !important;
}

.sl-stories .sl-story__badge {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    height: 16px !important;
    min-width: 28px !important;
    padding: 0 6px !important;
    border: 1px solid rgba(255,255,255,.30) !important;
    border-radius: 999px !important;
    box-sizing: border-box !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    font-size: 8px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
    text-shadow: 0 1px 4px rgba(0,0,0,.50) !important;
    box-shadow: 0 5px 12px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.20) !important;
    backdrop-filter: blur(8px) saturate(1.15) !important;
    -webkit-backdrop-filter: blur(8px) saturate(1.15) !important;
}

.sl-stories .sl-story__badge--new {
    background: linear-gradient(135deg, rgba(255,43,64,.96), rgba(175,12,32,.92)) !important;
    border-color: rgba(255,154,164,.48) !important;
    animation: slStoryNewPulse 1.7s ease-in-out infinite !important;
}

.sl-stories .sl-story__badge--hot {
    min-width: 35px !important;
    gap: 3px !important;
    background: linear-gradient(135deg, rgba(28,18,8,.92), rgba(224,76,22,.94)) !important;
    border-color: rgba(255,177,84,.50) !important;
    box-shadow: 0 6px 14px rgba(230,80,22,.24), 0 3px 10px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.18) !important;
}

.sl-stories .sl-story__badge--hot .fa {
    color: #ffd56a !important;
    -webkit-text-fill-color: #ffd56a !important;
    font-size: 8px !important;
    line-height: 1 !important;
    text-shadow: 0 0 8px rgba(255,111,34,.60) !important;
}

@keyframes slStoryNewPulse {
    0%, 100% {
        opacity: .88;
        transform: translateZ(0) scale(1);
        box-shadow: 0 5px 12px rgba(0,0,0,.26), 0 0 0 rgba(255,45,64,0), inset 0 1px 0 rgba(255,255,255,.20);
    }
    50% {
        opacity: 1;
        transform: translateZ(0) scale(1.055);
        box-shadow: 0 6px 14px rgba(0,0,0,.30), 0 0 13px rgba(255,45,64,.52), inset 0 1px 0 rgba(255,255,255,.24);
    }
}

@media (prefers-reduced-motion: reduce) {
    .sl-stories .sl-story__badge--new {
        animation: none !important;
    }
}

@media screen and (max-width: 480px) {
    .sl-stories .sl-story__badges {
        top: 0 !important;
        right: -1px !important;
    }

    .sl-stories .sl-story__badge {
        height: 15px !important;
        min-width: 26px !important;
        padding: 0 5px !important;
        font-size: 7px !important;
    }

    .sl-stories .sl-story__badge--hot {
        min-width: 32px !important;
    }
}