.silver-journey {
    --journey-gold: #bfe8f5;
    --journey-ink: #061019;
    --journey-paper: #edf7fb;
    --journey-muted: #9eb5c0;
    background:
        radial-gradient(circle at 12% 8%, rgba(68, 160, 194, .12), transparent 28rem),
        linear-gradient(180deg, #061019 0%, #08131b 54%, #050b10 100%);
}

.silver-journey .journey-hero__shade {
    background:
        linear-gradient(90deg, rgba(2, 8, 13, .1), rgba(2, 10, 17, .88) 68%),
        linear-gradient(0deg, rgba(3, 10, 16, .96), transparent 58%);
}

.silver-journey .journey-hero__content {
    padding-inline-start: clamp(0px, 4vw, 48px);
}

.silver-journey .journey-hero h1 em {
    color: #e3f7ff;
    text-shadow: 0 0 42px rgba(113, 206, 236, .22);
}

.journey-hero__signal {
    position: absolute;
    z-index: 2;
    top: clamp(110px, 16vh, 170px);
    left: clamp(24px, 7vw, 110px);
    width: clamp(96px, 12vw, 150px);
    aspect-ratio: 1;
    display: grid;
    place-content: center;
    text-align: center;
    border: 1px solid rgba(198, 234, 246, .4);
    border-radius: 50%;
    color: #e6f7fc;
    background: rgba(7, 20, 29, .34);
    box-shadow: inset 0 0 38px rgba(151, 220, 241, .08), 0 0 60px rgba(48, 141, 174, .1);
    backdrop-filter: blur(8px);
}

.journey-hero__signal strong {
    font: 700 clamp(2.1rem, 4vw, 3.6rem)/1 "IBM Plex Mono", monospace;
}

.journey-hero__signal span {
    margin-top: 7px;
    color: #9fc4d1;
    font: 600 .68rem/1 "IBM Plex Mono", monospace;
    letter-spacing: .12em;
}

.silver-journey .journey-button--primary {
    background: linear-gradient(135deg, #e8f7fb, #9ed6e8);
    border-color: #d5f1f8;
    box-shadow: 0 10px 32px rgba(50, 144, 176, .18);
}

.silver-journey .journey-button--ghost {
    background: rgba(4, 15, 23, .58);
    border-color: rgba(187, 226, 239, .28);
}

.silver-journey .journey-toolbar {
    background: rgba(6, 17, 25, .94);
    border-color: rgba(159, 218, 237, .32);
    box-shadow: 0 16px 55px rgba(0, 0, 0, .5), 0 0 36px rgba(46, 137, 168, .08);
}

.silver-journey .journey-toolbar button {
    border-color: #334b57;
    background: #142630;
}

.silver-journey .journey-chapter {
    border-top-color: #18303b;
}

.silver-journey .journey-chapter__visual::before {
    content: "";
    position: absolute;
    z-index: 2;
    inset-block: 0;
    right: 0;
    width: 1px;
    background: linear-gradient(transparent, rgba(174, 229, 246, .75), transparent);
}

.silver-journey .journey-chapter__visual::after {
    background: linear-gradient(90deg, transparent 56%, rgba(4, 14, 21, .78));
}

.silver-journey .journey-metric {
    border-color: #1c3b48;
}

.silver-journey .journey-metric strong {
    color: #d9f3fa;
}

.silver-journey .journey-fact {
    background: rgba(17, 39, 49, .7);
}

.silver-journey .journey-transcript {
    border-top-color: #1b3540;
}

.silver-journey .journey-transcript summary {
    color: #bfe8f5;
}

.silver-journey .journey-finish {
    background:
        radial-gradient(circle at 50% 8%, rgba(86, 180, 211, .2), transparent 48%),
        linear-gradient(180deg, transparent, rgba(3, 9, 14, .48));
}

.silver-journey .journey-methodology,
.silver-journey .journey-footer-content > .art-related {
    border-color: #18303b;
}

.silver-journey .journey-faq {
    padding-top: 0;
}

.silver-journey .journey-faq details {
    border-top: 1px solid #1b3540;
    padding: 20px 0;
}

.silver-journey .journey-faq details:last-child {
    border-bottom: 1px solid #1b3540;
}

.silver-journey .journey-faq summary {
    cursor: pointer;
    color: #edf9fc;
    font-weight: 800;
    line-height: 1.7;
}

.silver-journey .journey-faq details p {
    margin: 12px 0 0;
    color: #b8cbd3;
}

.silver-journey :is(a, button, summary):focus-visible {
    outline-color: #bfe8f5;
}

.silver-journey :is(.journey-breadcrumb a, .journey-source, .journey-methodology a):is(:hover, :focus-visible) {
    color: #bfe8f5 !important;
}

@media (max-width: 860px) {
    .silver-journey .journey-hero__shade {
        background: linear-gradient(0deg, rgba(3, 11, 17, .98), rgba(3, 12, 20, .18) 76%);
    }

    .journey-hero__signal {
        top: 105px;
        left: 20px;
        width: 86px;
        opacity: .86;
    }

    .silver-journey .journey-chapter__visual::after {
        background: linear-gradient(0deg, rgba(4, 14, 21, .72), transparent 52%);
    }
}

@media (max-width: 520px) {
    .journey-hero__signal {
        top: 92px;
        width: 72px;
    }

    .journey-hero__signal span {
        display: none;
    }
}