/* Achievements Section Styles - Key professional milestones with statistics - Mobile First */
.achievements-section {
    background: var(--achievements-section-bg);
    position: relative;

    & .achievements-grid {
        /* Positioning & Display */
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: var(--spacing-sm);

        /* Box Model */
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
        padding: 0 var(--spacing-md);

        & .achievement-item {
            /* Positioning & Display */
            display: flex;
            flex-direction: column;
            align-items: center;

            /* Box Model */
            width: 100%;
            padding: var(--spacing-xs);
            min-height: auto;
            word-break: break-word;

            /* Typography */
            text-align: center;
            transition: all 0.3s ease;

            & .achievement-icon {
                /* Positioning & Display */
                display: flex;
                align-items: center;
                justify-content: center;

                /* Box Model */
                width: 60px;
                height: 60px;
                margin-bottom: var(--spacing-xs);

                /* Typography */
                font-size: 1.8rem;

                background: linear-gradient(to right, var(--accent-color), var(--special-color));
                -webkit-background-clip: text;
                -moz-background-clip: text;
                background-clip: text;
                color: transparent;
            }

            &:first-child .achievement-icon {
                background: var(--highlight-color);
                -webkit-background-clip: text;
                -moz-background-clip: text;
                background-clip: text;
                color: transparent;
            }

            & .achievement-stat {
                /* Box Model */
                margin-bottom: var(--spacing-xs);

                /* Typography */
                font-size: 2.2rem;
                font-weight: 700;
                color: var(--text-color);
                line-height: 1.1;
            }

            & .achievement-content {
                & h3 {
                    /* Box Model */
                    margin-bottom: var(--spacing-xs);

                    /* Typography */
                    font-size: 0.9rem;
                    font-weight: 600;
                    word-wrap: break-word;
                    hyphens: auto;
                }

                & p {
                    /* Box Model */
                    margin-bottom: 0;

                    /* Typography */
                    font-size: 0.8rem;
                    color: var(--secondary-text);
                    word-wrap: break-word;
                    hyphens: auto;
                    overflow-wrap: break-word;
                }
            }
        }
    }
}

/* Tablet styles */
@media (min-width: 576px) {
    .achievements-section {
        padding: var(--spacing-xl) 0;

        & .achievements-grid {
            gap: var(--spacing-sm);

            & .achievement-item {
                padding: var(--spacing-sm);

                & .achievement-icon {
                    width: 65px;
                    height: 65px;
                    font-size: 2rem;
                    margin-bottom: var(--spacing-sm);
                }

                & .achievement-stat {
                    font-size: 2.5rem;
                }

                & .achievement-content {
                    & h3 {
                        font-size: 1rem;
                    }

                    & p {
                        font-size: 0.85rem;
                    }
                }
            }
        }
    }
}

/* Medium tablet styles */
@media (min-width: 768px) {
    .achievements-section {
        padding: var(--spacing-xl) var(--spacing-lg);

        & .achievements-grid {
            grid-template-columns: repeat(2, 1fr);
            gap: var(--spacing-md);
            max-width: 720px;

            & .achievement-item {
                padding: var(--spacing-md);

                & .achievement-icon {
                    width: 70px;
                    height: 70px;
                    font-size: 2.2rem;
                }

                & .achievement-stat {
                    font-size: 3rem;
                    margin-bottom: var(--spacing-sm);
                }

                & .achievement-content {
                    & h3 {
                        font-size: 1.1rem;
                    }

                    & p {
                        font-size: 0.9rem;
                    }
                }
            }
        }
    }
}

/* Desktop styles */
@media (min-width: 992px) {
    .achievements-section {
        padding: var(--spacing-xxl);

        & .achievements-grid {
            grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
            max-width: 1200px;

            & .achievement-item {
                width: 100%;
                padding: var(--spacing-md);

                & .achievement-icon {
                    width: 80px;
                    height: 80px;
                    font-size: 2.5rem;
                }

                & .achievement-stat {
                    font-size: 3.5rem;
                }

                & .achievement-content {
                    & h3 {
                        font-size: 1.2rem;
                    }

                    & p {
                        font-size: 0.95rem;
                    }
                }
            }
        }
    }
}