.page-videos .hero-content-container .lead a {
    color: var(--button-color) !important;
}

.page-videos .ss-video__title {
    color: #0a0a0a;
}

@media (max-width: 767px) {
    .page-videos .ss-video__title {
        color: #ffffff !important;
    }
}

.ss-section.ss-videos {
    max-width: 1100px;
    margin: 0 auto;
    padding: clamp(24px,4vw,48px)16px
}

.ss-videos .ss-section__head {
    margin-bottom: clamp(16px,2.5vw,28px)
}

.ss-videos .ss-h1 {
    font-size: clamp(28px,3.5vw,44px);
    line-height: 1.05;
    letter-spacing: -0.02em;
    margin: 0 0 10px 0
}

.ss-videos .ss-lede {
    margin: 0;
    max-width: 70ch;
    opacity: 0.9
}

.ss-videos {
    --bg: var(--ss-bg);
    --card: var(--ss-surface);
    --text: var(--ss-text);
    --muted: var(--ss-muted);
    --border: var(--ss-border);
    --shadow: var(--ss-shadow-1);
    --radius: var(--ss-radius-2);
    --gap: 16px;
    color: var(--text)
}

.ss-videos .ss-videos__layout {
    display: grid;
    gap: clamp(14px,2vw,22px);
    align-items: start
}

@media(min-width: 980px) {
    .ss-videos .ss-videos__layout {
        grid-template-columns:minmax(360px,480px)1fr
    }

    .ss-videos .ss-videos__player {
        position: sticky;
        top: 16px
    }
}

@media(min-width: 980px) {
    .ss-videos .ss-videos__layout--single {
        grid-template-columns: 1fr;
    }
}

.ss-videos .ss-videos__player {
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    box-shadow: var(--shadow);
    overflow: hidden;
    text-align: center
}

.ss-videos .ss-videos__player-box {
    max-width: 640px;
    margin: 0 auto;
    position: static;
}

.ss-videos .ss-videos__aspect {
    aspect-ratio: 16 / 9;
    background: #000;
    min-height: 260px
}

.ss-videos iframe {
    width: 100%;
    height: 100%;
    border: 0;
    display: block
}

.ss-video-player-intent {
    position: relative;
    border-radius: 1rem;
    overflow: hidden;
    cursor: pointer;
    min-height: 260px;
    height: 100%;
    width: 100%;
    background-color: #121212;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-align: center;
    gap: 0.5rem
}

.ss-video-player-intent:focus-visible {
    outline: 3px solid #4ea94e;
    outline-offset: 3px
}

.ss-video-player-intent__thumb {
    position: absolute;
    inset: 0
}

.ss-video-player-intent__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: brightness(0.65)
}

.ss-video-player-intent__overlay {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none
}

.ss-video-player-intent__overlay i {
    font-size: 3rem;
    padding: 0.75rem;
    border-radius: 50%;
    background: rgba(0,0,0,0.6)
}

.ss-video-player-intent__text {
    position: relative;
    z-index: 1;
    font-size: 0.9rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase
}

.ss-video-player-intent--hidden {
    display: none !important
}

.ss-videos__aspect {
    position: relative
}

#ss-videos-player-frame {
    min-height: 260px
}

.ss-videos__iframe {
    position: absolute;
    inset: 0;
    height: 100%;
    width: 100%
}

.ss-videos__context .container > p:nth-of-type(2) a:nth-of-type(2),
.ss-videos__context .container > p:nth-of-type(2) a:nth-of-type(2):visited {
    color: #000 !important
}

.ss-videos__iframe iframe {
    width: 100%;
    height: 100%;
    border: 0;
    border-radius: 1rem
}

.ss-videos .ss-videos__rail {
    display: grid;
    gap: var(--gap);
    text-align: center
}

.ss-videos .ss-videos__toolbar {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    justify-content: center;
    padding: 10px 2px
}

.ss-videos .ss-videos__toolbar,
.ss-videos .ss-videos__guide,
.ss-videos .ss-videos__start-here,
.ss-videos .ss-videos__noscript,
.ss-videos .ss-videos__rail .d-flex {
    text-align: center;
    justify-content: center !important
}

