/* Görünmeyen kol açıyı hesaplar; yalnızca yayın altındaki üçgen görünür. */
.needle {
    z-index: 3;
    width: 104px;
    height: 1px;
    bottom: 2px;
    background: transparent;
    transform-origin: left center;
}

.needle::before {
    display: none;
}

.needle::after {
    content: "";
    position: absolute;
    right: -8px;
    top: -7px;
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 12px solid var(--deep);
    filter: drop-shadow(0 1px 1px rgba(12, 47, 68, 0.18));
}

@media (max-width: 760px) {
    .needle {
        width: 92px;
        bottom: 2px;
    }

    .needle::after {
        right: -7px;
        top: -6px;
        border-top-width: 6px;
        border-bottom-width: 6px;
        border-left-width: 10px;
    }
}