.earning-highlight {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-top: 17px;
    padding: 16px;
    border: 1px solid #efb44f;
    border-radius: 14px;
    background: #4a230d80;
}

.earning-highlight strong {
    color: #ffe2a4;
    font-size: 1.18rem;
}

.earning-highlight span {
    color: #fff;
}

.income-calculation {
    grid-column: 1 / -1;
    padding: 20px;
    border: 1px solid #8d642d;
    border-radius: 16px;
    background: #0d111f;
}

.income-calculation h3 {
    margin: 0 0 12px;
    color: #ffd88d;
}

.income-calculation div {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    padding: 10px 0;
    border-bottom: 1px solid #2e354b;
}

.income-calculation div span {
    color: #adb7cf;
}

.income-calculation div strong {
    text-align: right;
}

.income-calculation p {
    margin: 14px 0 0;
    color: #9da7bd;
    font-size: .82rem;
}

.private-explainer:target {
    box-shadow: 0 0 0 3px #f2bb4c40, 0 0 50px #f2bb4c20;
}

@media (max-width: 620px) {
    .income-calculation div {
        align-items: flex-start;
        flex-direction: column;
        gap: 3px;
    }

    .income-calculation div strong {
        text-align: left;
    }
}