body {
    font-family: "Inter", sans-serif;
}
#chart-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1rem;
    gap: 1rem;
}
@media (min-width: 768px) {
    #chart-container {
        flex-direction: row;
        align-items: flex-start;
    }
}
.info-panel-content p {
    margin-bottom: 0.5rem;
}
.info-panel-content strong {
    font-weight: 600;
}

/* Spalvoto pavadinimo stiliai */
.hard-text {
    color: #2ecc71; /* Salotinė */
}
.skills-text {
    color: #f39c12; /* Geltona ochra */
}
.radialine-text {
    color: #3498db; /* Mėlyna */
}
.diagrama-text {
    color: #e74c3c; /* Raudona */
}

/* Tooltip stiliai */
#tooltip {
    z-index: 1000;
}

/* --- PRIDĖTAS KODAS FONO PAVEIKSLĖLIUI --- */
#chart {
    background-image: url('fonas.jpg'); /* <-- Pakeiskite į savo paveikslėlio pavadinimą */
    background-size: cover; /* Užpildo visą plotą */
    background-position: center center; /* Centruoja paveikslėlį */
    background-repeat: no-repeat; /* Neleidžia kartoti paveikslėlio */
    border-radius: 50%; /* Padaro foną apvalų, kad atitiktų diagramą */
}

/* Užtikriname, kad SVG elementas virš fono būtų permatomas */
#chart svg {
    background-color: transparent;
}