.sidebar-item {
    padding: 8px 10px;
    border-radius: 6px;
    cursor: pointer;
    color: #374151;
}

.sidebar-item:hover {
    background: #E6F6F8;
}

.sidebar-item.active {
    background: #DBF7FA;
    font-weight: 600;
}

.tutorial-dot {
    width: 10px;
    height: 10px;
    border-radius: 9999px;
    background: #d1d5db;
    cursor: pointer;
}

.tutorial-dot.active {
    background: #40C0D2;
    width: 18px;
}

.lighting-page-btn {
    padding:4px 6px;
    font-size:14px;
    background:transparent;
    border:none;
    color:#9ca3af; 
    cursor:pointer;
}

.lighting-page-btn.active {
    color:#000;      /* 현재 페이지 검정 */
    font-weight:600;
}

.shade-page-btn {
    color:#9CA3AF;
    font-size:14px;
    padding:2px 4px;
    cursor:pointer;
}

.shade-page-btn.active {
    color:#111827;
    font-weight:600;
}