.ss-videos .ss-videos__rail .d-flex {
    width: 100%;
    align-items: center
}

.ss-videos .ss-start-here-card p,
.ss-videos .ss-start-here-card h3 {
    text-align: center;
}

.ss-videos .ss-start-here-card {
    background: var(--ss-slate);
    color: #fff;
    box-shadow: var(--ss-shadow-1);
}

.ss-videos .ss-start-here-card p {
    color: rgba(255,255,255,0.82);
}

.ss-videos .ss-videos__search {
    flex: 1 1 260px;
    min-width: 220px;
    padding: 10px 12px;
    border-radius: 999px;
    border: 1px solid var(--border);
    background: var(--card);
    color: var(--text);
    max-width: 420px;
    margin: 0 auto
}

.ss-videos .ss-videos__chips {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%
}

.ss-videos .ss-chip {
    border: 1px solid var(--border);
    background: transparent;
    color: var(--text);
    border-radius: 999px;
    padding: 8px 10px;
    font-size: 14px;
    cursor: pointer
}

.ss-videos .ss-chip[aria-pressed="true"] {
    background: var(--ss-surface2)
}

.ss-videos .ss-videos__grid {
    display: grid;
    gap: clamp(12px,1.4vw,16px);
    grid-template-columns: repeat(2,minmax(0,1fr));
    max-width: 1200px;
    margin: 0 auto;
    justify-items: center;
    justify-content: center
}

.ss-videos__start-here .ss-start-here-card h3 {
    color: #fff
}

@media(min-width: 720px) {
    .ss-videos .ss-videos__grid {
        grid-template-columns:repeat(3,minmax(0,1fr))
    }
}

@media(min-width: 1200px) {
    .ss-videos .ss-videos__grid {
        grid-template-columns:repeat(4,minmax(0,1fr))
    }
}

.ss-videos .ss-video {
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    overflow: hidden;
    transition: transform .12s ease,box-shadow .12s ease;
    padding: 0;
    text-align: left;
    width: 100%;
    max-width: 320px;
    cursor: pointer
}

.ss-videos .ss-video:hover {
    transform: translateY(-2px);
    box-shadow: var(--ss-shadow-2)
}

.ss-videos .ss-video__thumb {
    position: relative;
    aspect-ratio: 16/9;
    background: #000
}

.ss-videos .ss-video__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block
}

.ss-videos .ss-video__thumb::after {
    content: "▶";
    position: absolute;
    inset: auto auto 10px 10px;
    width: 42px;
    height: 42px;
    border-radius: 999px;
    display: grid;
    place-items: center;
    background: rgba(0,0,0,.60);
    color: #fff;
    font-size: 18px
}

.ss-videos .ss-video__body {
    padding: 12px 12px 14px;
    display: grid;
    gap: 6px
}

.ss-videos .ss-video__title {
    font-size: 14px;
    line-height: 1.25;
    font-weight: 700;
    margin: 0
}

.ss-videos .ss-video__meta {
    font-size: 12px;
    color: var(--muted)
}

.ss-videos .ss-btn {
    border: 1px solid var(--border);
    background: var(--card);
    color: var(--text);
    border-radius: 999px;
    padding: 10px 14px;
    cursor: pointer
}

.ss-videos .ss-btn:disabled {
    opacity: .6;
    cursor: not-allowed
}

.ss-videos .ss-vg-meta {
    padding: 14px 14px 16px;
    border-top: 1px solid var(--border);
    background: var(--card);
    text-align: center
}

.ss-videos .ss-vg-now {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.14em;
    color: var(--muted);
    margin-bottom: 6px
}

.ss-videos .ss-vg-nowtitle {
    margin: 0 0 6px;
    font-size: 16px;
    line-height: 1.25;
    font-weight: 700
}

.ss-videos .ss-vg-nowdate {
    font-size: 12px;
    color: var(--muted)
}

.ss-videos .ss-videos__player-cta {
    text-align: center;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.ss-videos .ss-videos__player-cta a {
    display: inline-block;
}

.ss-videos .ss-videos__guide {
    text-align: center;
}