.forge-item-page {
    --fi-green: #ff9f45;
    --fi-cyan: #68e8ff;
    --fi-gold: #ffd66b;
    --fi-violet: #c29bff;
    --fi-red: #ff8ca0;
}

.forge-item-page .fi-progress {
    background: linear-gradient(90deg, var(--fi-cyan), var(--fi-green), var(--fi-gold));
}

.forge-item-page .fi-hero::before {
    background:
        linear-gradient(90deg, rgba(3, 8, 17, 0.99) 0%, rgba(3, 8, 17, 0.94) 37%, rgba(3, 8, 17, 0.44) 64%, rgba(3, 8, 17, 0.18)),
        radial-gradient(circle at 78% 48%, rgba(59, 216, 255, 0.23), transparent 24rem),
        url("../../pics/minecraft-104-star-crystal-source.png") 82% 48% / min(54vw, 720px) auto no-repeat,
        #07101e;
}

.forge-item-page .fi-hero h1 {
    max-width: 11ch;
}

.forge-item-page .fi-hero h1 span {
    color: var(--fi-green);
}

.forge-item-page .fi-step-index,
.forge-item-page .fi-primary {
    color: #160b02;
}

.forge-item-page .fi-download {
    border-color: rgba(255, 159, 69, 0.4);
    background: linear-gradient(135deg, rgba(255, 159, 69, 0.14), rgba(104, 232, 255, 0.07));
}

.forge-item-page .fi-shot figcaption strong {
    color: var(--fi-green);
}

@media (max-width: 700px) {
    .forge-item-page .fi-hero::before {
        background:
            linear-gradient(0deg, rgba(3, 8, 17, 0.99) 0%, rgba(3, 8, 17, 0.91) 54%, rgba(3, 8, 17, 0.35) 84%),
            radial-gradient(circle at 68% 26%, rgba(59, 216, 255, 0.2), transparent 18rem),
            url("../../pics/minecraft-104-star-crystal-source.png") 70% 21% / 78vw auto no-repeat,
            #07101e;
    }

    .forge-item-page .fi-lesson,
    .forge-item-page .fi-section,
    .forge-item-page .fi-steps,
    .forge-item-page .fi-step,
    .forge-item-page .fi-code,
    .forge-item-page pre {
        min-width: 0;
        max-width: 100%;
    }

    .forge-item-page .fi-section :not(pre) > code,
    .forge-item-page .fi-step :not(pre) > code {
        overflow-wrap: anywhere;
        word-break: break-word;
    }
}