@media (max-width: 1024px) {
    .site-title {
        font-size: 24px;
        letter-spacing: 2px;
    }

    .site-title-full {
        display: none;
    }

    .site-title-short {
        display: inline;
    }

    .challenges-grid {
        grid-template-columns: 1fr;
        gap: 1em;
    }

    .challenge-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75em;
    }

    .challenge-meta {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5em;
    }
}

@media (max-width: 768px) {
    .sidebar {
        width: 60px;
    }

    .sidebar-item {
        justify-content: center;
        padding: 15px 5px;
        margin: 5px;
    }

    .sidebar-text {
        display: none;
    }

    .sidebar-item:hover .sidebar-text {
        display: block;
        position: absolute;
        left: 100%;
        top: 50%;
        transform: translateY(-50%);
        background-color: #181825;
        color: #f9e2af;
        padding: 8px 12px;
        border-radius: 6px;
        border: 1px solid #313244;
        white-space: nowrap;
        z-index: 1000;
        margin-left: 8px;
        font-size: 14px;
    }

    .sidebar-item:hover .sidebar-text::before {
        content: '';
        position: absolute;
        left: -6px;
        top: 50%;
        transform: translateY(-50%);
        border: 6px solid transparent;
        border-right-color: #313244;
    }

    .sidebar-item:hover .sidebar-text::after {
        content: '';
        position: absolute;
        left: -5px;
        top: 50%;
        transform: translateY(-50%);
        border: 5px solid transparent;
        border-right-color: #181825;
    }

    .content {
        padding: 15px;
    }

    .discord-login-text {
        display: none;
    }
}